@charset "utf-8";
/* 主要的 */
i.icon-search {
    width: 30px;
    height: 30px;
    background: url(../images/icon_search.png) no-repeat center;
}

i.icon-24-01 {
    width: 14px;
    height: 14px;
    background: url(../images/icon_24.png) no-repeat 0 0;
}

i.icon-24-02 {
    width: 15px;
    height: 14px;
    background: url(../images/icon_24.png) no-repeat -15px 0;
}

i.icon-24-03 {
    width: 13px;
    height: 14px;
    background: url(../images/icon_24.png) no-repeat -31px 0;
}

i.icon-24-04 {
    width: 14px;
    height: 14px;
    background: url(../images/icon_24.png) no-repeat -45px 0;
}

/*******************************************search*******************************************/
.search {
    width: 890px;
    margin: 20px 0 0;
}

.search-tit {
    height: 26px;
    padding: 0 0 10px 0;
}

.search-tit > a {
    position: relative;
    float: left;
    padding: 0 7px;
    border-radius: 3px;
    border: 1px solid transparent;
    margin: 0 50px 0 0;
    color: #ffffff;
    font-size: 16px;
    font-family: "微软雅黑";
}

.search-tit > a i.fa {
    display: none;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin: 0 0 0 -3.5px;
}

.search-tit > a:hover {
    text-decoration: underline;
}

.search-tit > a.on {
    background: #e5b83e;
    color: #333333;
}

.search-tit > a.on i.fa {
    display: inline-block;
    color: #e5b83e;
}

.search-tit div.more {
    position: relative;
    float: left;
    width: 48px;
    height: 24px;
    padding: 0 10px;
    margin: 0 4px;
    text-align: center;
    line-height: 22px;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    color: #dfe2ed;
    cursor: pointer;
}

.search-tit div.more font {
    font-family: "宋体";
    letter-spacing: -3px;
}

.search-tit div.more.active {
    padding: 0 10px;
    background: #ffffff;
    color: #549041;
    border: 1px solid #eee;
    border-bottom: none;
}

.search-input {
    background: #fff;
}

.search-input input {
    font-family: "微软雅黑";
    width: 565px;
    height: 30px;
    line-height: 30px;
    padding: 10px 20px;
    background: #ffffff;
    font-size: 14px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}

.search-input select {
    width: 96px;
    padding: 0 0 0 10px;
    height: 50px;
    line-height: 50px;
    background: #ffffff;
    font-size: 14px;
    font-family: "微软雅黑";
    border-right: 1px solid #eee;
}

.search-input button {
    width: 78px;
    height: 50px;
    background: #e5b83e;
    cursor: pointer;
}

.search-input button:hover {
    background: #e7a900;
}

.search-input:hover input {
    background: #fafafa;
}

/*高级检索，top-search*/
.top-search {
    margin-top: 2px;
    margin-left: 25px;
}

.top-search a.gaoji {
    display: block;
    height: 24px;
    text-align: left;
    color: #ffffff;
    line-height: 24px;
    font-family: "微软雅黑";
    font-size: 14px;
}

.top-search a.gaoji:hover {
    text-decoration: underline;
}

.top-search label {
    display: block;
    color: #ffffff;
    cursor: pointer;
}

.top-search label a.gaoji {
    font-family: "宋体";
    font-size: 12px;
}

.top-search label input[type="checkbox"] {
    vertical-align: middle;
}

/*hotwords*/
.hotwords {
    font-family: "宋体";
    width: 100%;
    max-height: 24px;
    overflow: hidden;
    margin: 10px auto;
    color: #ffffff;
}

.hotwords span {
    opacity: 0.7;
}

.hotwords a {
    margin: 0 10px;
    color: #ffffff;
    opacity: 0.7;
}

.hotwords a:hover {
    opacity: 1;
    text-decoration: underline;
}

/*searcher*/
.searcher {
    margin: 50px auto;
}

.searcher .search-input select {
    width: 99px;
}

.searcher .search-input input {
    width: 693px;
}

.searcher .search-input button {
    width: 70px;
}

.searcher .top-search {
    margin-top: 13px;
}

/*子库展示*/
.libdata {
    background: #f4f4f4 url("../images/bg_lib.png");
}

.libdata ul {
    font-size: 0;
    text-align: center;
}

.libdata ul li {
    display: inline-block;
    width: 270px;
    padding: 0 65px;
    transition-duration: 0.3s;
}

.libdata ul li a {
    display: block;
    padding: 25px 0 0;
}

.libdata ul li .libicon {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.libdata ul li .libicon div {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.libdata ul li .libicon div img {
    width: 100%;
    height: 100%;
}

.libdata ul li .libname {
    width: 100%;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.libdata .pic2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.libdata ul li a .pic1 {
    transition-duration: 0.3s;
    /*-webkit-transform: rotateX(0deg) rotateY(0deg);*/
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-backface-visibility: hidden;*/
    /*-moz-transform: rotateX(0deg) rotateY(0deg);*/
    /*-moz-transform-style: preserve-3d;*/
    /*-moz-backface-visibility: hidden;*/
    /*-o-transition: all .4s ease-in-out;*/
    /*-ms-transition: all .4s ease-in-out;*/
    /*-moz-transition: all .4s ease-in-out;*/
    /*-webkit-transition: all .4s ease-in-out;*/
    /*transition: all .4s ease-in-out;*/
}

.libdata ul li a:hover .pic1 {
    /*-webkit-transform: rotateY(180deg);*/
    /*-moz-transform: rotateY(180deg);*/
    transition-duration: 0.3s;
    transform: rotateY(180deg)
}

.libdata ul li a .pic2 {
    display: none;
    /*-webkit-transform: rotateY(-180deg);*/
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-backface-visibility: hidden;*/
    /*-moz-transform: rotateY(-180deg);*/
    /*-moz-transform-style: preserve-3d;*/
    /*-moz-backface-visibility: hidden;*/
    /*-o-transition: all .4s ease-in-out;*/
    /*-ms-transition: all .4s ease-in-out;*/
    /*-moz-transition: all .4s ease-in-out;*/
    /*-webkit-transition: all .4s ease-in-out;*/
    /*transition: all .4s ease-in-out;*/
    transition-duration: 0.3s;
    transform: rotateY(-0deg);
}

.libdata ul li a:hover .pic2 {
    /*-webkit-transform: rotateX(0deg) rotateY(0deg);*/
    /*-moz-transform: rotateX(0deg) rotate(0deg);*/
    /*transform: rotateX(0deg) rotate(0deg);*/
    transform: rotateY(180deg);
    z-index: 10;
}

/*专题*/
.topicbox {
    padding: 25px 0 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.recommend {
}

.recommend .big-title {
    border-color: #e1e1e1;
}

.ul-nav {
    margin: 10px 0 10px -2%;
}

.ul-nav li {
    float: left;
    width: 23%;
    margin-left: 2%;
}

.ul-nav li a {
    display: block;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ul-nav li a em {
    margin-right: 10px;
    color: #e5b83e;
}

.ul-nav li a font {
    margin-left: 10px;
    color: #e5b83e;
}

/**********************************搜索列表**********************************/
/********************left********************/
/*左侧分类盒子*/
.classbox {
    margin-bottom: 20px;
}

.classbox div.show-all {
    display: block;
}

/*treebox 左侧树 */
.treebox {
    padding: 10px;
    background: #f5f5f5;
    overflow-x: auto;
}

.treebox select {
    width: 100%;
    height: 32px;
    padding: 5px;
    margin: 0 auto 10px;
    line-height: 32px;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    color: #666666;
    font-size: 14px;
}

.treebox select option {
    font-size: 14px;
    line-height: 24px;
}

.treebox .jstree-default .jstree-anchor font {
    color: #666666;
    margin: 0 0 0 5px;
}

/*yearbox 左侧年份 */
.yearbox {
}

.yearbox li {
    padding: 0 15px 0 18px;
    height: 35px;
    line-height: 35px;
    background: #f5f5f5 url(../images/icon_04.png) no-repeat 95% 12px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}

.yearbox li label {
    display: block;
    height: 35px;
    cursor: pointer;
}

.yearbox li input {
    float: left;
    margin: 11px 5px 0 0;
}

.yearbox li a {
    display: block;
    height: 35px;
    color: #666666;
}

.yearbox li span {
    display: inline-block;
    max-width: 70%;
    height: 35px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yearbox li font {
    display: inline-block;
    height: 35px;
    color: #999999;
    overflow: hidden;
    font-family: arial;
    margin: 0 0 0 5px;
}

.yearbox li:hover {
    background-color: #ffffff;
    color: #549041;
}

.yearbox li:hover a {
    color: #549041;
}

.yearbox li:hover span {
    color: #549041;
}

.yearbox li.on {
    background-color: #549041;
    background-position-y: -23px;
    color: #ffffff;
}

.yearbox li.on a,
.yearbox li.on span,
.yearbox li.on font {
    color: #ffffff;
}

.yearbox.hide {
    max-height: 144px;
    overflow: hidden;
}

.hasmore div.show-all {
    background: #fbfbfd;
}

/********************right********************/

/*sort*/
.sort {
    margin-top: 5px;
}

.sort .left a {
    margin: 0 0 0 10px;
    color: #666666;
    transition: none;
    -webkit-transition: none;
}

.sort .left a:nth-child(1) {
    margin: 0;
}

.sort .left a:hover {
    color: #549041;
}

.sort .left a.on {
    color: #549041;
}

.sort .left a.up {
    background: url(../images/up.png) right center no-repeat;
    padding: 0 23px 0 0;
    color: #549041;
}

.sort .left a.down {
    background: url(../images/down.png) right center no-repeat;
    padding: 0 23px 0 0;
    color: #549041;
}

/*cond*/
.cond {
    padding: 7px 10px;
    min-height: 16px;
    background: #f5f5f5;
    color: #999;
}

.cond span.fl i.fa {
    margin-right: 5px;
}

.cond ul {
}

.cond ul li {
    float: left;
    margin: 0 10px 0 0;
    color: #999999;
}

.cond ul li h4 {
    float: left;
}

.cond ul li span {
    display: block;
    float: left;
    height: 22px;
    margin: 0 5px 0 0;
    color: #333333;
}

.cond ul li b {
    float: left;
    display: inline-block;
    max-width: 140px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cond ul li a {
    margin-right: 10px;
    transition: none;
    cursor: initial;
}

/*listbox*/
.listbox {
}

/*列表模式，ul-01*/
.ul-01 {
}

.ul-01 li {
    position: relative;
    padding: 20px 5px;
    overflow: hidden;
    border-top: 1px solid #efefef;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-01 li:nth-child(1) {
    border: none;
}

.ul-01 li a.img {
    margin: 0 20px 0 0;
    background: #e5e7eb;
    float: left;
}

.ul-01 li a.img div {
    width: 157px;
    height: 157px;
    background: #e5e7eb;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.ul-01 li a.img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-01 li .fixed-w { /*width:693px;*/
}

.ul-01 li h4 {
    margin: 0 0 8px;
    overflow: hidden;
    font-size: 18px;
    font-family: "微软雅黑";
}

.ul-01 li h4 em {
    float: left;
    margin: -1px 5px 0 0;
    color: #999999;
}

.ul-01 li h4 a.title {
    width: 80%;
    font-size: 18px;
    font-family: "微软雅黑";
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ul-01 li .label {
    line-height: 20px;
    color: #999999;
}

.ul-01 li .label span {
    display: inline-block;
}

.ul-01 li .label span:last-child b {
    display: none;
}

.ul-01 li .label span font {
    color: #e5b83e;
}

.ul-01 li .label b {
    margin: 0 5px 0 8px;
    font-family: "宋体";
}

.ul-01 li .intr {
    min-height: 20px;
    max-height: 60px;
    margin-top: 5px;
    line-height: 20px;
    text-align: justify; /*多行显示...*/
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ul-01 li .source {
    height: 22px;
    overflow: hidden;
    color: #999999;
}

.ul-01 li .key {
    max-width: 75%;
    max-height: 22px;
    overflow: hidden;
    margin-top: 3px;
}

.ul-01 li a.scbtn { /*margin:8px 0 0 0;*/
    background: #f5f5f5;
    color: #999999;
}

.ul-01 li:hover {
    background: #fbfbfb;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.ul-01 li h4 a:hover {
    color: #549041;
}

.ul-01 li:hover a.img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/*视频*/
.ul-01 li a.img.video {
    position: relative;
}

.ul-01 li a.img.video i.icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
}

.ul-01 li:hover a.img.video i.icon {
    background: url(../images/icon_03_hover.png);
}

/*图书*/
.ul-01 li a.img.book div {
    width: 107px;
}

/*平铺模式，ul-02\n*/
.ul-02 {
    margin: 20px 0 0 -30px;
}

.ul-02 li {
    float: left;
    width: 200px;
    margin: 0 0 30px 30px;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-02 li:hover {
    background: #fbfbfb;
}

.ul-02 li .imgbox {
    position: relative;
}

.ul-02 li .imgbox a.img {
    background: #e5e7eb;
}

.ul-02 li .imgbox a.img div {
    width: 200px;
    height: 157px;
    background: #e5e7eb;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.ul-02 li .imgbox a.img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-02 li:hover .imgbox .img img {
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.ul-02 li .imgbox a.scbtn {
    position: absolute;
    top: -28px;
    left: 50%;
    padding: 2px 8px;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 22px;
    border-radius: 30px;
    line-height: 22px;
    background: #f5f5f5;
    border: 1px solid #fff;
    color: #999999;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-02 li .imgbox a.scbtn:hover {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

.ul-02 li:hover .imgbox a.scbtn {
    top: 50%;
}

.ul-02 li h4 {
    margin-bottom: 5px;
}

.ul-02 li h4 a.title {
    display: block;
    height: 22px;
    font-size: 12px;
    color: #549041;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ul-02 li h4 a.title:hover {
    text-decoration: underline;
}

.ul-02 li .source {
    height: 22px;
    overflow: hidden;
    color: #999999;
}

.ul-02 li .label {
    margin-left: -8px;
    line-height: 20px;
    color: #999999;
}

.ul-02 li .label span {
    margin: 0 8px;
}

/*********************************图书详情*********************************/
/*左侧，图书信息*/
.book-info {
    padding: 0 0 40px;
}

/*左侧，图书图片*/
.book-img {
    width: 152px;
    margin: 0 25px 0 0;
}

.book-img .img {
    position: relative;
    background: #ffffff;
    border: 1px solid #ddd;
}

.book-img .img div {
    width: 150px;
    height: 210px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.book-img .img div img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.book-img .img:hover a.fdbtn {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=1);
}

.book-img .img a.fdbtn {
    width: 78px;
    margin: -15px 0 0 -39px;
}

.book-img .img:hover div {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

/*图书下面的操作按钮*/
.book-info .img-btm {
    margin-top: 25px;
    text-align: center;
}

.book-info .img-btm a.seebtn {
    color: #549041;
}

.book-info .img-btm a.scbtn {
    color: #e5b83e;
}

.book-info .img-btm span {
    margin: 0 5px;
    font-family: "宋体";
    color: #e1e1e1;
}

/*右侧，图书字段*/
.book-intr {
    width: 80%;
}

.book-tit {
}

.book-tit h3 {
    font-size: 22px;
    line-height: 30px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #333;
}

.book-tit .label {
    padding: 5px 0 0 15px;
    color: #999;
}

.book-tit .label span {
    margin-left: 10px;
}

.author {
    color: #666666;
}

.author a {
    color: #666666;
}

.author a:hover {
    color: #549041;
}

.metadata {
    margin: 10px 0 0 -2%;
}

.metadata li {
    position: relative;
    float: left;
    min-width: 37%;
    min-height: 24px;
    margin: 0 0 0 2%;
    padding-left: 11%;
    line-height: 24px;
    color: #666666;
}

.metadata li > span {
    position: absolute;
    left: 0;
    top: 0;
    color: #999999;
    width: 92px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.metadata li div {
}

.metadata li.w-100 {
    width: 86%;
}

.metadata li.w-100.p-m {
    padding-bottom: 8px;
}

/*图书简介，tabbox*/
.bookintr {
    margin-bottom: 30px;
    overflow: hidden;
}

.bookintr ul.menu {
    min-height: 30px;
    border-bottom: 1px solid #ccc;
    margin-left: -40px;
}

.bookintr ul.menu li {
    position: relative;
    top: 1px;
    float: left;
    max-width: 123px;
    padding: 0 0 6px;
    margin-left: 40px;
    font-size: 18px;
    height: 22px;
    line-height: 26px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-family: "微软雅黑";
    cursor: pointer;
    border-bottom: 2px solid transparent;
    overflow: hidden;
}

.bookintr ul.menu li:hover,
.bookintr ul.menu li.active {
    border-color: #549041;
}

.bookintr .tabcon {
    margin-top: 15px;
}

.bookintr .con {
}

.bookintr .coninfo {
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    text-align: justify;
}

.bookintr .coninfo p {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 16px;
    font-family: "宋体" !important;
}

.bookintr .coninfo.hide {
    max-height: 295px;
    overflow: hidden;
}

/*.bookintr div.show-all{margin:15px auto 0;}*/

/*图书导航*/
.catalog {
}

.mltree {
    margin-top: 15px;
    overflow: hidden;
}

.mltree .jstree-default > .jstree-container-ul > .jstree-node {
    position: relative;
}

.mltree .jstree-default .jstree-anchor {
    width: 100%;
    height: 28px;
    line-height: 28px;
    color: #549041;
    transition: none;
}

.mltree .jstree-default .jstree-anchor .spot {
    background: url(../images/icon_05.png) repeat-x center;
}

.mltree .jstree-default .jstree-anchor .spot span {
    padding: 0 5px 0 0;
    background: #ffffff;
}

.mltree .jstree-default .jstree-anchor .spot font {
    position: absolute;
    right: 0;
    color: #999999;
    padding: 0 0 0 10px;
    background: #ffffff;
}

.mltree .jstree-default .jstree-hovered .spot span,
.mltree .jstree-default .jstree-hovered .spot font {
    background: #f5f9fc;
}

.mltree .jstree-default .jstree-clicked .spot span,
.mltree .jstree-default .jstree-clicked .spot font {
    background: #ecf5fc;
}

.mltree.hide {
    max-height: 252px;
    overflow: hidden;
}

/*右侧相关*/
/*相关搜索词*/
.ul-words {
    margin-top: 10px;
}

.ul-words a {
    float: left;
    color: #549041;
    margin-right: 15px;
    line-height: 24px;
}

.ul-words a:hover {
    text-decoration: underline;
}

/*相关图书，ul-book*/
.ul-book {
}

.ul-book li {
    padding: 10px 0;
    overflow: hidden;
}

.ul-book li .img {
    margin: 0 10px 0 0;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.ul-book li .img div {
    width: 88px;
    height: 124px;
    background: #fafafa;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.ul-book li .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-book li .img-r {
}

.ul-book li .img-r h4 {
    margin: 0 0 5px;
}

.ul-book li .img-r h4 a {
    display: block;
    max-height: 60px;
    overflow: hidden;
    line-height: 20px;
}

.ul-book li .img-r p {
    line-height: 18px;
    color: #999999;
}

.ul-book li:hover .img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/*相关图片，ul-img*/
.ul-img {
    padding: 10px 0 0;
    margin-left: -14px;
}

.ul-img li {
    width: 128px;
    float: left;
    margin: 0 0 0 14px;
}

.ul-img li .img {
    width: 100%;
}

.ul-img li .img div {
    width: 128px;
    height: 90px;
    background: #fafafa;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.ul-img li .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-img li h4 {
    text-align: center;
}

.ul-img li h4 a {
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
}

.ul-img li:hover .img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/*相关论文、案例，ul-text*/
.ul-text {
    padding: 10px 0 0;
}

.ul-text li {
    padding-left: 15px;
    background: url(../images/icon_06.png) no-repeat 0 -15px;
}

.ul-text li a {
    display: block;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ul-text li:hover {
    background-position-y: 10px;
}

/*********************************组图/视频，详情页*********************************/
/*左侧，组图图片*/
.zubox-img {
    width: 352px;
    overflow: hidden;
    margin: 0 25px 0 0;
}

.zubox-img .img {
    position: relative;
    background: #ffffff;
    border: 1px solid #ddd;
}

.zubox-img .img div {
    width: 350px;
    height: 233px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.zubox-img .img div img {
    display: block;
    margin: 0 auto;
}

.zubox-img .img:hover a.fdbtn {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=1);
}

/*右侧，组图字段*/
.zubox-intr {
    width: 57%;
}

.zubox-intr .metadata li {
    float: none;
    width: 83%;
    padding-left: 15%;
}

/*图片列表，imglist*/
.imglist .ul-02 {
    margin-top: 15px;
}

/*********************************图片/视频，详情页*********************************/
.img-info {
    margin-bottom: 30px;
}

/*imgnav*/
.imgnav {

}

.minimg {
}

.minimg img {
    max-width: 100%;
    height: 500px;
    display: block;
    margin: 0 auto;
}

.img-title {
}

.img-title .title {
    padding: 10px;
    background: #f5f5f5 url("../images/bg-pic-title.jpg") repeat;
}

.img-title .title h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    font-family: 微软雅黑;
}

.img-title .title .btnbox a {
    margin-left: 10px;
    color: #999999;
}

.img-title .title .label {
    margin: 5px 0 0;
    color: #999999;
}

.img-title .title .label span {
    margin-right: 20px;
}

.expand {
    position: relative;
}

.expand .gallery-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 20px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.img-title .img {
    outline: 1px solid #eee;
    z-index: 10;
    width: 100%;
    height: 375px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.img-title .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img-title .bigbtnbox {
    padding: 10px 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
}

.img-title .bigbtnbox .bigbtn {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    padding: 1px 10px;
    color: #fff;
}

.img-title .prev {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 50%;
    height: 375px;
}

.img-title .prev a {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    background: url(../images/imgLeft.png) no-repeat;
    width: 33px;
    height: 72px;
    margin: -36px 0 0 0;
    display: none;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.img-title .prev a:hover {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.img-title .next {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 50%;
    height: 375px;
}

.img-title .next a {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    background: url(../images/imgRight.png) no-repeat;
    width: 33px;
    height: 72px;
    margin: -36px 0 0 0;
    display: none;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.img-title .next a:hover {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.cbtn {
    position: relative;
    height: 117px;
    background: #f5f5f5;
}

.cbtn ul {
    position: relative;
    width: 10000px;
    height: 93px;
}

.cbtn ul li {
    float: left;
    border: 2px solid #ffffff;
    width: 122px;
    height: 89px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.cbtn ul li img {
    width: 100%;
    min-height: 100%;
    display: block;
}

.cbtn ul li tt {
    background: #000;
    color: #FFF;
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 20;
    font-family: "宋体";
    line-height: 16px;
    padding: 0 5px;
}

.cbtn li:hover,
.cbtn li.hov {
    border-color: #e5b83e;
}

.cbtn i {
    width: 25px;
    height: 64px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin: -32px 0 0;
    z-index: 9;
}

.cbtn i:hover {
    background-position-x: -25px;
}

.cSlideUl {
    width: 670px;
    height: 93px;
    overflow: hidden;
    position: relative;
    top: -10px;
    margin: 0 auto;
}

.picLeft {
    left: 40px;
    background: url(../images/picLeft.png) no-repeat 0 0;
}

.picRight {
    right: 40px;
    background: url(../images/picRight.png) no-repeat 0 0;
}

.pic-msg {
    margin: 20px 0;
    line-height: 20px;
}

.pic-msg p {
    margin: 10px 0;
    text-indent: 2em
}

.img-info .metadata {
    padding: 20px;
    margin: 0;
}

.img-info .metadata li {
    min-width: 40%;
    padding: 3px 0 3px 10%;
    margin-left: 0;
}

.img-info .metadata li > span {
    top: 3px;
}

.img-info .metadata li.w-100 {
    width: 92%;
}

.img-info .metadata li.w-100 div {
    height: auto;
    white-space: normal;
}

/*附件下载，enclosure*/
/*.enclosure{margin-bottom:30px;}
.fjintr .tabtit{padding:0 10px;background:#f0f0f0;}
.fjintr ul.menu{margin:4px 0 0;}
.fjintr ul.menu li{float:left;height:32px;line-height:32px;padding:0 16px;cursor:pointer;color:#666666;}
.fjintr ul.menu li.active{color:#549041;background:#ffffff;}
.fjintr ul.menu li:hover{color:#549041;}

.fjintr .tabcon{margin-top:15px;}*/

/*operate*/
/*.operate{margin:6px 0;}
.operate a{height:22px;line-height:22px;padding:0 10px;background:#f8f8f8;border-radius:3px;border:1px solid #ccc;color:#666666;}
.operate a:hover{border-color:#549041;color:#549041;}*/

/*table*/
/*.table{}
.table table tr td{padding:5px;color:#666666;}
.table table tr td input{vertical-align:middle;}
.italic{color:#999999;}
.arial{font-family:arial;}
.table table tr td a{color:#666666;}
.table table tr td a:hover{color:#549041;}*/
/*table-01*/
/*.table-01 table tr:nth-child(2n) td{background:#f6f6f6;}
.table-01 table tr:hover td{background:#fafafa;}
.table-01 table tr td{padding:5px;border-bottom:1px solid #f0f0f0;}*/

/*********************************期刊，详情页*********************************/
/*ul-03*/
.list {
    margin-bottom: 30px;
}

.listintr {
    padding: 10px 0 0;
}

.listintr div.show-all {
    margin: 15px auto 0;
}

.ul-03 {
}

.ul-03 li {
    padding: 3px 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-03 li a {
    display: block;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}

.ul-03 li em {
    float: left;
    padding: 0 10px 0 0;
    background: #ffffff;
    color: #666666;
}

.ul-03 li p {
    float: left;
    padding: 0 10px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 520px;
    height: 24px;
    line-height: 24px;
    color: #666666;
    background: #ffffff;
}

.ul-03 li font {
    float: left;
    padding-right: 5px;
    background: #ffffff;
    color: #999999;
}

.ul-03 li span {
    padding: 0 0 0 10px;
    background: #ffffff;
    color: #999999;
}

.ul-03 li .no-pointer {
    pointer-events: none;
}

.ul-03 li .no-pointer p {
    color: #999
}

.ul-03 li.noauthor {
    background: none;
}

.ul-03 li:hover,
.ul-03 li:hover em,
.ul-03 li:hover p,
.ul-03 li:hover font,
.ul-03 li:hover span {
    background-color: #f9fbfd;
}

.ul-03 li a:hover em,
.ul-03 li a:hover p {
    color: #549041;
}

.ul-03.hide {
    max-height: 300px;
    overflow: hidden;
}

/*期刊导航，ul-04*/
.ul-04 {
    width: 100%;
}

.ul-04 li {
    margin-bottom: 1px;
    background: #f7f7f7;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.ul-04 li:hover {
    background: #f0f0f0;
}

.ul-04 li a.year {
    display: block;
    float: left;
    max-width: 80%;
    height: 32px;
    padding: 0 0 0 10px;
    line-height: 32px;
    font-family: arial;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ul-04 li a.p-show {
    float: right;
    padding: 5px 10px;
    font-size: 18px;
    color: #999999;
}

.ul-04 li a.p-show:hover {
    color: #549041;
}

.ul-04-p {
    display: none;
    padding: 5px;
    background: #ffffff;
}

.ul-04-p a {
    margin: 0 5px;
    color: #999999;
}

.ul-04-p a:hover {
    color: #333333;
}

.ul-04-p a.on {
    color: #549041;
}

/*********************************论文/稿件，详情页*********************************/
/*paper-title*/
.paper-title {
    border-bottom: 1px solid #ccc;
}

.h1box h1 {
    display: inline;
    font-size: 26px;
    font-weight: bold;
    font-family: arial, "微软雅黑";
    line-height: 36px;
    overflow: hidden;
}

.h1box .title_en {
    color: #999;
    font-size: 16px;
    line-height: 24px;
    margin: 5px 0
}

.h1box h1.fl {
    margin: 0 25px 0 0;
}

.h1box h1 sup {
    font-size: 14px;
    position: relative;
    top: -3px;
    left: 3px;
}

.h1box .btn-box {
    min-width: 125px;
    font-weight: normal;
    text-align: right;
}

.h1box .btn-box a.readbtn {
    min-width: 70px;
    margin: 3px 0 0 10px;
    padding: 2px 10px;
    border-radius: 3px;
}

.h1box .btn-box a.readbtn:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.h1box .btn-box a.readbtn i.fa {
    top: 1px;
    margin-right: 5px;
    font-size: 16px;
}

.h1box .btn-box a.readbtn.on {
    background: #e5b83e;
    color: #ffffff;
}

.modified {
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
    color: #999;
}

.modified p {
    margin: 5px 0;
}

.modified p span:first-child {
    margin-left: 0;
}

.modified p span {
    margin-left: 15px
}

.modified a#detail-page-collect {
    color: #999;
    margin-left: 10px;
}

.modified .sysLastmodified font {
    color: #666;
}

.more_ul {
    color: #999;
    margin: 10px 0;
}

.more_ul li span {
    min-width: 65px;
    display: inline-block;
}

.more_ul font {
    color: #666;
}

body .abstract_box {
    border-bottom: 1px dashed #e4e4e4
}

body .abstract_box.border_none {
    border: none;
}

.abstract_box .abstract {
    border-left: 3px solid #e1e1e1;
    margin: 20px 0;
    color: #666;
    padding: 20px;
    background: url(../images/bg-pic-title.jpg) repeat;
}

.abstract_box .abstract .title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}

.readbox {
    margin: 20px 0;
}

.readbox .readbtn {
    color: #fff;
    background: #549041;
    padding: 2px 10px;
    border-radius: 3px;
}

.readbox .readbtn i {
    margin-right: 5px;
}

.paper-title h3 {
    font-size: 16px;
    font-family: arial, "微软雅黑";
    color: #666666;
    line-height: 24px;
    padding: 5px 0 0;
}

.paper-title .label {
    padding: 10px 0 5px;
}

.paper-title .label p {
    color: #999999;
    width: 90%;
}

.paper-title .label span {
    display: inline-block;
    margin-right: 20px;
}

.paper-title .label span span {
    display: inline;
    margin-right: 0;
}

.paper-title .label a.collbtn i.icon {
    top: -2px;
}

/*author-basic*/
.author-basic {
    margin-bottom: 30px;
    background: #f9fbfd;
}

.author-basic .hide {
    max-height: 175px;
    overflow: hidden;
}

.author-basic div.show-all {
    margin: 15px auto 0;
}

/*作者信息，author-basic*/
.author-info {
    width: 50%;
}

.author-info h3 {
    background: #eff3f7;
    padding: 5px 10px;
    font-size: 13px;
    color: #666666;
}

.author-info h3 i.fa {
    top: -1px;
    margin-right: 5px;
}

.author-info p {
    padding: 10px;
    color: #999;
}

/*.author-info ul{padding:10px 0;}*/
/*.author-info ul li{padding:2px 10px;overflow:hidden;*/
/*-webkit-transition-duration:0.5s;*/
/*transition-duration:0.5s;*/
/*-webkit-transition-property:all;*/
/*transition-property:all;}*/
/*.author-info ul li:hover{background:#ffffff;box-shadow:0 0 3px rgba(0,0,0,0.1);}*/
/*.author-info ul li h4{float:left;margin-right:10px;}*/
/*.author-info ul li h4 a{color:#549041;}*/
/*.author-info ul li h4 a:hover{text-decoration:underline;}*/
/*.author-info ul li p{padding:0;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
/*.author-info ul li p a{color:#666666;}*/
/*.author-info ul li p a:hover{color:#000;}*/

/*基本信息，basic-info*/
.basic-info {
    width: 50%;
}

.basic-info h3 {
    background: #eff3f7;
    padding: 5px 10px;
    font-size: 13px;
    color: #666666;
}

.basic-info h3 i.fa {
    top: -1px;
    margin-right: 5px;
}

.author-basic ul {
    padding: 10px 0;
}

.author-basic ul li { /*position:relative;padding:5px 10px 5px 20%;*/
    padding: 0 10px;
    overflow: hidden;
    line-height: 22px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}

.author-basic ul li:hover {
    background: #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

/*.basic-info ul li span{position:absolute;left:10px;top:5px;color:#999999;margin-right:5px;width:18%;height:24px;color:#999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
.author-basic ul li span {
    float: left;
    color: #999999;
    margin-right: 5px;
}

.author-basic ul li div {
    text-align: justify;
}

/*摘要，zyintr*/
.zyintr {
    padding: 10px 20px 15px 20px;
    margin-bottom: 15px;
    background: #f9fbfd;
    border: 1px solid #eee;
}

.zyintr ul.menu {
    height: 30px;
    border-bottom: 1px solid #ddd;
}

.zyintr ul.menu li {
    position: relative;
    top: 1px;
    float: left;
    padding: 0 0 6px;
    margin-right: 20px;
    text-align: center;
    font-family: "微软雅黑";
    cursor: pointer;
}

.zyintr ul.menu li:hover {
    color: #333333;
}

.zyintr ul.menu li.active {
    color: #333333;
    font-weight: bold;
    border-bottom: 2px solid #e5b83e;
}

.zyintr .tabcon {
    margin-top: 15px;
}

.zyintr .con {
}

.zyintr .coninfo {
    font-size: 13px;
    line-height: 20px;
    color: #666666;
    text-align: justify;
}

.zyintr .coninfo.hide {
    max-height: 100px;
    overflow: hidden;
}

.zyintr div.show-all {
    margin: 15px auto 0;
}

/*关键词*/
.keywords {
    margin: 10px 0 30px;
}

.keywords span.fl {
    color: #999999;
}

.keywords span.fl i.fa {
    margin-right: 5px;
}

.key .label {
    color: #999;
}

/*********************************条目类型，详情页*********************************/
/*entryinfo*/
.entryinfo {
    padding: 20px 0;
    text-align: justify;
}

.entryinfo h3 {
    padding: 10px 0 15px;
    color: #000;
    line-height: normal;
    font-size: 14px;
}

.entryinfo h4 {
    padding: 15px 0;
    color: #666;
    line-height: normal;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.entryinfo p {
    color: #666;
    line-height: 24px;
    font-size: 12px;
    text-align: justify;
    padding-bottom: 16px;
}

.entryinfo img {
    max-width: 70%;
    display: block;
    margin: 20px auto;
}

.entryinfo .protitle {
    font-weight: bold;
    color: #549041;
}

.entryinfo .prodiv {
}

/*********************************问答，详情页*********************************/
.QAinfo {
    padding: 30px 0;
    overflow: hidden;
}

.QAinfo .label {
    padding: 5px 0 5px 27px;
    color: #999;
    line-height: 20px;
}

.QAinfo .label span {
    display: inline-block;
    margin-right: 20px;
}

.QAinfo em {
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
}

.QAinfo h4 {
    overflow: hidden;
}

.QAinfo h4 em {
    margin: 3px 0 0;
    background: #549041;
}

.QAinfo h4 .title {
    padding: 0 0 0 10px; /*width:87%;height:24px;*/
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

.QAinfo .answer {
    padding: 5px 0;
    background: #f5f5f5;
}

.QAinfo .answer em {
    margin: 3px 0 0;
    background: #e5b83e;
}

.QAinfo .answer .text {
    padding: 0 10px;
    color: #666;
    text-align: justify;
}

.QAinfo div.show-all {
    background: none;
    height: 24px;
    line-height: 24px;
}

.askimg {
    position: relative;
    padding: 15px 0 0 17px;
    margin-bottom: 10px;
}

.askimg img {
    float: left;
    display: block;
    width: 134px;
    height: 96px;
    margin: 0 0 10px 11.5px;
    cursor: pointer;
}

.askimg.hide {
    max-height: 106px;
    overflow: hidden;
}

/*********************************高级检索*********************************/
/*topseacher 高级检索*/
.topseacher {
    padding: 0 0 20px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: none;
}

.topseacher {
    white-space: nowrap;
}

.topseacher .menu li {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.topseacher .menu .active {
    position: relative;
    bottom: -1px;
    background: #549041;
    color: #fff;
}

.topseacher .menu .normal {
    border: none;
}

.tabtit {
    position: relative;
    height: 30px;
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

.tabtit #menu {
    overflow: hidden;
}

.tabtit.more #menu {
    margin: 0 30px;
}

.tabtit.more a.mroll-l,
.tabtit.more a.mroll-r {
    display: block;
}

a.mroll-l {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 30px;
    background: url(../images/mroll-l.png) center -3px no-repeat;
    outline: medium;
    display: none;
    transition: none;
}

a.mroll-l:hover {
    background: url(../images/mroll-l.png) center -40px no-repeat;
}

a.mroll-r {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 30px;
    background: url(../images/mroll-r.png) center -3px no-repeat;
    outline: medium;
    display: none;
    transition: none;
}

a.mroll-r:hover {
    background: url(../images/mroll-r.png) center -40px no-repeat;
}

.topseacher .tabcon {
    padding: 10px 10px 0 10px;
    border: none;
    position: relative;
    top: -1px;
}

/*jscon*/
.jscon {
    margin: 10px auto 20px;
}

.jscon table {
    position: relative;
}

.jscon table td {
    padding: 5px 10px;
}

.jscon table td h3 {
    color: #549041;
    font-size: 16px;
}

.jscon table td .add {
    margin-left: 10px;
}

.jscon table span {
    padding: 0 20px 0 0;
    float: right;
}

.jscon table input[type="text"] {
    width: 96%;
    height: 28px;
    line-height: 28px;
    padding: 0 2%;
    border: 1px solid #e8e8e8;
    outline: none;
    border-radius: 3px;
}

.jscon table select {
    width: 100%;
    padding: 0 3px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e8e8e8;
    outline: none;
    border-radius: 3px;
}

.jscon a.add {
    position: relative;
    bottom: 35px;
    right: -837px; /*ng 需要*/
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: 1000px;
    border: 1px solid #549041;
    overflow: hidden;
    border-radius: 3px;
    background: url(../images/icon_15.png) no-repeat center 0;
    vertical-align: middle;
}

.jscon a.add:hover {
    background: #549041 url(../images/icon_15.png) no-repeat center -28px;
}

.jscon a.remove {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: 1000px;
    border: 1px solid #549041;
    overflow: hidden;
    border-radius: 3px;
    background: url(../images/icon_16.png) no-repeat center 0;
    vertical-align: middle;
}

.jscon a.remove:hover {
    background: #549041 url(../images/icon_16.png) no-repeat center -28px;
}

.jiansuo {
    text-align: center;
    margin: -10px auto 0;
}

.jiansuo a.b-blue {
    width: 60px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    letter-spacing: 3px;
}

/*jscon  高级检索 end*/

/*********************************个人中心*********************************/
/*左侧，user-l*/
.user-l {
    width: 200px;
}

.user-l .user-title {
    margin-top: 20px;
    padding: 8px 15px;
    background: #539042;
    border-bottom: 1px solid #539042;
}

.user-l .user-title:first-child {
    margin-top: 0;
}

.user-l .user-title h4 {
    font-size: 16px;
    color: #fff;
    font-family: "微软雅黑";
}

.user-l .user-title h4 i.fa {
    width: 16px;
    margin-right: 10px;
    color: #cccccc;
}

.user-l .use-menu {
    background: #fbfbfb;
}

.user-l .use-menu li {
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
}

.user-l .use-menu li a {
    position: relative;
    display: block;
    padding: 9px 15px;
    color: #666666;
    font-size: 14px;
    transition-duration: 0.3s;
}

.user-l .use-menu li a:hover {
    background: #ffffff;
    color: #549041;
}

.user-l .use-menu li.on a {
    background: #fff;
    color: #549041;
    font-weight: bold;
}

/*右侧，user-r*/
.user-r {
    width: 970px;
}

.user-btn {
    padding: 4px 0;
}

.user-btn a {
    padding: 0 5px;
    border-radius: 2px;
}

.user-btn a i.fa {
    margin-right: 5px;
}

.user-btn a:hover {
    background: #549041;
    color: #fff;
}

/*表单*/
.edit-add {
    padding: 20px 0;
    font-size: 14px;
}

.password {
    padding-top: 60px;
}

.item {
    margin: 0 0 15px;
    overflow: hidden;
}

.status {
    margin: 20px 0 30px;
}

.item p {
    line-height: 32px;
    font-size: 14px;
}

.item .ptext {
}

.item .ptext b {
    font-weight: bold;
}

.item .ptext a.downbtn {
    color: #549041;
}

.item .ptext a.downbtn:hover {
    text-decoration: underline;
}

.item .ptext font {
    font-weight: bold;
    font-size: 20px;
    margin-right: 5px;
}

.item .label {
    float: left;
    height: 32px;
    line-height: 32px;
    width: 25%;
    margin-right: 15px;
    text-align: right;
    color: #999;
}

.item .label-r {
    padding-left: 27%;
}

.item .label-r label {
    width: 26%;
    padding: 3px 0;
}

.item .label-r b {
    display: block;
    font-weight: bold;
}

.item em {
    position: relative;
    top: 2px;
    font-style: normal;
}

.item .sele {
    min-width: 20%;
    border: 1px solid #e8e8e8;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 3px;
}

.item .text {
    padding: 5px 10px;
    height: 21px;
    line-height: 20px;
    border: 1px solid #e8e8e8;
    width: 55%;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 3px;
    font-size: 14px;
}

.item label {
    padding: 5px 0;
    display: inline-block;
    margin-right: 20px;
    font-size: 13px;
    cursor: pointer;
}

.item label:hover {
    color: #549041;
}

.item label input {
    position: relative;
    top: -1px;
}

.item textarea {
    width: 55%;
    height: 85px;
    padding: 5px 10px;
    resize: none;
    border: 1px solid #e8e8e8;
    font-size: 14px;
}

.item .submit {
    width: auto;
    padding: 2px 20px;
    margin: 20px 10px 0 0;
    line-height: normal;
}

.item.error .text {
    border-color: #cc0000;
}

.tip {
    display: none;
    position: relative;
    left: 27%;
    width: 54%;
    padding: 2px 0 0 20px;
    font-size: 12px;
    text-align: left;
    background: url(../images/icon_08.png) no-repeat left 6px;
}

.table-search {
    padding: 15px 0;
    vertical-align: middle;
    font-size: 12px;
}

.table-search input {
    height: 26px;
    margin-right: 5px;
}

.table-search select {
    margin: 0 5px 0 0;
    height: 28px;
    line-height: 28px;
    padding: 2px 5px;
    outline: 0;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    background: #FFF;
    font-size: 12px;
}

.table-search a {
    height: 24px;
    line-height: 24px;
}

.tabletop {
    padding: 10px 0;
    border-top: 1px dashed #e8e8e8;
}

.tabletop a {
    margin: 0 20px 0 0;
}

.tabletop a i.fa {
    margin: -2px 5px 0 0;
}

.userbox {
    min-height: 354px;
    background: #fafafa;
}

.userbox table {
    margin-top: -1px;
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}

.userbox table tr:nth-child(2n-1) {
    background: #fafafa;
}

.userbox table tr:hover {
    background: #f5f5f5;
}

.userbox table th {
    padding: 8px 10px;
    background: #f5f5f5;
    font-weight: normal;
    font-size: 14px;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.userbox table td {
    padding: 6px 10px;
    color: #666666;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

/*.userbox table td a{display:block;width:100%;height:24px;overflow:hidden;line-height:24px;}*/
.userbox table td span {
    display: inline-block;
}

/*.userbox table td a.btn{display:inline-block;width:auto;height:22px;line-height:22px;overflow:inherit;}*/

.userbox table td a.c-red,
.userbox table td a.c-red i.fa {
    color: #c70000;
}

a.btn {
    padding: 0 5px;
    font-size: 13px;
    color: #549041;
}

a.btn i.fa {
    margin-right: 3px;
    color: #549041;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}

a.btn:hover {
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

a.btn:hover i.fa {
    color: #549041;
}

.userbox .pages-01 {
    border: none;
}

/*我的笔记，note-list*/
.note-list {
    padding: 0 15px;
}

.note-list li {
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
}

.note-list li:hover {
    border-bottom-color: #999;
}

.note-list li label {
    display: block;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.note-list li label:hover {
    color: #549041;
}

.note-list li label input {
    vertical-align: middle;
    margin: -2px 10px 0 0;
}

.note-list li .label {
    line-height: 20px;
    color: #999;
    font-size: 12px;
}

.note-list li .label span {
}

.note-list li .label span font {
    color: #e5b83e;
}

.note-list li .label span a {
    display: inline;
    color: #999;
    font-size: 12px;
}

.note-list li .label span a:hover {
    color: #333;
}

.note-list li .label b {
    margin: 0 8px;
    font-family: "宋体";
}

.note-list li .text {
    margin-top: 10px;
    padding: 10px;
    background: #f4f4f4;
    border-left: 2px solid #999;
}

.note-list li .text p {
    max-height: 48px;
    overflow: hidden;
    text-align: justify;
}

.note-list li .note {
    max-height: 44px;
    overflow: hidden;
    margin: 5px auto 10px;
    color: #549041;
    text-align: justify;
    word-break: break-all;
}

.note-list li .correction {
    max-height: none;
}

.note-list li .note a {
    color: #549041;
    text-align: justify;
}

.note-list li .note a:hover {
    color: #549041;
    text-decoration: underline;
}

.note-list li .time {
}

.note-list li .time span {
    font-size: 12px;
    color: #666;
}

.note-list li .time .fr a {
    margin: 0 0 0 10px;
}

.note-list li .note-img {
}

.note-list li .note-img .img {
    margin-right: 25px;
}

.note-list li .note-img .img span {
    width: 100px;
    height: 100px;
    background: #e5e7eb;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.note-list li .note-img .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

/*导入会员 上传框*/
.zpupload {
    float: left;
    width: 57.8%;
    border: 1px solid #e8e8e8;
    margin: 0;
    border-radius: 3px;
}

.up-l {
    float: left;
    width: 77%;
    border-right: 1px solid #e8e8e8;
    padding: 3px 0;
}

.up-l li {
    min-height: 18px;
    line-height: 18px;
    padding: 3px 10px 3px 10px;
}

.up-l a.sc {
    margin: -1px 0 0;
}

.up-r {
    float: right;
    width: 22.7%;
}

.up-r a.upfile {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #c5c8cd;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    font-size: 12px;
    color: #FFF;
    text-align: center;
}

.up-r a.upfile:hover {
    background: #8b9198;
    color: #FFF;
}

.up-r a.upfile input {
    display: block;
    position: absolute;
    width: 92px;
    height: 30px;
    line-height: 30px;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    z-index: 10;
}

/*note-info*/
.note-info {
    padding: 30px 15px 15px 15px;
}

.note-info h2 {
    margin: 0 auto 10px;
    font-size: 22px;
    line-height: 26px;
    font-family: "微软雅黑";
}

.note-info .label {
    line-height: 20px;
    color: #999;
    font-size: 12px;
}

.note-info .label span {
}

.note-info .label span font {
    color: #e5b83e;
}

.note-info .label span a {
    color: #999;
    font-size: 12px;
}

.note-info .label span a:hover {
    color: #333;
}

.note-info .label b {
    margin: 0 8px;
    font-family: "宋体";
}

.note-info .text {
    margin-top: 10px;
    padding: 10px;
    background: #f4f4f4;
    border-left: 2px solid #999;
    text-align: justify;
}

.note-info .text a:hover {
    text-decoration: underline;
}

.note-info .text a font {
    font-family: "宋体";
    letter-spacing: -2px;
}

.note-info .title {
    margin: 40px auto 15px;
}

.note-info .title h4 {
    color: #549041;
    font-size: 16px;
    font-family: "微软雅黑";
}

.note-info .title font {
    position: relative;
    top: 2px;
    margin-left: 20px;
    color: #999;
    font-size: 12px;
}

.note-info .title a {
    margin-left: 10px;
}

.note-info .title a i.fa {
    margin-right: 5px;
}

.note-info .note {
    word-break: break-all;
    line-height: 20px;
}

.note-info .note p {
    padding-bottom: 16px;
    line-height: 20px;
    text-align: justify;
}

/*数据更新*/
.record {
    padding: 20px 15px 0 15px;
}

.record h2 {
    font-size: 14px;
    line-height: 24px;
}

.record h2 i.fa {
    top: 2px;
    margin: 0 10px 0 0;
    font-size: 18px;
    color: #999;
}

.record-div {
    padding: 20px 0 0 28px;
}

.record-div p {
    color: #999;
    line-height: 24px;
}

.record-div p font {
    margin: 0 5px;
    color: #549041;
    font-family: arial;
}

/*ul-05*/
.ul-05 {
    max-height: 328px;
    padding: 10px 0;
    margin: 15px auto;
    overflow: auto;
    background: url(../images/icon_11.png) repeat-y 120px center;
}

.ul-05 li {
    padding: 20px 0;
    overflow: hidden;
}

.ul-05 li .time {
    width: 100px;
    color: #999;
    font-size: 14px;
    font-family: arial;
    line-height: 22px;
}

.ul-05 li .tb {
    width: 13px;
    height: 20px;
    margin: 0 14px;
    background: url(../images/icon_09.png) no-repeat center;
}

.ul-05 li .text {
    position: relative;
    width: 590px;
    padding: 15px 20px;
    margin: -16px 0 0 3%;
    border-radius: 5px;
    background: #f5f5f5;
}

.ul-05 li .text i.icon {
    width: 12px;
    height: 18px;
    background: url(../images/icon_10.png) no-repeat 0 0;
}

.ul-05 li .text i.icon {
    position: absolute;
    top: 18px;
    left: -12px;
}

.ul-05 li .text p {
    color: #666;
}

/*ul-06*/
.ul-06 {
}

.ul-06 li {
    color: #999;
    line-height: 30px;
}

.ul-06 span {
    display: inline-block;
    width: 18px;
    height: 19px;
    padding: 0 1px 0 0;
    margin: 0 10px 0 0;
    background: url(../images/icon_12.png) no-repeat 0 0;
    font-style: italic;
    font-family: arial;
    text-align: center;
    line-height: 19px;
}

/*main-title*/
.main-title {
    padding: 20px 0 10px;
    height: 30px;
    text-align: center;
    font-family: "微软雅黑";
    font-size: 24px;
    line-height: 30px;
    background: url("../images/icon_title.png") no-repeat center bottom;
}

/*登录*/
.loginbox {
    margin: 45px auto
}

.loginbox.fixed-w {
    width: 770px
}

.loginbox .left, .loginbox .right {
    margin: 0 30px
}

.loginbox .right {
    width: 340px;
    background: #fafafa url(../images/bg_lib2.png)
}

.loginbox .right .icon-bg {
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 60px;
    height: 135px;
    background: url(../images/icon_login.png) no-repeat right center
}

.loginbox .right p {
    margin-bottom: 30px;
    color: #999;
    letter-spacing: 3px;
    font-size: 20px;
    font-family: 微软雅黑
}

.loginbox .right a {
    width: 98px;
    height: 2pc;
    font-size: 1pc;
    font-family: 微软雅黑;
    line-height: 2pc
}

.loginbox .options {
    height: 70px
}

.options_key {
    margin-right: 15px;
    padding-top: 0;
    width: 35%;
    color: #999;
    text-align: right;
    font-size: 14px;
    line-height: 46px
}

.options_key span {
    margin-right: 10px
}

.fixed-w .options_input {
    width: 283px
}

.options_input {
    padding: 7px 5px;
    width: 380px;
    height: 30px;
    border: 1px solid #e1e1e1;
    line-height: 30px
}

.check_type {
    font-size: 14px;
    line-height: 46px
}

.check_type input {
    margin-right: 5px
}

.have-icon {
    position: relative
}

.have-icon .options_input {
    padding-left: 50px
}

.have-icon .icon {
    position: absolute;
    top: 9pt;
    left: 9pt;
    z-index: 3;
    width: 20px;
    height: 20px
}

.icon-user {
    background: url(../images/zhangh.png) no-repeat center
}

.icon-password {
    background: url(../images/mim.png) no-repeat center
}

.check_type_list {
    margin-right: 20px;
    cursor: pointer
}

.check_phone_code .options_input {
    margin-right: 10px;
    width: 130px
}

.from-code {
    height: 46px;
    vertical-align: middle
}

.errorMsg {
    margin-left: 20px;
    color: #c70000;
    line-height: 46px;
}

.check_phone_code button {
    width: 75pt;
    height: 46px;
    background: #f5f5f5;
    color: #999;
    line-height: 46px;
    cursor: pointer
}

.check_phone_code button:hover {
    color: #549041;
}

.not_allow {
    border-color: #f5f5f5;
    cursor: not-allowed;
}

.register_opration {
    margin-top: 20px;
    text-align: center;
}

.register_opration a {
    font-size: 14px;
}

.register_opration .register_btn {
    width: 340px;
    height: 46px;
    background-color: #549041;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 46px;
    cursor: pointer;
    font-family: '微软雅黑';
}

.register_opration .register_btn:hover {
    background-color: #2c7714;
}

.register_opration span {
    font-size: 14px;
    margin-left: 20px;
    color: #999999;
}

.login_btn {
    margin-left: 2px;
    color: #549041;
    font-size: 14px;
}

.login_btn:hover {
    text-decoration: underline;
}

/*忘记密码*/
.find_nav {
    margin: 0 auto;
    width: 360px;
}

.find_nav_btn {
    display: block;
    width: 180px;
    height: 35px;
    padding: 20px 0 10px;
    line-height: 35px;
    text-align: center;
    font-family: "微软雅黑";
    font-size: 24px;
    cursor: pointer;
    margin: 0 auto;
}

.find_nav_btn:hover {
}

.find_nav-active {
    background: url(../images/icon_title.png) no-repeat center bottom;
    cursor: default;
}

.find_nav-active:hover {
    color: #333;
}

.findpassword_box {
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
}

.findpassword_box form {
    width: 52%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.findpassword_box input[type="text"],
.findpassword_box input[type="password"],
.findpassword_box .code-div {
    display: inline-block;
    width: 50%;
}

.findpassword_box .js-btnnext {
    margin-top: 5px;
    width: 25%;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
}

.findpassword_box .not_allow {
    cursor: not-allowed;
    border-color: #CBCBCB;
}

.findpassword_box .progress a {
    width: 33%;
}

.success-tip {
    text-align: center;
    font-family: '微软雅黑';
}

.icon-ok {
    width: 100%;
    height: 130px;
    background: url("../images/icon_19.png") no-repeat top;
}

.success-tip h2 {
    margin: 20px 0 10px;
    padding-left: 20px;
    font-size: 32px;
    line-height: normal;
    letter-spacing: 4px;
}

.success-tip p {
    font-size: 14px;
    color: #666666;
}

.success-tip a {
    margin-top: 50px;
    color: #864e49;
}

.success-tip a:hover {
    text-decoration: underline;
}

/*icon-title*/
.icon-title {
    margin: 5px 0 15px;
    color: #549041;
    font-size: 14px;
}

.icon-title i.fa {
    top: -1px;
    color: #549041;
    margin: 0 10px 0 0;
}

.icon-title font {
    font-size: 12px;
    color: #999;
    margin: 0 0 0 5px;
}

/*左侧导航*/
.slide {
    position: fixed;
    left: -262px;
    top: 40%;
    width: 240px;
    padding: 20px 10px;
    background: #fafafa;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0 5px 5px 0;
}

.hoverbtn {
    width: 34px;
    height: 143px;
    padding: 10px 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -82px;
    right: -34px;
    color: #fff;
    background: #549041;
    border-radius: 0 5px 5px 0;
}

.hoverbtn span {
    display: block;
    text-align: center;
}

.hoverbtn font {
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}

#sideToolbar {
    width: 200px;
}

#sideToolbar .icon-title {
    padding: 0 6px;
    margin: 0 0 10px;
}

#sideCatalog {
    overflow: hidden;
}

#sideCatalog-catalog {
}

#sideCatalog-catalog dl {
    background: url(../images/line.png) repeat-y 13px center;
}

#sideCatalog-catalog dl dd {
    padding: 0 10px 0 32px;
    height: 30px;
    background: url(../images/icon_14.png) no-repeat 8px 0;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sideCatalog-catalog dl dd a {
    display: inline;
    line-height: 30px;
}

#sideCatalog-catalog dl dd:hover {
    color: #549041;
    background: #f3f4f5 url(../images/icon_14.png) no-repeat 8px -30px;
}

#sideCatalog-catalog dl dd:hover a {
    color: #549041;
}

#sideCatalog-catalog dl dd.sideCatalog-item2 a {
    padding: 0 0 0 12px;
}

#sideCatalog-catalog dl dd.sideCatalog-item3 a {
    padding: 0 0 0 20px;
}

.up-down {
    position: absolute;
    display: none;
    width: 22px;
    height: 50px;
    top: 50%;
    left: 15px;
    margin-top: -15px;
}

.go-up, .go-down {
    display: block;
    width: 22px;
    height: 25px;
}

.go-up {
    background: url(../images/icon_13.png) no-repeat -2px -3px;
}

.go-down {
    background: url(../images/icon_13.png) no-repeat -2px -28px;
}

.go-up.stop,
.go-down.stop {
    background-position-x: -29px;
}

/**************************************** Echarts相关 ***********************************/
#main {
    width: 500px;
    height: 300px;
    margin: 20px auto;
}

/**************************************** 图书阅读页 ***********************************/
/*read-box*/
.read-box {

}

.read-box .paper-title {
    padding: 10px 0 0;
    background: #fff;
}

.read-box .paper-title.fixed {
    position: fixed;
    width: 1200px;
    position: fixed;
    z-index: 9;
}

/*infocon*/
.infocon {
    position: relative;
    min-height: 800px;
    padding: 0;
}

.left.menu {
    width: 275px;
    max-width: 600px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: -275px;
    z-index: 1;
    transition-duration: 0.3s;
    background: #fafafa;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
    border-radius: 0 5px 5px 0;
}

.left.menu .tree {
    padding-left: 20px;
}

.left.menu .treebox {
    max-height: 500px;
    overflow-y: auto;
    padding-left: 0;
    background: #fafafa !important;
}

.left.menu .jstree-default .jstree-anchor {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}

.infocon .left.fixed {
    position: fixed;
    top: 106px;
}

.infocon .left.on {
    box-shadow: 8px 0 10px rgba(0, 0, 0, 0.11);
}

.infocon .left .icon-title { /*padding:0 0 0 5px;*/
    white-space: nowrap;
    overflow: hidden;
}

.infocon .left.on .icon-title {
    width: 0;
}

.infocon .left .icon-title a.opentree {
    padding: 0 5px;
}

.infocon .left .icon-title a.opentree i.fa {
    color: #999;
    margin: 0;
}

.infocon .left .icon-title a.opentree:hover i.fa {
    color: #000;
}

.infocon .left .tree {
    padding: 10px 10px 49px;
}

.infocon .left .tree .treebox {
    padding: 0;
    overflow: hidden;
}

.infocon .left .tree #catalogTree {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.infocon .left .hoverbtn {
    margin-top: -170px;
    left: -34px;
    transition: initial;
    border-radius: 3px;
    background: #549041;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.infocon .left .hoverbtn:hover {
    background: #549041;
}

.infocon .left .hoverbtn.on {
    background: #549041;
}

.infocon .right {
    position: relative;
    padding: 0 45px;
    margin: 0 auto;
    background: #fff;
}

/*阅读页font弹窗*/
.fontbox {
    display: none;
    position: absolute;
    z-index: 8;
    max-width: 560px;
    padding: 14px 0;
    background: #fafafa;
    border-radius: 3px;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
}

.jiantou {
    position: absolute;
    top: -8px;
    width: 17px;
    height: 8px;
    background: url(../images/icon_17.png) no-repeat
}

.fontbox .tipinfo {
    padding: 0 14px;
    max-height: 400px;
    overflow: auto;
    color: #666;
}

.fontbox .tipinfo p {
    text-align: justify;
    line-height: 1.75em;
    padding-bottom: 10px;
    white-space: normal;
    word-break: break-all;
}

/*tooltip*/
.tooltip {
    max-width: 400px;
    padding: 10px;
    line-height: 22px;
    background: #FFF;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.tooltip h4 {
    padding: 0 0 10px 20px;
    font-size: 12px;
    color: #999;
    background: url(../images/icon_23.png) no-repeat left 6px;
}

.tooltip p {
    padding: 5px 10px;
    line-height: 24px;
    background: #f3f5f6;
}

.tooldi {
    margin-top: 10px;
    text-align: right;
}

.tooldi a {
    height: 22px;
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 3px;
    color: #549041;
}

/*.tooldi a i.fa{margin:-2px 5px 0 0;}*/
.tooldi a i.icon {
    margin: -2px 5px 0 0;
}

.tooldi a:hover {
    background: #549041;
    color: #fff;
}

.tooldi a:hover i.icon {
    background-position-y: -15px;
}

/*弹窗 添加笔记*/
.accon {
    padding: 10px 20px 20px;
}

.accon textarea {
    width: 96%;
    height: 150px;
    border: 1px solid #dce2e2;
    padding: 1% 2%;
    font-size: 13px;
    line-height: 22px;
    outline: medium;
    resize: none;
}

.accon h4 {
    font-size: 14px;
}

.accon h3 {
    text-align: right;
}

.accon p {
    max-height: 96px;
    overflow: auto;
    margin: 5px auto 15px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.accon .lex {
    padding: 10px;
    background: #f5f5f5;
}

.accon .lex h4 {
    color: #549041;
    font-size: 16px;
}

.accon .lex p {
    color: #666;
}

.accon p.maxs {
    text-align: right;
    color: #999;
    font-size: 13px;
}

.accon p.maxs {
    margin: 5px 0;
}

.accon p.maxs font {
    margin: 0 5px;
}

.acbtn {
    text-align: center;
}

/**************************************** 图书正文样式 ***********************************/
/*readbook*/
.readbook {
    padding: 20px 0 20px;
    font-size: 13px;
    font-family: arial, "STHeitiSC-Medium", "Microsoft Yahei", arial;
}

.readbook .chapter {
    padding-bottom: 14px;
}

.readbook .para {
}

.readbook .para .tips {
    color: #F56923;
    text-decoration: none;
    cursor: pointer;
}

.readbook .para .tips:hover {
    text-decoration: underline;
}

.readbook img {
    max-width: 500px; /*max-height:400px;*/
}

.footnote {
    cursor: pointer;
}

.footnote sup {
    color: #e5b83e;
}

/*!*篇的结构*!*/
/*!*标题*!*/
/*.part .para .chapter .title {*/
/*}*/

/*!*段落*!*/
/*.part .para .chapter .para {*/
/*}*/

/*!*图注*!*/
/*.part .para .chapter .para {*/
/*text-align: center;*/
/*font-size: 13px;*/
/*}*/

/*!*同表注*!*/

/*!*章的结构*!*/
/*!*标题*!*/
/*.chapter .title {*/
/*margin-bottom: 0;*/
/*font-size: 24px;*/
/*font-weight: bold;*/
/*}*/

/*.chapter .title p {*/
/*text-align: center;*/
/*}*/

/*.chapter .title span {*/
/*font-size: 24px;*/
/*font-weight: bold;*/
/*text-align: center;*/
/*color: #333;*/
/*font-family: '微软雅黑';*/
/*}*/

/*.chapter .title span sup {*/
/*font-size: 12px*/
/*}*/

/*!*段落*!*/
/*.chapter .para p {*/
/*}*/

/*!*节标题*!*/
/*.chapter .para .sect1 .title h1 {*/
/*padding-top: 16px;*/
/*padding-bottom: 14px;*/
/*color: #000;*/
/*font-size: 24px;*/
/*line-height: normal;*/
/*font-family: Arial, "微软雅黑";*/
/*}*/

/*!*图注*!*/
/*.chapter .para .sect1 .para .figure .title {*/
/*}*/

/*节的结构(sect1)*/
/*标题*/
.sect1 .title h1 {
    padding-top: 16px;
    padding-bottom: 14px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    font-family: Arial, "微软雅黑";
}

/*段落*/
.sect1 .para p {
}

/*图注*/
.sect1 .para .figure .title {
}

/*目的结构(sect2)*/
/*标题*/
.sect2 .title h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    font-family: Arial, "微软雅黑";
}

/*段落*/
.sect2 .para p {
}

/*次的结构(sect3)*/
/*标题*/
.sect3 .title h3 {
    padding-top: 16px;
    padding-bottom: 14px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    font-family: Arial, "微软雅黑";
}

/*段落*/
.sect3 .para p span img {
    width: auto !important;
    height: 18px;
}

/*项标题*/
.sect3 .para .sect4 .title {
}

/*项内容*/
.sect3 .para .sect4 .para p {
}

/*次(项)表标题*/
.sect3 .para .sect4 .para .figure .title {
}

/*不知道这是啥*/
.sect3 .para .sect4 .para .figure p {
}

/*项的结构(sect4)*/
/*标题*/
.sect4 .title h4 {
    padding-top: 16px;
    padding-bottom: 14px;
    color: #333;
    font-size: 16px;
    line-height: normal;
    font-family: Arial, "微软雅黑";
}

/*段落*/
.sect4 .para p {
}

/*无名的结构(sect5)*/
/*标题*/
.sect5 .title h5 {
    padding-top: 16px;
    padding-bottom: 14px;
    color: #333;
    font-size: 14px;
    line-height: normal;
    font-family: Arial, "微软雅黑";
}

/*para的结构(内容)*/
/*段落*/
.para p {
    padding-bottom: 14px;
    color: #666;
    text-align: justify;
    text-indent: 2em;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 1.75em;
}

/*i斜体*/
.para i {
    font-style: italic;
}

.para p strong {
    color: #666 !important;
    font-weight: bold;
}

.para p a.law-link {
    text-indent: 0;
}

/*引文*/
.para-quotation {
    margin: 20px 2em 28px;
    padding: 10px 14px;
    border-left: 3px solid #1d4698;
    background: #f8faff;
    color: #1d4698 !important;
    font-family: "STKaitiSC-Regular", "KaiTi", "STHeitiSC-Medium", "Microsoft Yahei";
}

/*图片*/
.figure img {
    display: block;
    max-width: 70%;
    margin: 20px auto;
}

.figure .title p {
    padding-top: 10px;
    font-size: 13px;
}

/*脚注*/
.footnoteHolderDiv {
    padding: 0 10px 0;
    background: #fafafa;
}

.footnoteHolder p {
    font-size: 13px;
    color: #666;
    line-height: 1.75em;
    padding-bottom: 14px;
}

/*阅读页img弹窗*/
.readbook div.imgbox .imagebox {
    display: none;
    position: absolute;
    z-index: 8;
    width: auto;
    margin: 0;
    max-width: 732px;
    padding: 30px 14px;
    background: #f9f9f9;
    border-radius: 3px;
    max-height: 415px;
    border: none;
    overflow: auto;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.readbook div.imgbox .imagebox p {
    text-align: justify;
    font-size: 13px;
    line-height: 22px;
}

.readbook div.imgbox .imagebox img {
    display: block;
    max-width: 700px;
    max-height: 415px;
    margin: 0 auto;
}

td.comm {
    padding: 10px 5px !important;
    position: relative;
}

td.comm p {
    padding: 4px 50px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
}

td.comm i {
    display: none;
    position: absolute;
    right: 50%;
    bottom: 4px;
    cursor: pointer;
    margin-right: -6px;
}

#lable2 {
    padding: 10px;
    background: #fafafa;
}

#lable2 li {
    width: 47%;
    float: left;
    padding: 2px 0;
    margin-left: 2%;
    line-height: 24px;
    font-size: 13px;
    color: #666;
}

#lable2 li span {
    margin: 0 5px 0 0;
    color: #999;
}

/**************************************** 关于我们 ***********************************/
.main-about {
    padding: 10px 0;
    margin-top: 30px;
    background: #f5f5f5;
}

/*about*/
.about-l {
    width: 200px;
}

.about-l ul {
    min-height: 500px;
    padding: 40px 0 0 0;
}

.about-l ul li {
    margin-bottom: 10px;
}

.about-l ul li a {
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.about-l ul li a:hover {
    color: #549041;
}

.about-l ul li.on a {
    background: #549041 url("../images/icon_01.png") no-repeat right center;
    color: #fff;
    font-weight: bold;
}

.about-r {
    width: 990px;
    min-height: 550px;
    margin-right: 10px;
    background: #ffffff;
}

.aboutcon {
    padding: 50px 50px 30px;
}

.aboutcon #siteTitle {
    display: none;
}

.aboutcon p {
    padding-bottom: 20px !important;
    color: #666;
    font-size: 13px !important;
    line-height: 1.75em;
    text-align: justify !important;
    text-indent: 2em !important;
}

.aboutcon img {
    display: block;
    max-width: 80%;
    margin: 0 auto 15px;
}

.aboutbtm {
}

.aboutbtm input {
    padding: 2px 20px;
}

.about-r .big-title {
}

/*图书简介*/
.nkbox div.show-all {
    position: relative;
}

.nk-info.hide {
    max-height: 456px;
    overflow: hidden;
}

.toc {
}

.toc .tocdiv {
    margin: 0 0 10px 0;
    color: #549041;
    background: url(../images/icon_05.png) repeat-x 0 10px;
}

.toc .tocdiv .title {
    display: inline-block;
    padding-right: 10px;
    background: #fff;
}

.toc .tocdiv .tocdiv {
    margin: 10px 0 0 12px;
}

.toc .tocdiv .tocdiv .tocdiv {
    margin: 10px 0 0 12px;
}

.toc .tocdiv .tocdiv .tocdiv .tocdiv {
    margin: 10px 0 0 24px;
}

.toc .tocdiv .tocspec {
    background: #fff;
    color: #999;
    padding: 0 0 0 10px;
}

.toc .tocdiv .tocentry {
    float: right;
    background: #fff;
    padding: 0 0 0 10px;
    color: #999;
}

/*参考文献*/
.bibliography {
    padding-top: 16px;
    padding-bottom: 16px;
}

.bibliography .title p {
    padding-bottom: 14px;
    font-family: Arial, "微软雅黑";
    color: #000;
    font-size: 22px;
    line-height: normal;
}

.bibliography p {
    padding-bottom: 5px;
    text-indent: inherit;
}

/*2018-06-21 新添加*/
#trend {
    width: 100%;
    margin: 20px auto;
}

/*2018-08-13 新添加*/
#WENDA .sect2 > .title {
    display: none
}

.feekback {
    padding: 20px;
}

.feekback .item {
    margin-bottom: 0;
}

/*2019-06-13 纠错样式*/
.dialog-box {
    margin: 0 40px;
}

.dialog-group {
    padding: 10px 0;
}

.dialog-group .title {
    margin-bottom: 10px;
}

.dialog-textarea {
    padding: 5px;
    width: 100%;
    height: 100px;
}

.dialog-group .upload-images {
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
}

.dialog-group .upload-images input {
    display: none;
}

.dialog-group .upload-images .s-btn {
    display: inline-block;
    margin-top: 25px;
    margin-left: 25px;
    width: 50px;
    height: 50px;
    background: url(../images/i-upload-image.png) no-repeat;
    cursor: pointer;
}

.dialog-group .upload-images .s-btn:hover {
    background-position-y: -50px;
}

.s-update-images-item {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
}

.s-update-images-del {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
    line-height: 100px;
}

.s-update-images-item:hover .s-update-images-del {
    display: block;
}

.s-update-images-del .s-btn {
    color: #fff;
    opacity: .8;
}

.s-update-images-del .s-btn:hover {
    opacity: 1;
}

.s-update-images-img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    max-width: 100px;
    max-height: 100px;
    transform: translate(-50%, -50%);
}

.s-find-error-btn {
    margin: 20px;
    text-align: center;
}

.s-find-error-btn .b-blue {
    display: inline-block;
    padding: 0 25px;
    font-size: 16px;
}

.statistics {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../images/tongji.png") no-repeat center;
}

.queTi {
    background: url("../images/wen.png") no-repeat center left;
    padding-left: 35px
}

.que_ans_con {
    background: url("../images/da.png") no-repeat left top;
    padding: 25px;
}

.que_ans_entryinfo {
    background: url(../images/bg-pic-title.jpg) repeat;
    padding-top: 0px;
    margin-top: 20px;
}

.closeEn {
    text-align: right;
    float: right;
    cursor: pointer;
    display: inline-block;
}

.closeEn .on {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -2px;
    background: url("../images/up_icon1.png") no-repeat center;
}