@charset "utf-8";
/* CSS Document */
body{ background: #fff;}
a:focus,input:focus,textarea:focus,select:focus,button:focus,textarea:focus{outline:none;}
.wza-on a:focus,.wza-on input:focus,.wza-on textarea:focus,.wza-on select:focus,.wza-on button:focus,.wza-on textarea:focus{outline:auto;}
a:hover{ color: #225CC2;}
input:-internal-autofill-selected{ background-color: none !important;}

/* 头部  */
.ls-special-header{ height: 450px;  background: url("../images-zdjc/zdjc-bannerbg.png") top center no-repeat;}
.ls-special-header .container{position: relative;}
.ls-special-header .guidang{position: absolute; z-index: 10; top: 40px; right: 0;}

.pos-rel{ position: relative;}
.guidang{ position: absolute; right: 50px; top:100px;}
.ls-zfkfr-logo{ padding: 15px 0 0 5px; line-height: 0; font-size: 0;}
.ls-zfkfr-logo a{ display: block;}
.ls-zfkfr-logo span{ display: none;}
.topic-service {padding: 15px 0 0 0;}
.topic-service ul li{ float: left;margin-left: 16px;height: 32px;line-height:32px;}
.topic-service ul li.num-old,.topic-service ul li.num-wza{float: left;padding: 0 16px;border-radius: 8px; margin-left: 10px; background: rgba(255, 255, 255, 0.15);}
.topic-service ul li.num-old{ margin-left: 20px;}
.topic-service ul li a{color: #fff; font-size: 16px;text-align: left;}
.topic-service ul li a.user-name{margin-right: 5px;}
.topic-service ul li:hover{color:#fff}
.topic-service ul li a:hover{color: yellow;}
.topic-service ul li.num-old a:hover,.topic-service ul li.num-wza a:hover{ color: #fff;}
.topic-service ul li.num-old:hover,.topic-service ul li.num-wza:hover{background: rgba(255, 255, 255, 0.4);}
.topic-service ul li.user-center a.member-logout{ padding-left: 0px;}
.topic-service ul li.num-wza a{ background: url("../images-xfwq/wza.png") left center no-repeat;padding-left: 20px;}
.topic-service ul li a.old_btn{ background: url("../images-xfwq/oldbtn.png") left center no-repeat; padding-left: 20px;}


.ls-special-banner{ padding: 40px 0 0 0; text-align: center; font-size: 0; line-height: 0; }
.ls-special-banner .img-title{ display: none;}
.ls-special-banner img{max-width: 100%; height: auto;}
@media (max-width:991px) {
    .ls-special-header{ height: auto;}
    .ls-special-banner{  text-align: center;  padding: 40px 0;}
    .ls-zfkfr-logo{ padding: 10px 0 0 5px;}
    .topic-service{padding: 10px 10px 0 0;}
    .topic-service ul li{margin-left: 10px;}
    .topic-service ul li a{font-size: 14px;}
}
@media (max-width:767px) {
    .ls-special-banner{   padding: 30px 0;}
    .ls-special-banner img{max-width: 98%;}
}
@media (max-width:479px) {
    .ls-zfkfr-logo img{height: 30px; width: auto;}
    .topic-service{padding: 7px 5px 0 0;}
}
/*配色问题*/
.wza-yellow-black .special-logo,.wza-yellow-blue .special-logo,.wza-white-black  .special-logo{ display: none;}
.wza-yellow-black .wza-color-logo,.wza-yellow-blue .wza-color-logo,.wza-white-black .wza-color-logo{ display: block !important;}
.wza-black-white .ls-hdap-title,.wza-yellow-black .ls-hdap-title,.wza-yellow-blue .ls-hdap-title,.wza-white-black .ls-hdap-title,.wza-blue-yellow  .ls-hdap-title,.wza-black-yellow  .ls-hdap-title{ margin-top: -56px!important;}


/* 主体  */
.ls-special-bookbg{ margin: 40px 0;  background: url("../images-zdjc/zdjc-book.png") top center no-repeat; height: 441px;}
.ls-book-main{ padding: 55px 90px 0 90px;}
.ls-special-bookbg .ls-book-left{ width: 504px; }
.ls-special-bookbg .ls-book-right{ width: 504px; }
.ls-book-title{ text-align: center; margin-bottom: 20px;}
.ls-book-title .tit{ display: inline-block; position: relative; padding: 0 38px 0 48px;}
.ls-book-title .tit .ico-l{ display: block; position: absolute; left:0; top:12px; width: 61px; height: 45px; background: url("../images-zdjc/zc-titleft.png") top center no-repeat;}
.ls-book-title .tit .ico-r{ display: block; position: absolute; right:0; top:12px; width: 55px; height: 44px; background: url("../images-zdjc/zc-titright.png") top center no-repeat;}
.ls-book-title .tit .link{ display: inline-block; height: 58px; width: 383px;  background: url("../images-zdjc/zc-titlebg.png") center center no-repeat; }
.ls-book-title .tit .link img{ padding-top: 14px;}
.ls-book-box{padding: 0 20px; }
.ls-book-newstitle{ font-size: 24px; font-weight: bold;  line-height: 34px; text-align: center; margin-bottom: 10px;}
.ls-book-left .ls-book-newstitle{ line-height: 68px;}
.ls-book-scroll {height: 200px;overflow: auto; }
.ls-book-scroll p,.ls-book-scroll{ background: none !important;}
.ls-book-scroll .slimScrollBar{ background: #4272e2 !important; }
.ls-book-scroll .slimScrollRail{ background: #d0dff4 !important; }
.ls-book-scroll .ls-book-info{ padding-right: 20px;}
.ls-book-scroll .ls-book-info table{ width: 100% !important;}
.ls-book-list{ padding: 0 20px;}
.ls-book-list li{ font-size: 20px; padding-left: 24px;  line-height: 40px;  background: url("../images-zdjc/jcico.png") left 18px no-repeat; font-family:"仿宋"; font-weight: bold;}
.ls-book-list li a{ float: none;}

.ls-special-sxbg{ background: #f8fbff; padding: 50px 0;}
.ls-xzjc-title{ text-align: center; margin-bottom: 20px;}
.ls-xzjc-title .tit{ display: inline-block; position: relative; padding: 0 142px 0 176px;}
.ls-xzjc-title .tit .ico-l{ display: block; position: absolute; left:0; top:0; width: 199px; height: 58px; background: url("../images-zdjc/sx-titl.png") top center no-repeat;}
.ls-xzjc-title .tit .ico-r{ display: block; position: absolute; right:0; top:0; width: 159px; height: 48px; background: url("../images-zdjc/sx-titr.png") top center no-repeat;}
.ls-xzjc-title .tit .link{ display: inline-block; position: relative; height: 58px; width: 389px;  background: url("../images-zdjc/sx-titbg.png") center center no-repeat; }
.ls-xzjc-title .tit .ico{ display:block; position: absolute;  height: 15px; width: 32px;  background: url("../images-zdjc/sx-titico.png") 0 0 no-repeat;  left:50%; margin-left: -16px; bottom: -15px;}
.ls-xzjc-title .tit .link img{ padding-top: 14px;}



.ls-xzjc-list{ margin-top: 60px;}
.ls-xzjc-list .xzjc-list{ border-radius: 4px; background: #fff;  margin-bottom: 25px; min-height: 126px; padding: 2px; box-shadow: 0 0 6px 0 rgba(9, 58, 170, 0.09); position: relative; }
.ls-xzjc-list  .xzjc-list .xzjc-left{ position: absolute; left:2px; bottom: 2px; top:2px; text-align: center; background: #e8f3ff;  width: 136px;  }
.ls-xzjc-list  .xzjc-list .xzjc-left .tit{ display: block; margin-top: 20px; line-height: 30px; color: #2953B3;}
.ls-xzjc-list  .xzjc-list .xzjc-left .l-link{ display: inline-block;  border-radius: 50px; height: 32px; line-height: 32px; padding: 0 15px; font-size: 16px; background: #ffb405; color: #fff; max-width: 98%;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.ls-xzjc-list  .xzjc-list .xzjc-left .l-link:hover{ background: #385EB5; }
.ls-xzjc-list  .xzjc-list .xzjc-right{ margin-left: 146px; padding-bottom: 6px; }
.ls-xzjc-list  .xzjc-list .xzjc-right .title{ font-size: 20px; cursor: default; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; margin-left: 10px; font-weight: bold; height: 60px; line-height: 60px; display: block; }
.ls-xzjc-list  .xzjc-list .xzjc-right .title:hover{ color:#333;}
.ls-xzjc-list .xzjc-list .xzjc-right .drap-menu{ display: none; }
.ls-xzjc-list  .xzjc-list .xzjc-right .xzjc-item:after{visibility:hidden; display: block; font-size: 0; line-height: 0; content:" ";clear:both; height:0; overflow: hidden; margin: 0; padding: 0;}
.ls-xzjc-list  .xzjc-list .xzjc-right .xzjc-item .item:first-child{ background-image: none; padding-left: 0;}
.ls-xzjc-list  .xzjc-list .xzjc-right .xzjc-item .item{ float:left; padding-left: 26px;  background: url("../images-zdjc/ico-2.png") left center  no-repeat;  position: relative; margin-left: 10px; margin-top: 6px; }
.ls-xzjc-list  .xzjc-list .xzjc-right .xzjc-item .item.default{ background: url("../images-zdjc/ico-1.png") left center  no-repeat;   }
.ls-xzjc-list  .xzjc-list .xzjc-right .xzjc-item .item .link{ display: inline-block; background: #f2f6fe; border-radius: 50px;  height: 32px; line-height: 32px; padding: 0 14px; font-size: 16px; border: 1px solid #f2f6fe; color: #385EB5; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; }
.ls-xzjc-list  .xzjc-list .xzjc-right .xzjc-item .item .link:hover{background: #385EB5; color: #fff; }
.ls-xzjc-list  .xzjc-list .xzjc-right .xzjc-item .item .default{ display: inline-block; background: #fff; border-radius: 50px;  height: 32px; line-height: 32px; padding: 0 14px; font-size: 16px; border: 1px dashed #CACACA; color: #999; }
.ls-xzjc-list  .xzjc-list .xzjc-right .drap-menu{position: absolute;left: 0;width: auto;min-width: 342px;top: 32px;display: none;padding: 5px;z-index: 999; padding-top: 8px;}
.ls-xzjc-list  .xzjc-list .xzjc-right .drap-li{background: #fff; padding: 5px; box-shadow: 0 0 0 rgb(0 0 0 / 27%), 0 0 10px rgb(0 0 0 / 20%); display: block; }
.ls-xzjc-list  .xzjc-list .xzjc-right .drap-li li{float: left;width:50%; }
.ls-xzjc-list  .xzjc-list .xzjc-right .drap-li li:nth-child(2n){float:right;}
.ls-xzjc-list  .xzjc-list .xzjc-right .drap-li li a{display: block;font-size: 16px;padding: 0 10px;height: auto;line-height: 1.85; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-xzjc-list .xzjc-list .xzjc-right .jcjdLink{left: 50%; margin-left: -171px;}


.xzjc-more{ background: url("../images-zdjc/morebg.png") center center  repeat-y;  font-size: 20px;  text-align: center; height: 42px; line-height: 42px; }
.xzjc-more a{ color: #0047EB; display: block;}
.xzjc-more a:hover{ color: #1925b0; }
/*年份标签*/
.ls-xzjc-btn-box{height: 60px;margin-top: 20px;text-align: center;}
.ls-xzjc-btn{width: 170px;height: 50px;border: 1px solid rgb(0,71,235);display: inline-block;border-radius: 2px;color: #000;font-size: 18px;line-height: 50px;margin:0 15px;text-align: center;cursor: pointer;position: relative;}
.ls-xzjc-btn.active .ico{display: block;position: absolute;height: 15px;width: 32px;background: url(../images-zdjc/sx-titico.png) 0 0 no-repeat;left: 50%;margin-left: -16px;bottom: -15px;}
.ls-xzjc-btn.active{background: rgb(0,71,235);color: #fff;}
.ls-xzjc-title .tit .ico{display: none;}
/*底部*/
.footbg{  background:#fff; border-top:5px solid #0047EB; }
.footbg .foot-con{ color: #333;}
.footbg .foot-con a{ color: #333;}
.footbg .foot-con a:hover{ color: #0047EB;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-book-main {padding: 55px 0 0 0;}
    .ls-special-bookbg .ls-book-left,.ls-special-bookbg .ls-book-right{ width: 480px;}
}
@media (max-width: 991px){
    .ls-special-bookbg{ background: #eef5ff; height: auto; margin: 20px 0;}
    .ls-book-main{ padding:20px 10px;}
    .ls-special-sxbg{ padding: 20px 0;}
    .ls-special-bookbg .ls-book-left,.ls-special-bookbg .ls-book-right{ width: auto; float:none;}
    .ls-special-bookbg .ls-book-right{ margin-top: 20px;}
    .ls-book-box{ padding: 0;}
    .ls-book-scroll{ height: auto;}
    .ls-xzjc-list{ margin-top: 40px;}
}
@media (max-width: 767px){
    .ls-special-bookbg{ padding: 0 10px; margin: 15px 0;}
    .ls-special-sxbg{ padding: 20px 10px;}
    .ls-book-main{ padding:10px 0;}
    .ls-xzjc-title .tit,.ls-book-title .tit{ padding: 0; max-width: 100%;}
    .ls-xzjc-title .tit .ico-l,.ls-xzjc-title .tit .ico-r{ display: none;}
    .ls-book-title .tit .ico-l,.ls-book-title .tit .ico-r{ display: none;}
    .ls-book-title .tit .link,.ls-xzjc-title .tit .link{ max-width: 96%; padding: 0 2%; background: #0047eb;}
    .ls-book-title .tit .link img,.ls-xzjc-title .tit .link img{ max-width: 100%; height: auto;}
    .ls-book-list{ padding: 0 10px;}
    .ls-book-list li{ padding-left: 20px; font-size: 18px;}
    .ls-xzjc-list .xzjc-list{ margin-bottom: 20px;}
    .ls-xzjc-list .xzjc-list .xzjc-left{ position: static; width: auto; padding: 10px 0;}
    .ls-xzjc-list .xzjc-list .xzjc-right{ margin-left: 0; padding-bottom: 10px;}
    .ls-xzjc-list .xzjc-list .xzjc-right .title{ height: auto; line-height: 1.6; white-space:normal;  padding: 0 10px; margin: 8px 0;}
    .ls-xzjc-list .xzjc-list .xzjc-left .tit{ margin-top: 0;}
    .ls-xzjc-list .xzjc-list .xzjc-right .xzjc-item .item .link{font-size: 14px; padding: 0 8px;}
    .ls-xzjc-btn-box{ height: auto;}
    .ls-xzjc-btn{ width:80px;  margin:0 5px;}
    .ls-xzjc-list  .xzjc-list .xzjc-right .drap-menu{min-width: 0;}
    .ls-xzjc-list .xzjc-list .xzjc-right .jcjdLink{ margin-left:0; left: 0; right: -10px;}
    .ls-xzjc-list .xzjc-list .xzjc-right .drap-li li{width: 100%;}
    .ls-xzjc-list .xzjc-list .xzjc-right .drap-li li a{font-size: 12px;}


}