.hide,.hidden{display: none!important;}
body{padding: 0;margin: 0;width: 100%;overflow-x: hidden;position: relative;font-family: "sc-Regular";}
html,body{width: 100%;height: auto;}
a{color: #333;}
a:hover{color: #333;}
a:focus{outline: none;text-decoration:none}
.font20{font-size:20px}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: '';display: block; clear:both; }
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.ellipsis2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.serverMenu li{overflow : hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.pointer{cursor: pointer;}
.overflow{overflow: hidden;}
.imglink,.advbox{overflow: hidden;}
.imglink:hover{display: block;overflow: hidden;}
.imglink:hover img ,.advbox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.imglink{display: block;width: 100%;height: 100%;}
.imglink .img,.advbox a img{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.imglink .img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;font-family: 'object-fit: cover;font-family: 'object-fit: cover;';';}
.imglink2 .img{object-fit: cover;font-family: 'object-fit: cover;';width: auto;height: auto;}
.advbox,.advbox *{max-width:100% !important;height: auto!important;}
.advbox>span{margin-bottom: 30px;display:block}
.advbox li{margin-top:10px}
.line1{overflow : hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
@font-face {
	font-family:"sc-Regular";
	src:url(../fonts/SourceHanSerifCN-Regular.woff2);
}
@font-face {
	font-family:"sc-Medium";
	src:url(../fonts/SourceHanSerifCN-Medium.woff2);
}
@font-face {
	font-family:"sc-SemiBold";
	src:url(../fonts/SourceHanSerifCN-Bold.woff2);
}
.bodeoverflowhide{overflow: hidden;height: 100vh;}
.nav-oppen{display: block!important;}
.line1{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.line2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.line3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.line4{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.line5{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.line6{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 6;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.line8{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 8;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.d-flex{display: flex;}
.d-center-flex{display: flex;align-items: center;}
.d-grow{flex-grow: 1;flex-basis: 100%;min-width:0}
.d-shrink{flex-shrink: 0;}
/* .row{margin:0 -12px;}
*[class^='col-']{padding:0 12px;} */
.text_grey{color:#999}
.text_green{color:#009c9f}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.easeIn{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.easeIn2{-webkit-transition: all .05s ease-in-out;-moz-transition: all .05s ease-in-out;-ms-transition: all .05s ease-in-out;-o-transition: all .05s ease-in-out;transition: all .05s ease-in-out;}
.swiper-pagination{z-index: 3;}
.greybg{background: #f8f8f8;}
/* 头部 */
.navBarwra{position: relative;cursor: pointer;min-height: 97px;}
.navBarwra-ul{display: flex;gap: 23px;margin-top: 10px;    padding: 0 42px;    justify-content: space-between;}
.navBarwra-ul li a,.navBarwra-ul li{     display: flex;flex-direction: row; position: relative; width: 120px; height: 230px;justify-content: flex-start;align-items: flex-start;cursor: pointer;}
/* .navBarwra-ul li:nth-child(1){height: 180px;} */
.nav-item.active {background: url("../../images/icon116.png") no-repeat center center / contain;color: #8a1e1e;}
.nav-item:nth-child(1).active {background: url("../../images/nav-active.png") no-repeat center center / contain;color: #8a1e1e;    height: 180px;
margin-top: -50px;}
.nav-item.active .main-text{color: #8a1e1e;}
.nav-item.active .sub-text{color: #dab1b0;}
.index-header{width: 100%;top: 0;left: 0;z-index: 999;border-top:3px solid #aa0303;    position: inherit;}
.navBarwra-ul li.active:not(:last-child) .sub-text{text-align:right;min-width:100px;display:inline-block;padding-left: 50px;}
.navBarwra-ul li:nth-child(1).active:not(:last-child) .sub-text{text-align:right;min-width:100px;display:inline-block;}
.navBarwra{  background: url(../../images/header.png) repeat-x;}
.nav-item::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 27%;
  transform: translateY(-50%);
  width: 7px;
  height: 114px;
  background-color: #ccc;
  background:url(../../images/icon118.png) no-repeat;
  background-size: cover;
}
.nav-item:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 27%;
  transform: translateY(-50%);
  width: 7px;
  height: 100px;
  background-color: #ccc;
  background:url(../../images/nav-before.png) no-repeat;
  background-size: cover;
}
.nav-item.active::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translateY(-50%);
  width: 7px;
  height: 135px;
  background-color: #ccc;
  background:url(../../images/icon117.png) no-repeat;
  background-size: cover;
}
.nav-item:nth-child(1).active::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translateY(-50%);
  width: 7px;
  height: 100px;
  background-color: #ccc;
  background:url(../../images/nav-beforeOn.png) no-repeat;
  background-size: cover;
}
.header-con {position: relative;}
.main-text {    letter-spacing: 1px;font-size: 18px; padding-left: 35px;   padding-top: 20px;font-family:"sc-SemiBold";display: block;color:#3f3a3a;writing-mode: vertical-rl;text-orientation: upright;}
.sub-text {color:#aba295;font-size: 12px;position: absolute; left: 73%;top: 10px;transform: rotate(90deg);transform-origin: left top;padding-left: 10px;white-space: nowrap;}
.page-wrapper{position: fixed;top:0;right:0;width: 80px;height: 80px;z-index: 9;border-radius: 0 0 0 100px;background-color: #aa0303;cursor: pointer;}
.page-wrapper::before {content: "";width: 21px;height: 21px;background: url(../../images/nav.png) no-repeat;top: 24%;position: relative;    left: 50%;display: block;}
.page-wrapper-nav {content: "";width: 100%;height: 3px;    border-top: 3px solid #aa0303;top: 0;position: fixed;    left: 0%;display: block;;}
.header-r{float: right;width: 600px;padding-top: 36px;display: flex;justify-content: flex-end;}
.header-r-search{float: left;width: 280px;height: 45px;line-height: 45px;background: #fff;padding: 0 15px;border-radius: 2px;}
.header-r-search input{border: none;background: none;display: inline-block;width: calc(100% - 20px);}
.header-r-search img{cursor: pointer;}
.header-r-login{float: left;margin-left: 16px;}
.header-r-login a{display: block;width: 93px;height: 45px;line-height: 45px;text-align: center;background: #ff992c;color: #fff;border-radius: 2px;}
.header-r-userInfo{float: left;margin-left: 16px;height: 45px;line-height: 45px;color: #fff;}
.header-r-userInfo span{display: inline-block;max-width: 75px;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.header-r-userInfo a{color: #fff;margin-left: 5px;vertical-align: middle;}
.header-r-sc{float: right;height: 45px;line-height: 45px;margin-left: 20px;}
.header-r-sc a{color: #fff;}
.header-r-sc a img{margin-right: 8px;}
.hot{position: relative;}
.hot::after{content: "";display: block;width: 38px;height: 23px;background: url(../../images/index/hot.png) no-repeat; position: absolute;top: -11px;right: -34px;}
.list-header{border-top: 5px solid #2d19ca;}
.list-header .header-r-search{border: 1px solid #e5e5e5;}
.list-header .header-r-sc a{color: #2f2f2f;}
.list-header .header-r-userInfo{color: #2f2f2f;}
.list-header .header-r-userInfo a{color: #2f2f2f;}
.list-header .navBarwra{border-top: 1px solid #eae8fa;}
.navBarwra-ul li>a:hover{color: #ff992c;}
.navshadow{box-shadow: 0 2px 10px rgba(69,69,69,.13);}
.index-header .navBarwra-ul li.on{border-top: 2px solid #fff;margin-top: -1px;}
/* 尾部 */
.friend-link{background: #efeeea;padding-top: 20px;padding-bottom: 30px;}
.friend-link>div{display: flex;}
.friend-link .friendLink-item{padding-left:70px}
.friend-link .title{font-family: "sc-Bold";font-size: 28px;color:#8f3830;    line-height: 34px;}
.friend-link .item{display: inline-block;color:#373737;font-size: 16px;font-family:"sc-SemiBold";padding-right:70px;padding-top: 10px;   }
.footer-logo-text{margin-top: 35px;}
.footer-top-link{position: relative;}
.footer-top-link div{font-size: 18px;color:#f4c495;font-family: "sc-Bold";display: inline-block;display: flex;justify-content: space-around;;position: relative;}
.footer-top-link .item::before{background:url(../../images/footerLink.png) no-repeat;content: "";width: 20px;height: 20px;position: absolute;top:10px; left: 3px;}
.footer-top-link div a{color:#f4c495;writing-mode: vertical-rl;text-orientation: upright;    margin-top: 35px;}
.footer-top-link div a:hover{    font-size: 20px;}
.footer a{color:#373737;}
.social-links{    float: right;}
.footer-top{padding-top: 45px;padding-bottom: 55px;background: #373737;}
.social-icon {width: 40px;height: 40px;position: relative; background: #4d4d4d;   float: left;border-radius: 50%;border:1px solid #e1b58b;display: flex;align-items: center;justify-content: center;margin-right: 20px;text-decoration: none;}
.social-links a{color:#e1b58b;margin-top: 45px;}
.wechat-card{display: none;position: absolute;width: 80px;    top: 50px;left: -20px;}
.social-links a:hover{display: block;    margin-top: 25px;background: #aa0303;border: #aa0303;}
.social-links a:hover .wechat-card{display: block;}
.social-links a:hover i{display: block;line-height: 40px;text-align: center;}
.footer{padding:0}
.footer-top-txt{font-size: 16px;line-height: 36px;}
.footer-btm{line-height: 50px;background: #8f3830;color: #e0928b;font-size: 13px;border-bottom:1px solid #fff;text-align: center;}
/* 导航栏目 */
.navigationMenu{position: absolute;background: url(../../images/menu.png) no-repeat;background-size:100% 100% ;    width: 100%;height: 100vh;top:0;z-index: 999;display: none;}
.navigationMenu .nav-close{position:relative;width: 80px;height: 80px;border-radius: 0 0 0 100px;background-color: #aa0303;cursor: pointer;    float: right;}
.navigationMenu .nav-close .closenavv{    position: absolute;left: 50%;top: 24%;}
.navigationMenu.nav-on{display: block;}
.navigationMenu .navigationMenu-part{    display: flex;margin-top: 20%;}
.navigationMenu .navigationMenu-part .item{font-size: 24px;color:#ffeada;font-family:"sc-SemiBold";padding:0 15px;width: 12.5%;text-align: center;}
.navigationMenu .navigationMenu-part .item a{color:#ffeada;}
.navigationMenu .navigationMenu-part .item .itemNav{font-size: 16px;color:#ffc495;padding-top: 50px;}
.navigationMenu .navigationMenu-part .item .itemNav a{display: block; text-align: center;padding-bottom: 40px;font-family:"sc-Medium";color:#ffc495}
/* 首页 */
.index-container::before {content: "";width: 100%;    z-index: 1;height:600px;background: url(../../images/icon2.png) no-repeat;top: 0;position: absolute;    left:0;display: block;background-size:cover;}
.pcHeightHide{height: 554px;overflow: hidden;}
/* 搜索框 */
.header-searchGroup { margin: 50px auto;text-align: left;z-index: 2;position: relative;text-align: left;max-width: 810px;}
.header-searchKeywords > ul { display: flex;    justify-content: center;    align-items: flex-end;}
.index-container .logo{    z-index: 2;position: relative;text-align: center;}
.header-searchKeywords > ul > li { cursor: pointer;  display: flex;   width: 57px;text-align: center;  padding: 9px 16px;font-size: 15px;background: url(../../images/icon1On.png) no-repeat;margin:0 15px;    height: 67px;align-items: flex-end;}
.header-searchKeywords > ul > li.active{background: url(../../images/icon1.png) no-repeat;height: 80px;align-items: center;    padding-top: 30px;}
.header-searchKeywords > ul > li a {color: #ffeac9;text-orientation: upright;    writing-mode: vertical-rl;font-family:"sc-SemiBold";}
.header-searchInput{border: 1px solid #ece4dc;background: #f6f5f4;height: 68px;position: relative;}
.header-searchInput > input {height: 60px;    line-height: 60px;width: 99%; border: none;outline: none;padding: 15px; margin-top: 3px;margin-left: 4px;font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 16px;color:#aca8a8;
padding-left:30px}
.header-searchInput > input[type="text"] {font-size: 16px; }
.header-searchInput > input::placeholder {font-size: 16px;font-family: "Microsoft YaHei",  "Microsoft JhengHei";}
.header-searchInput > .header-searchBtn{position: absolute;background: url(../../images/icon3.png) no-repeat;    width: 91px;height: 90px;text-align: center; line-height: 90px;   top: -15px;right: -65px;font-family:"sc-Regular";font-size: 18px;color:#ffeac9;}
.header-searchCondition > ul {display: flex;padding-left: 33px;}
.header-searchCondition {margin-top: 20px;}
.header-searchCondition > ul > li {margin: 0 10px;font-size: 16px;color:#9d9589;font-family:"sc-SemiBold";}
.header-searchCondition > ul > li:nth-child(1){margin: 0 0px}
.header-searchCondition > ul > li:nth-child(2){margin-left:0px}
.header-searchCondition > ul > li a{color:#9d9589;font-family:"sc-SemiBold";}
/* 人物关系图+数字图书馆 */
.bookModule {display: flex;justify-content: space-between;    margin: 0 auto;margin-top: 3.5vh;    z-index: 2;position: relative;max-width: 830px;}
.bookModule .moduleCard{margin: 0;padding: 0;position: relative;}
.bookModule .moduleCard-title{font-family:"sc-SemiBold";font-size: 24px;color:#766752;position: absolute;top:25%;left:30%}
.bookModule .moduleCard-title font{font-size:40px;padding-right:5px}
.bookModule .moduleCard:nth-child(1){margin-right:10px}
/* 左侧悬浮 */
.left-fixed{position: fixed;opacity: 1;top: 50%;z-index: 1;transform: translateY(-50%);left: 0px;width: 209px;height: 233px;padding-top: 28px;background: url(../../images/icon6.png) no-repeat 100%;text-align: center;}
.left-fixed a{margin-top:48%;background: #edddb1;font-family:"sc-SemiBold";font-size: 20px;color:#766752;padding:0 2px;position: relative;    display: inline-block;}
.left-fixed a::before {content: "";width: 100%;    z-index: 1;height:2px;background: #766752;position: absolute;    left:0;display: block;bottom:3px;}
/* 新闻公告 */
.new-info{display: flex;justify-content: space-between;margin-top: 80px;position: relative;}
.new-info .item{display: flex!important;;cursor: pointer;}
.new-info .time{background: #066df8; padding: 35px 15px;margin-right:40px}
.new-info .month{font-family:"sc-SemiBold";font-size: 24px;color:#f8f4f3;text-align: center;}
.new-info .year{color:#f8f4f3;font-family:"sc-SemiBold";font-size: 35px;opacity: 1;}
.new-info .tit{font-size:20px;color:#494748;font-family:"sc-SemiBold";position: relative;padding-bottom:20px;    white-space: nowrap;
  text-overflow: ellipsis; overflow: hidden;}
.new-list{width: calc(100% - 260px);}
.new-info .tit::after {content: "";width: 100%;    z-index: 1;height:1px;background:#e5e5e5;bottom: 0;position: absolute;    left:0;display: block;background-size:cover;}
.new-info .summary{margin-top: 30px;color:#828081;font-size: 16px;}
.new-title{width: 260px;    display: flex;justify-content: space-between;position: relative;}
.new-info .con{padding-right:150px;    width: 100%;}
.new-title .more{text-orientation: upright;writing-mode: vertical-rl;font-size: 16px;color:#aba295;padding-top: 100px;}
.new-title .more::after {content: "";width: 7%;    z-index: 1;height:87px;background:url(../../images/icon8.png) no-repeat;top: 0;position: absolute;    right:0;display: block;}
.new-title  .title{margin-top: 35px;}
.new-title::after {content: "";width: 380px;    z-index: 1;height:118px;background:url(../../images/icon7.png) no-repeat;bottom: 30px;position: absolute;    right:0;display: block;}
.new-info .item:nth-child(1){margin-bottom: 40px;}
.new-info .item:hover .time{background: #aa0303;}
.new-info .item:hover .tit{      white-space: normal;  height: 75px; line-height: 35px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;color:#333}
.new-info .item:hover .tit::after{    background: #333;}
.new-info .item:hover .tit a{color:#333}
.new-info .item a.more{display: none;}
.new-info .item:hover a.more{color:#333;font-size: 16px;display: block;margin-top: 20px;}
.new-info .item:hover .summary{display: none;}
.new-list .slick-slide{width: 100%!important;    display: block;}
.new-list .slick-list{height: 500px;}
.new-list .slick-arrow{display: none!important; }
/* 轮播导航样式调整 */
.new-info .slick-dots {
  position: absolute;
  right: -13%;
  bottom: 4%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  z-index: 2;
}
.new-info .slick-dots li {
  margin: 0px 8px;font-size: 0;background: #494748;width: 10px;height: 10px;border-radius: 50%;cursor: pointer;
}
.new-info .slick-dots li button {display: none;}
.new-info .slick-dots li.slick-active{background: #aa0202;position: relative;}
.new-info .slick-dots li.slick-active::before {border: 1px solid #aa0202;position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;    bottom: -5px;
  right: -5px;}
/* 最新推荐 */
.recommendNew{background: url(../../images/icon9.png) no-repeat;margin-top: 25px;display: flex;}
.recommendNew .title img{margin-top:-15px;margin-left: 55px;}
.recommendNewList .title{font-size: 14px;color:#867863}
.recommendNewList .list{font-size: 18px;color:#494748;font-family:"sc-SemiBold";padding-top:15px}
.recommendNewList{display: flex;padding-left: 250px;padding-top: 60px;width:100%} 
.recommendNewList .item{padding:0 40px;position: relative;flex-grow: 1;flex-basis: 50%;}
.recommendNewList .item::after {content: "";width:9px;    z-index: 1;height:56px;background:url(../../images/icon11.png) no-repeat;bottom: 9px;position: absolute;    left:40px;display: block;}
/* 清史总览 */
.qsOverview{margin-top:75px;}
.qsOverview .qsOverviewTitle{position: relative;background:  rgba(246,245,244,.3);border-top:2px solid #aa0303;position: relative;text-align: center;padding: 50px 0;}
.qsOverview .qsOverviewTitle::after {content: "";width:476px;    z-index: 1;height:249px;background:url(../../images/icon12.png) no-repeat;top: 30px;position: absolute;    left:-23px;display: block;}
.qsOverview .qsOverviewTitle .more{text-orientation: upright;writing-mode: vertical-rl;font-size: 16px;color:#aba295;float: right;    margin-top: -45px;position: relative;z-index: 1;cursor: pointer;}
.qsOverview .qsOverviewTitle .more::after {content: "";width: 7px;    z-index: 1;height:87px;background:url(../../images/icon8.png) no-repeat;bottom: 60px;position: absolute;    right:7px;display: block;}
.qsOverview .title::after {content: "";width: 380px;    z-index: 1;height:118px;background:url(../../images/icon7.png) no-repeat;bottom:-60px;position: absolute;    right:37%;display: block;}
.qsOverview .title{position: relative;}
.qsOverview-list{font-size: 0;height: 750px;overflow: hidden;white-space: nowrap;}
.boutiquebooks-item::after{content: "";background: url(../../images/icon25.png)   no-repeat;    background-size: 100% 100%!important;width: 97%;height: 710px;background-size:contain;margin-top:20px;opacity: .2;position: absolute;left:10px}
.boutiquebooks-l{width: 284px;height: 621px;   padding-top: 40px;position: absolute;left: -100px;bottom: 0px;}
.boutiquebooks-l img{position: absolute; bottom: 0;}
.boutiquebooks-itemcon .info{opacity: 0;visibility: hidden;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;padding: 15px 15px;position: absolute;width: 100%;bottom: 0;right:20%; word-break: break-word;writing-mode: vertical-rl;}
.boutiquebooks-itemcon .tit{ font-family:"sc-SemiBold";  word-break: break-word;writing-mode: vertical-rl;float: right;padding-right:20px;font-size: 50px;color:#df736c;margin-top: 90px;}
.boutiquebooks-itemcon .tit font{color:#fff}
.boutiquebooks-item:nth-child(3) .boutiquebooks-l{    width: 370px;left: -170px;}
.qsOverview-list .boutiquebooks-item.on{width: 40%;background-size: cover!important;}
.qsOverview-list .boutiquebooks-item.on::after{    background: url(../../images/icon19.png) no-repeat;    }
.qsOverview-list .boutiquebooks-item.on .boutiquebooks-l{left: 30px;}
.qsOverview-list .boutiquebooks-item.on .info{    opacity: 1;visibility: visible;}
.boutiquebooks-itemcon .info{font-size: 20px;line-height: 30px;margin-top: 10px;color:#df726b;font-family:"sc-SemiBold";padding:85px 0}
.boutiquebooks-itemcon .info .mone{background: url(../../images/icon24.png) no-repeat;font-size: 18px;color:#766752;font-family:"sc-SemiBold";    background-size: 100% 100%;position: relative;z-index: 99;}
.boutiquebooks-itemcon a{display: inline-block;width: 50px;height: 166px;     margin-right: 25px; display: flex;align-items: flex-end;padding-top: 30px;padding-left: 8px;}
.boutiquebooks-item{font-size: initial;white-space: initial;display: inline-block;height: 750px;padding: 0 15px;width: 20%;overflow: hidden;color: #fff;position: relative;vertical-align: top}
.boutiquebooks-list .boutiquebooks-item .boutiquebooks-item-bd{border: 1px solid #ddd;position: absolute;width: 100%;height: 100%;left: 0;}
.boutiquebooks-item a{color: #fff;}
.boutiquebooks-list .boutiquebooks-item.on .boutiquebooks-l{display: none;}
.boutiquebooks-list .boutiquebooks-item.on .boutiquebooks-itemcon{opacity: 1;visibility: visible;}
/* 图书出版 */
.hootbooks{background:#f2efe7 url(../../images/icon26.png) center no-repeat;}
.hootbooks .hootbooksTitle{position: relative;    position: relative;text-align: center;padding: 50px 0;}
.hootbooks .title {position: relative;cursor: pointer;}
.hootbooks .hootbooksTitle .more{text-orientation: upright;writing-mode: vertical-rl;font-size: 16px;color:#aba295;float: right;    margin-top: -45px;}
.hootbooks .hootbooksTitle .more::after {content: "";width: 7px;    z-index: 1;height:87px;background:url(../../images/icon8.png) no-repeat;top: 55px;position: absolute;    right:7px;display: block;}
.hootbooks .title::after {content: "";width: 380px;    z-index: 1;height:118px;background:url(../../images/icon7.png) no-repeat;bottom:-60px;position: absolute;    right:37%;display: block;}
.hootbooks-list-item{width:20%}
.hootbooks-list-item a{display: block;}
.hootbooks-list-item img{width: 100%; height: 306px;}
.hootbooks-list{     display: flex;gap: 25px;margin-top: 30px;}
/* 滚屏 */
.scroll-container{background: url(../../images/icon29.png) no-repeat;position: relative;height: 300px;overflow: hidden;    background-size: cover;margin-top: -80px;}
.scroll-track{display: flex;position: absolute;left: 0;top: 0;align-items: center;gap: 15px;flex-wrap: nowrap;margin-top:140px;will-change: transform;}
.scroll-item {flex: 0 0 auto;white-space: nowrap;transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);display: flex;position: relative;align-items: center; justify-content: center;height: 52px;line-height: 52px;padding:0 25px;cursor: pointer;z-index: 1; }
.scroll-item::after {content: "";z-index: -1;width: 100%;height:52px;background:rgb(0,0,0,.4);top: 0px;position: absolute;display: block;line-height: 52px;border-radius: 30px;}
.scroll-item a{padding: 0 25px;display: block;font-size: 16px;color:#ffffff;opacity: 1;}
.scroll-track.top {
  animation: scroll 30s linear infinite;
}
.scroll-track.bottom {
  animation: scroll 30s linear infinite;
  margin-top: 210px;
}
.scroll-track.paused {
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-50%);
  }
}
/* 多媒体库 */
.multiMedia{position: relative;}
.multiMediaList::before{background: url(../../images/icon35.png) left ;height:100vh;content: "";width:900px; position: absolute;top:0}
.multiMedia .qsOverviewTitle::after{    background: url(../../images/icon31.png) no-repeat;}
#multiMedia{ background: url(../../images/icon48.png) 0px 0 no-repeat;}
#geographicalAtlas{ background: url(../../images/icon48.png) 0px 1445px;}
#journal{background: url(../../images/icon48.png) 0px 905px;}
.multiMediaList{position: relative;    opacity: 0;transition: opacity 0.5s ease;z-index: -1;display: flex;justify-content: flex-start;height: 100vh;  position: fixed;    top: 0;left: 0;   width: 100%;}
.multiMediaList .title{padding-left:10%;padding-top: 125px;z-index: 10;padding-right:30px}
.multiMediaList .title::after{content: "";width: 254px; z-index: 1;height: 225px;background: url(../../images/icon32.png) no-repeat;bottom: 50px;position: absolute;left: -40px;display: block;}
.multiMediaList .title::before{content: "";width: 107px; z-index: 1;height: 75px;background: url(../../images/icon33.png) no-repeat;bottom: 20px;position: absolute;left:16%;display: block;}
.multiMediaItem{margin-top:30%;}
.multiMediaItem, .journal {
    margin-top: 17%;
}
.multiMediaItem .tit{font-size: 20px;color:#fff;font-family:"sc-SemiBold";position: relative;bottom:50px;background: url(../../images/icon38.png) no-repeat;    margin-top: -60px;padding-left: 140px;height: 60px;line-height:65px;display: none;    background-size: 100% 100%; padding-right: 20px;}
.multiMediaItem .item{position: relative;  width: 240px;  float: left;margin-bottom: 5px;}
.multiMediaItem .item .logo img{    height: 135px; width: 100%;}
.multiMediaItem .tit::before{content: "";width: 57px; z-index: 1;height: 58px;background: url(../../images/icon39.png) no-repeat;bottom: 0px;position: absolute;left:3%;display: block;    background-size: 100% 100%;}
.multiMediaItem .item:nth-child(1){padding-right: 5px;margin-bottom: 0; width: 955px;     height: 555px;}
.multiMediaItem .item:nth-child(1) img{height: 555px;}
.multiMediaItem .item:nth-child(1) .tit{display: block;}
/* .multiMediaItem:hover .tit{display: inline-block;} */
.fixed-placeholder {height: 100vh;width: 100%;}
.multiMediaList.active {opacity: 1;pointer-events: auto;z-index: 8;}
#geographicalAtlas::before{    background: url(../../images/icon43.png) left;}
#geographicalAtlas .title::before{    display: none;}
#geographicalAtlas .title::after{    background: url(../../images/icon42.png) no-repeat;width: 369px;height: 356px;left: -100px;}
#geographicalAtlas .multiMediaItem .item {height: 180px;width: 300px;cursor: pointer;}
#geographicalAtlas .multiMediaItem .item img{height: 180px;}
#geographicalAtlas .multiMediaItem .item:nth-child(1){width: 300px;height: 550px}
#geographicalAtlas .multiMediaItem .item:nth-child(1) img{height: 550px}
#geographicalAtlas .multiMediaItem .item:nth-child(2){width: 590px;padding-right: 5px;height: 550px}
#geographicalAtlas .multiMediaItem .item:nth-child(2) img{height: 550px}
#geographicalAtlas .multiMediaItem .tit{    background: url(../../images/icon47.png) center no-repeat;padding-left:0;    text-align: center;display: none;     background-size: 92% 100%;padding: 0 8%;    margin-top: 0;bottom: 100px;}
#geographicalAtlas .multiMediaItem .tit::before{display: none;}
#geographicalAtlas .multiMediaItem .item:hover .tit{display: block;}
.scrollPosition{background: url(../../images/icon48.png) no-repeat;}
#journal .title::after{    background: url(../../images/icon50.png) no-repeat;width: 369px;height: 356px;left: -100px;}
#journal .title::before{display: none;}
#journal::before{ background: url(../../images/icon51.png) left;}
#journal{border-bottom: 4px solid #aa0303;}
.journal .journal-con{background: url(../../images/icon52.png) no-repeat;display: flex;padding:35px 30px;background-size: 100% 100%;}
.journal .journalList{display: flex;width:calc(100% - 300px);margin: 0;padding:0}
.journal{position: relative;margin-top:30%}
.journal .imglink{width:194px ;cursor: pointer;}
.journalList-r{padding-left:40px;padding-right: 60px;padding-top: 20px;padding-bottom: 20px;    width: calc(100% - 194px);border-right:1px solid #e7e6e3;height: 285px;}
.journalList-r .tit{font-size: 25px;color:#242424;font-family:"sc-SemiBold";}
.journalList-r .tit span{color:#aa0303;font-size:15px;margin-top: 8px;    padding-left: 10px;}
.journalList-r .info{font-size:14px;color:#9d9589;line-height: 30px;margin-top: 30px;}
.journalList-r .tit .name{ max-width: calc(100% - 50px);color:#242424;float: left;}
.journal-new{padding:0 12px;max-width: 325px;}
.journal-new .tit{font-size:20px;color:#766752;font-family:"sc-SemiBold";margin-bottom: 20px;}
.journal-new .tit a{float: right;font-size: 16px;color:#aba295;font-family: "sc-Regular";}
.journal-newitem .item{font-size:16px;color:#242424;padding:0;margin-bottom:15px}
.journal-newitem .item a{color:#242424}
.journal-tab{display: flex;    justify-content: flex-end;margin-top: 30px;}
.journalTab-item{width: 159px;height: 159px;border:1px solid #cfbea5;margin-left: 20px;background: #fff;    display: flex; align-items: flex-end;justify-content: center;cursor: pointer;}
.journalTab-item img{max-width:103px ;max-height: 140px;}
.journalTab-item.selected{border-color:#8f3830;    align-items: center;justify-content: center;}
.fixedPlaceholder{position: relative;}
/* 文史总览 */
.historyView{margin-bottom: 60px;}
.historyView .qsOverviewTitle::after{    background: url(../../images/icon55.png) no-repeat;}
.historyViewList{background:#e5dcc7 url(../../images/icon57.png) no-repeat;}
.historyViewList{display: flex; padding: 8px;     justify-content: space-between; }
.historyViewList .tit{ word-break: break-word;writing-mode: vertical-rl;color:#494748;font-size: 40px;font-family:"sc-SemiBold";padding-top: 50px;padding-left: 20px;}
.historyViewList-con{word-break: break-word;writing-mode: vertical-rl;background: #fff;}
.historyViewList-con .item{border-left: 1px solid #efe8d9;padding:30px 0;line-height: 50px;    height: 400px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.historyViewList-con .item a{font-size:16px;color:#242424;font-family:"sc-Medium";}
.historyView .col-md-6:nth-child(2) .historyViewList{background:#e5dcc7 url(../../images/icon58.png) no-repeat;}
.historyView .col-md-6:nth-child(3) .historyViewList{background:#e5dcc7 url(../../images/icon59.png) no-repeat;}
.historyView .col-md-6:nth-child(4) .historyViewList{background:#e5dcc7 url(../../images/icon60.png) no-repeat;}
/* 右侧悬浮 */
#menu {position: fixed;right: 1%;top: 50%;z-index: 99;transform: translateY(-50%);}
.g-ul, .g-ul li {list-style: none;margin: 0px;padding: 0px;}
#menu li a {display: block;width: 10px; height: 10px;background:url(../../images/icon61.png)no-repeat; margin:7px 0px;    margin-right: 4px;}
#menu li.active a {background:url(../../images/icon62.png)no-repeat;width: 20px; height: 20px;    margin-right: 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}
#menu li span{float: left;display: none;    margin-right: 10px;}
#menu li.active span{display: block;font-size: 14px;color:#aa0303;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}
#menu li{    display: flex;align-items: center;    justify-content: flex-end;}

/* 出版信息 */
.pubInformationItem{border: 1px solid #dedad4;margin: 0 auto;text-align: center;padding:30px 0;width:33.3%;float: left;height: 390px;}
.pubInformationItem .pubInformationItem-img{height: 280px;}
.pubInformationItem-title{margin-top:20px;}
.pubInformationItem-title a{font-family:"sc-SemiBold";color:#494748;font-size: 20px;}
.pubInformation{margin-top:20px;}
.pubInformationItem-img img{max-width: 200px;    height: 280px;}
.pubInformation:not(.last-page) .pubInformationItem:nth-child(3n-2),
.pubInformation:not(.last-page) .pubInformationItem:nth-child(3n-1) {
  border-right: none;
}
.pubInformation:not(.last-page) .pubInformationItem:nth-child(-n+6) {
  border-bottom: none;
}
.pubInformation.last-page .pubInformationItem:nth-child(3n-2),
.pubInformation.last-page .pubInformationItem:nth-child(3n-1) {
  border-right: none;
}
.pubInformation.last-page .pubInformationItem {
  border-bottom: none;
}
.pubInformation.last-page .pubInformationItem:nth-last-child(-n+3) {
  border-bottom: 1px solid #dedad4;
}
.pubInformation.last-page .pubInformationItem:last-child {
  border-right: 1px solid #dedad4;
}
.pubInformationItem-title a:hover {
  text-decoration: none;
}
/* 图书评论 */
.bookReviewclear .pubInformationItem-title{margin-top:0;padding:0 30px;    height: 58px;}
.bookReviewclear .pubInformationItem{text-align: left;position: relative;}
.bookReviewclear .pubInformationItem-text{padding:0 30px;padding-top:30px;line-height: 30px;font-size:14px;color:#666666;font-family:"sc-Regular";border-top:1px solid #eae7e4;margin-top: 25px;margin-bottom:30px;height: 211px;}
.bookReviewclear .pubInformationItem-time{padding:0 30px;font-size: 20px;color:#867863;font-family:"sc-SemiBold";}
.bookReviewclear .pubInformationItem-text a:hover{text-decoration:none}
.bookReviewclear .pubInformationItem .pubInformationItem-title:after{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";right:-7px;top:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem:nth-child(1) .pubInformationItem-title::before{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";left:-6px;top:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem:nth-child(4) .pubInformationItem-title::before{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";left:-6px;top:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem:nth-child(7) .pubInformationItem-title::before{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";left:-6px;top:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem:nth-child(7)::before{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";left:-6px;bottom:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem:nth-child(8)::before{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";left:-6px;bottom:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem:nth-child(9)::before{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";left:-6px;bottom:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem:nth-child(9)::after{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";right:-6px;bottom:-5px;z-index: 9;}
.bookReviewclear .pubInformationItem{float: none;display: inline-block;width: 33%;height: auto;}
/* 图书出版 */
.bookPublishing{background: url(../../images/icon66.png) no-repeat;padding-bottom: 100px;}
.bookPublishingNew .title{font-size: 36px;color:#fff;font-family:"sc-SemiBold";margin-top: 60px;margin-bottom: 40px;} 
.bookPublishingNew .title span{font-size: 16px;color:#e6c59c;background: url(../../images/icon68.png) center left no-repeat;padding-left:15px;float: right;}
.bookPublishingNew .title span a{color:#e6c59c}
.bookPublishingNew .bookPublishingNewList{    display: flex;flex-direction: column;width: 33.3%; float: left;}
.bookPublishingNew .bookPublishingNewItem{padding-bottom: 30px; display: inline-block;    vertical-align: top;height: 393px;}
.bookPublishingNew .bookPublishingNewItem .tit a{font-size: 22px;color:#ffffff;font-family:"sc-SemiBold";}
.bookPublishingNew .bookPublishingNewItem .tit{margin-top: 15px;text-align: center;    padding: 0 10px;}
.bookPublishingNew .bookPublishingNewItem .logo{text-align: center;margin-top: 35px;}
.bookPublishingNew .bookPublishingNewItem .logo img{transition: all 0.3s ease;}
.bookPublishingNew .bookPublishingNewList .bookPublishingNewItem:nth-child(1){border-top:1px solid #e6c59c;border-left:1px solid #e6c59c}
.bookPublishingNew .bookPublishingNewList .bookPublishingNewItem:nth-child(2){border-top:1px solid #e6c59c;border-left:1px solid #e6c59c;border-bottom:1px solid #e6c59c;}
.bookPublishingNew .bookPublishingNewList:nth-child(3) .bookPublishingNewItem{border-top:1px solid #e6c59c;border-left:1px solid #e6c59c;border-right:1px solid #e6c59c}
.bookPublishingNew .bookPublishingNewItem .brief{display: none;}
.bookPublishingNew .bookPublishingNewItem:hover .brief{display: block;font-size: 14px;color:#9c866b;font-family: "sc-Medium";margin-top: 15px;padding: 0 10px;}
.bookPublishingNew .bookPublishingNewItem{   transition: transform 0.3s ease, box-shadow 0.3s ease; transform-origin: center bottom;}
.bookPublishingNew .bookPublishingNewItem:hover{background: #e6c59c;transform: scaleY(30px);height: 460px;}
.bookPublishingNew .bookPublishingNewItem:hover .tit a{color:#3b3937}
.bookPublishingNew .bookPublishingNewItem .logo img{height:280px;}
.bookPublishingNew .bookPublishingNewItem:hover .logo img{height: 320px;transform: translateY(-5px); }
.bookPublishing-bookReview{background: #fbf7ee;padding-bottom: 85px;}
.bookPublishing-bookReview .title{color:#494748;font-size: 36px;font-family:"sc-SemiBold";margin-top: 60px;margin-bottom: 40px;}
.bookPublishing-bookReview .title span{font-size: 16px;color:#e6c59c;background: url(../../images/icon69.png) center left no-repeat;padding-left:15px;float: right;}
.bookPublishing-bookReview .title span a{color:#aba295}
.bookPublishing-bookReview .bookReviewclear .pubInformationItem-time{padding-bottom:10px}
.bookPublishing-bookReview .pubInformation .pubInformationItem:nth-child(4){    border-bottom: 1px solid #dedad4;}
.bookPublishing-bookReview .pubInformation .pubInformationItem:nth-child(5){    border-bottom: 1px solid #dedad4;}
.bookPublishing-bookReview .pubInformation .pubInformationItem:nth-child(6){    border-bottom: 1px solid #dedad4;}
.bookPublishing-bookReview .bookReviewclear .pubInformationItem:nth-child(4)::after{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";right:-6px;bottom:-5px;z-index: 9;}
.bookPublishing-bookReview .bookReviewclear .pubInformationItem:nth-child(4)::before{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";left:-6px;bottom:-5px;z-index: 9;}
.bookPublishing-bookReview .bookReviewclear .pubInformationItem:nth-child(5)::after{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";right:-6px;bottom:-5px;z-index: 9;}
.bookPublishing-bookReview .bookReviewclear .pubInformationItem:nth-child(6)::after{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #aba295;content: "";right:-6px;bottom:-5px;z-index: 9;}
.historicalWritings .title{color:#494748;font-size: 36px;font-family:"sc-SemiBold";margin-top: 60px;margin-bottom: 40px;}
.historicalWritings{padding-bottom: 120px;}
.historicalWritings .title span{font-size: 16px;color:#e6c59c;background: url(../../images/icon69.png) center left no-repeat;padding-left:15px;float: right;}
.historicalWritings .title span a{color:#aba295}
.historicalWritings .historicalWritingsBook{display: flex;    flex-wrap: wrap;}
.historicalWritings .historicalWritingsBook .historicalWritingsItem{width: 33.3%;text-align: center;border-top:1px solid #dedad4;border-left:1px solid #dedad4;padding:30px 0}
.historicalWritings .historicalWritingsBook .historicalWritingsItem:nth-child(3){border-right:1px solid #dedad4}
.historicalWritings .historicalWritingsBook .historicalWritingsItem:nth-child(6){border-right:1px solid #dedad4;border-bottom:1px solid #dedad4}
.historicalWritings .historicalWritingsBook .historicalWritingsItem:nth-child(5){border-bottom:1px solid #dedad4}
.historicalWritings .historicalWritingsBook .historicalWritingsItem:nth-child(4){border-bottom:1px solid #dedad4}
.historicalWritings .historicalWritingsBook .historicalWritingsItem .tit{margin-top: 20px; padding:0 10px;color:#494748;font-size: 22px;font-family:"sc-SemiBold";}
.historicalWritings .historicalWritingsBook .historicalWritingsItem .tit a{color:#494748;}
/* 图书详情 */
.bookDetailLeft{background: url(../../images/icon70.png)  no-repeat;padding-bottom: 80px;}
.container1{width: 1300px;margin: 0 auto;}
.bookDetail .bookDetailFl{margin-top: 80px;background: #fff;width: 360px;padding-top: 40px;float: left;}
.bookDetail .bookDetailFl .bookDetailFlImg{margin: 0 auto;max-width: 200px;max-height: 280px;}
.bookDetail .bookDetailFl .bookDetailFlTit{font-size: 22px;color:#604528;font-family:"sc-SemiBold";text-align: left;margin-top: 20px;padding:0 30px}
.bookDetail .bookDetailFl .bookDetailItem{margin-top: 20px;padding-bottom: 50px;}
.bookDetail .bookDetailFl .bookDetailItem .text{display: flex;border-bottom: 1px dashed #f2f0ee;padding: 0 30px;line-height: 45px;}
.bookDetail .bookDetailFl .bookDetailItem .text .name{font-size: 16px;color:#bcb5ac;width: 26%;}
.bookDetail .bookDetailFl .bookDetailItem .text .info{font-size: 16px;color:#867863}
.bookDetail .bookDetailFl .slick-dots{    display: flex;justify-content: center; padding-top: 10px;padding-bottom: 15px;}
.bookDetail .bookDetailFr{width: calc(100% - 360px);margin-top: 30px;float: right;padding-left: 100px;font-size: 18px;color:#494748;line-height: 35px;max-height: 800px;
    overflow-y: auto;  scrollbar-width: none; -ms-overflow-style: none;}
.bookDetail .bookDetailFr::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.bookDetail .bookDetailFl .slick-dots li{width: 8px;height: 8px;background: #c1bbb2;border-radius: 50%;    font-size: 0;    float: left;margin: 0 2px;cursor: pointer;}
.bookDetail .bookDetailFl .slick-dots li.slick-active{background: #867863;}
.bookDetail .bookDetailFl .slick-dots button{background: #c1bbb2;display: none;}
.bookDetail .bookDetailFl .single-item{position: relative;}
/* 视频详情 */
.videoDetail{margin-bottom: 70px;}
.videoDetail .newsRight{max-width: 100%;float: none;width: 100%;}
.videoDetail .videoRecommend{background: #fff;padding:15px 10px;margin-top: 25px;    position: relative;}
.videoDetail .videoRecommend .slick-arrow{    font-size: 0!important;width: 35px;height: 35px;border:none;position: absolute;z-index: 99;top: 38%;}
.videoDetail .videoRecommend .slick-prev{background: url(../../images/icon73.png) no-repeat;left:2px}
.videoDetail .videoRecommend .slick-next{background: url(../../images/icon74.png) no-repeat;right:5px}
.videoDetail .videoRecommend .name{font-size: 14px;color:#373737;padding-right:10px;margin-top: 10px;}
.videoDetail .videoDiv,.videoDetail .videoDiv video{max-height: 675px;overflow: hidden;}
.videoDetail .videoItem{padding: 0 5px;}
.videoDetail .videoItem .logo img{height: 124px;    text-align: center;margin: 0 auto;width: 100%;}
/* 暮光留影 */
.videoList{    display: flex; gap: 19px;margin-top: 40px;    flex-wrap: wrap;}
.videoList .videoListItem-img{position: relative;}
.videoList .videoListItem-img .play{position: absolute;top:42%;left:45%;background: url(../../images/icon76.png)no-repeat;width: 38px;height: 37px;}
.videoList .videoListItem .videoListItem-img{background: url(../../images/icon80.png)no-repeat;padding:10px;height:168px ;}
.videoList .videoListItem .videoListItem-img img{width: 264px;height: 100%;}
.videoList .videoListItem .videoListItem-imgs{background: url(../../images/icon75.png)no-repeat;padding:10px;height: 168px;}
.videoList .videoListItem-title{font-size: 20px;color:#494748;font-family:"sc-SemiBold";margin-top: 10px;}
.videoList .videoListNum{font-size: 15px;color:#9d9589;    padding: 0 6px;margin-top: 5px;}
.videoList .videoListItem {margin-bottom: 35px;width: 23.8%;}
.videoList .videoListItem-img:hover .play{background: url(../../images/icon79.png)no-repeat;}
.videoList .videoListItem:hover .videoListItem-title a{color:#aa0303;text-decoration:none}
.videoList .videoListItem:hover .videoListItem-title a:hover{text-decoration:none}
/* 期刊汇编 */
.journalList{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;margin-bottom: 100px;}
.journalList .journalListItem{display: flex;    width: 50%;padding:20px 20px}
.journalList .journalListItem:nth-child(2n+1){    border-top: 1px solid #dedad4; border-left: 1px solid #dedad4;border-bottom: 1px solid #dedad4;border-right: 1px solid #dedad4;}
.journalList .journalListItem:nth-child(2n){  border-right: 1px solid #dedad4;border-top: 1px solid #dedad4;border-bottom: 1px solid #dedad4;}
.journalList .journalListItem .journalList-r{border-right: none;padding-left:30px;    padding-right:0px;padding-bottom:0;padding-top:10px}
.journalList .journalListItem .journalListItem-img img{max-width: 194px;max-height: 266px;}
.journalList .journalListItem:nth-child(3){    border-top: none;}
.journalList .journalListItem:nth-child(4){    border-top: none;}
.journalList .journalListItem .journalList-r .info{margin-top: 10px;}
/* 舆地图典 */
#atlasOfWorld {width: 100%;}
#atlasOfWorld .item { margin-bottom: 10px;overflow: hidden;transition: transform 0.3s ease;width: 25%;padding:0 5px;position: relative;}
#atlasOfWorld .item img {width: 100%; object-fit: cover;display: block;}
#atlasOfWorld .item .itemNum{position: absolute;background: url(../../images/icon82.png) no-repeat;width: 42px;height: 24px;top:5px;left:10px;font-size: 14px;color:#fff;text-align: center;font-family:"sc-Medium";line-height: 24px;}
#atlasOfWorld .item .tit{left: 5%;    background: url(../../images/icon47.png) center no-repeat; padding-left: 0; text-align: center;    position: absolute;    width: 90%;bottom: 10px;height: 40px;
    line-height: 40px; background-size: 100% 100%;color:#fff;font-family:"sc-SemiBold";font-size: 20px;display: none;    padding: 0 20px;}
#atlasOfWorld .item:hover .tit{display: block;}
/* 多媒体库 */
.multiMediamylg{background: url(../../images/icon85.png) -38px no-repeat;padding-top: 55px;padding-bottom: 160px;}
.multiMediamylgItem{background: url(../../images/icon88.png) no-repeat;width: 24%;background-size: 100% 100%;padding-bottom: 90px;height: 450px;    transform: translateY(20px);cursor: pointer;}
.multiMediamylg .title {width: 100%;overflow: hidden;}
.multiMediamylg .title .more{background: url(../../images/icon86.png) center left no-repeat;font-size: 16px;color:#e6c59c;padding-left: 13px;    float: right;}
.multiMediamylg .title .more a{color:#e6c59c}
.multiMediamylgList{padding-top: 25px;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.multiMediamylgItem .multiMediamylgItemImg{padding-top: 96px;text-align: center;padding-bottom: 40px;position: relative;}
.multiMediamylgItem .multiMediamylgItemImg .img{width: 150px; height: 150px;border-radius: 50%;}
.multiMediamylgItem .multiMediamylgItemImg .img img{width: 150px;height: 150px;border-radius: 50%;}
.multiMediamylgItem .multiMediamylgItemTit{font-size: 26px;color:#494748;font-family:"sc-SemiBold";text-align: center;position: relative;}
.multiMediamylgItem .multiMediamylgItemTit a{color:#494748;}
.multiMediamylgItem .multiMediamylgItemTit::after{position: absolute;width: 12px;height: 16px;background: url(../../images/icon95.png) no-repeat;content: "";right:27%;top:0;z-index: 9;}
.multiMediamylgItem .multiMediamylgItemTit::before{position: absolute;width: 12px;height: 16px;background: url(../../images/icon94.png) no-repeat;content: "";left:27%;top:0;z-index: 9;}
.multiMediamylgItem .multiMediamylgItemText{padding-top: 8px;font-size: 14px;color:#9d9589;text-align: center;}
.multiMediamylgItem .multiMediamylgItemText a{color:#9d9589;}
.multiMediamylgItem .play{position: absolute;top:55%;left:45%;display: none;}
.multiMediamylgItem:hover .play{display: block;cursor: pointer;}
.multiMediamylgItem:hover{transform: translateY(0px);}
.multiMediaydtd{background: url(../../images/icon89.png) -115px no-repeat;padding-top: 55px;padding-bottom: 70px;}
.multiMediaydtd .title {width: 100%;overflow: hidden;}
.multiMediaydtd .title .more{background: url(../../images/icon86.png) center left no-repeat;font-size: 16px;color:#e6c59c;padding-left: 13px;    float: right;}
.multiMediaydtd .title .more a{color:#e6c59c}
.multiMediaydtdList{padding-top: 20px;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.multiMediaydtdList .multiMediaydtdItem{width: 24%;}
.multiMediaydtdList .multiMediaydtdItemImg{position: relative;margin-bottom: 7px;}
.multiMediaydtdList .multiMediaydtdItemImg .tit{left: 5%;    background: url(../../images/icon47.png) center no-repeat; padding-left: 0; text-align: center;    position: absolute;    width: 90%;bottom: 10px;height: 40px;
    line-height: 40px; background-size: 100% 100%;color:#fff;font-family:"sc-SemiBold";font-size: 20px;display: none;padding: 0 20px;}
.multiMediaydtdList .multiMediaydtdItemImg:hover .tit{display: block;}
.multiMediaydtdList .num{position: absolute;top:5px;left:5px;background: url(../../images/icon82.png) no-repeat;width: 42px;height: 24px;text-align: center;line-height: 24px;color:#fff}
.multiMediaydtdList .multiMediaydtdItem:nth-child(1) .multiMediaydtdItemImg img{height: 520px;}
.multiMediaydtdList .multiMediaydtdItem .multiMediaydtdItemImg img{object-fit: cover;width: 100%;height: 100%;}
.multiMediaydtdList .multiMediaydtdItem:nth-child(2) .multiMediaydtdItemImg:nth-child(1) img{height: 270px;}
.multiMediaydtdList .multiMediaydtdItem:nth-child(2) .multiMediaydtdItemImg:nth-child(2) img{height: 174px;}
.multiMediaydtdList .multiMediaydtdItem:nth-child(3) .multiMediaydtdItemImg:nth-child(1) img{height: 174px;}
.multiMediaydtdList .multiMediaydtdItem:nth-child(3) .multiMediaydtdItemImg:nth-child(2) img{height: 141px;}
.multiMediaydtdList .multiMediaydtdItem:nth-child(3) .multiMediaydtdItemImg:nth-child(3) img{height: 168px;}
.multiMediaydtdList .multiMediaydtdItem:nth-child(4) .multiMediaydtdItemImg:nth-child(1) img{height: 369px;}
.multiMediaydtdList .multiMediaydtdItem:nth-child(4) .multiMediaydtdItemImg:nth-child(2) img{height: 209px;}
.multiMediaqkhb{background: url(../../images/icon90.png)  no-repeat;padding-top: 55px;padding-bottom: 70px;}
.multiMediaqkhb .title {width: 100%;overflow: hidden;}
.multiMediaqkhb .title .more{background: url(../../images/icon86.png) center left no-repeat;font-size: 16px;color:#e6c59c;padding-left: 13px;    float: right;}
.multiMediaqkhb .title .more a{color:#e6c59c}
.multiMediaqkhb .journal{        margin-top: 30px;}
.multiMediaqkhb .journalList{margin-bottom:0;margin-top: 0px;}
.multiMediaqkhb .journalList-r .tit .name{font-size: 25px;cursor: pointer;}
.multiMediaLibrary .title span{color:#e6c59c;font-size: 22px;font-family:"sc-SemiBold";}
/* 文史总览 */
.historyYears{background:url(../../images/icon98.png) no-repeat;padding-top:120px;    background-size: 100% 100%;}
.historyYearsCon{display: flex;padding-bottom: 200px;}
.historyYears .more{color:#aba295;font-size: 16px;width: 100%;    text-align: right;margin-bottom: 85px;margin-top: 30px;}
.historyYears .more img{padding-right:10px}
.historyYears .more a{color:#aba295;}
.historyYearsList{width:calc(100% - 340px);padding-left:125px}
.historyYearsItem{width: 50%;float: left;padding-right: 20px;}
.historyYearsItemTit{background:url(../../images/icon99.png) left center no-repeat;padding-left: 17px;font-size: 18px;font-family:"sc-Medium";margin:10px 0}
.historyYearsItemTit a{color:#242424}
.indexArticles{background:url(../../images/icon101.png) no-repeat;}
.unofficialHistory{background:url(../../images/icon103.png) no-repeat;}
.historyRemnants{background:url(../../images/icon105.png) no-repeat;}
/* 学林漫步 */
.walkingForest{overflow: hidden;}
.scholarlyBookstore{background:url(../../images/icon107.png) no-repeat;padding-top: 80px;padding-bottom: 100px;background-size: 100% 100%;}
.walkingForest .title span{color:#FFF;font-size: 40px;font-family:"sc-SemiBold";}
.walkingForest .title {width: 100%;overflow: hidden;line-height: 69px;}
.walkingForest .title .more{background: url(../../images/icon86.png) center left no-repeat;font-size: 16px;color:#e6c59c;padding-left: 13px;    float: right;}
.walkingForest .title .more a{color:#e6c59c}
.walkingForest .scholarlyBookstoreList{padding-top: 80px;}
.walkingForest .scholarlyBookstore-item{width: 16%;height:300px;   display: inline-block;cursor: pointer; position: relative;vertical-align: top;}
.walkingForest .scholarlyBookstore-l{width: 190px;float: left;overflow: hidden;}
.walkingForest .scholarlyBookstore-l img{    height: 300px;}
.walkingForest .scholarlyBookstore-itemcon{width: calc(100% - 191px);background: #FFF;float: left;height:299px;padding: 30px 15px;font-size: 14px;color:#9d9589;line-height: 30px;padding-right: 70px;position: relative;    opacity: 0;
    visibility: visible;}
.walkingForest .scholarlyBookstore-itemcon a{color:#9d9589}
.walkingForest .scholarlyBookstore-item.on {width: 33.5%;}
.walkingForest .scholarlyBookstore-itemcon .author{position: absolute;top:-20px;background: #8c7255;color: #fff;writing-mode: vertical-rl;right:20px;padding: 15px 0;font-size: 20px;font-family:"Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;}
.walkingForest .scholarlyBookstore-itemcon .author span{color:#bfb3a6;font-size: 16px;font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;padding-top: 35px;}
.walkingForest .researchPublicationsList .researchPublications-item .logo img{height: 321px;}
.walkingForest .scholarlyBookstore-item.on .scholarlyBookstore-itemcon{    opacity: 1;visibility: visible;}
.researchPublications{background:url(../../images/icon110.png) no-repeat;padding-top: 75px;padding-bottom: 76px;}
.walkingForest .researchPublications .title span{color:#494748}
.walkingForest .researchPublications .title .more a{color:#ada598}
.walkingForest .researchPublications .title .more{background: url(../../images/icon111.png) center left no-repeat;}
.walkingForest .researchPublicationsList{margin-top: 45px;display: flex;    justify-content: space-between;}
.walkingForest .researchPublicationsList .title{font-size: 25px;color:#494748;font-family:"sc-SemiBold";text-align: center;margin-top: 30px;}
.walkingForest .researchPublicationsList .title a{color:#494748;}
.walkingForest .researchPublicationsList .researchPublications-item .logo img{height: 321px;}
/* 学者详情 */
.scholarsDetails .imgLeft{    background-image: url(../../images/icon112.png);justify-content: flex-start;}
.scholarsDetails .scholarsDetailsName{font-size: 30px;color:#fff;font-family:"sc-SemiBold";margin-top: 10px;text-align: center;}
.scholarsDetails .imgLeft .imgLeft-con{margin: 0 auto;padding: 0;padding-top: 35px;}
.scholarsDetails .scholarsDetailsSub{font-size: 16px;color:#fff;text-align: center;margin-top: 10px;}
.scholarsDetails .scholarsDetailsTab{margin-top: 75px;}
.scholarsDetails .scholarsDetailsTab .itemTab{color:#ffffff;font-size: 18px;background: #d5ba88;width: 190px;height: 60px;line-height: 60px;    margin: 0 auto;margin-top: 17px;text-align: center;cursor: pointer;}
.scholarsDetails .scholarsDetailsTab .itemTab.on{background: #fff;color:#604528;font-family:"sc-SemiBold";}
.scholarsDetails .imgLeft .imgLeft-con .scholarsDetailsLogo{max-width: 190px; margin: 0 auto;}
.scholarsDetails .newsRight{width: calc(100% - 268px);text-align: left;}
.scholarsDetails .newsRightItem{background: url(../../images/icon115.png) left center no-repeat;font-size: 16px;padding-left: 15px;    margin-bottom: 25px;}
.scholarsDetails .newsRightItem a{color:#604528}
.scholarsDetails .newsRight .newsRightSummary{line-height: 35px;font-size: 18px;color:#494748;text-indent:2em;}
.scholarsDetails .newsRight .newsRightText{    margin-top: 30px;}
.dn{display:none; }
/* 学者书林 */
.scholarlyBookstoreList.agency-container  .section .scholarlyBookstoreList-tab span{font-size: 16px;color:#f0dbc0;margin-right: 5px;cursor: pointer;width: 30px;height: 44px;line-height: 44px;text-align: center;padding: 0;}
.scholarlyBookstoreCon{margin-top: 45px;display: flex;    flex-wrap: wrap;  gap: 20px;}
.scholarlyBookstoreCon .scholarlyBookstoreItem{width: 15.2%;background: url(../../images/icon113.png) no-repeat;background-size: 100% 100%;margin-bottom: 20px;}
.scholarlyBookstoreCon .scholarlyBookstoreItem-title{font-size: 18px;color:#494748;font-family:"sc-SemiBold";    padding-top: 40px;
    padding-bottom: 20px;padding-left: 22px;}
.scholarlyBookstoreCon .scholarlyBookstoreItem-title a{color:#494748;}
.scholarlyBookstoreCon .scholarlyBookstoreItem-text{color:#867863;font-family:"sc-SemiBold";font-size: 14px;padding-left: 22px;padding-bottom: 35px;    padding-right: 10px;}
.scholarlyBookstoreCon .scholarlyBookstoreItem-text a{color:#867863;}
.scholarlyBookstoreList.agency-container .section .scholarlyBookstoreList-tab span.active{width: 220px;height: 96px;line-height: initial;}
.scholarlyBookstoreItem a{text-decoration:none}
.scholarlyBookstoreList.agency-container .section .scholarlyBookstoreList-tab span.on{background: #EEDDC1;color: #5E472A;}
/* 研究刊物 */
.researchPublicationsListXlmb{margin-top: 35px;    display: grid;grid-template-columns: repeat(5, 1fr);gap: 25px;}
.researchPublicationsListXlmb .researchPublicationsListXlmbItem{overflow: hidden;}
.researchPublicationsListXlmb .researchPublicationsListXlmbItem .researchPublicationsListXlmbItem-logo img{height: 309px;}
.researchPublicationsListXlmbItem-title{text-align: center;padding: 0 10px;color:#494748;font-size: 25px;font-family:"sc-SemiBold";margin-top: 30px;margin-bottom: 40px;}
.researchPublicationsListXlmbItem a{text-decoration:none}
/* 图片详情 */
.slideBoxPublic {display: none;}
.slideBoxPublic{ text-align: center;overflow:hidden; position:relative;}
.slideBoxPublic .hd{ height:15px; overflow:hidden; position:absolute; left: 50%; bottom: 10px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index:1; }
.slideBoxPublic .hd ul{ overflow:hidden; zoom:1; }
.slideBoxPublic .hd ul li{ float:left; margin-right: 5px;  width:10px; height:10px; border-radius: 50%;line-height:14px; text-align:center; border: 1px solid #fff; cursor:pointer;}
.slideBoxPublic .hd ul li.on{ background:#f34540; color:#fff;border: 1px solid #f34540; }
.slideBoxPublic .bd{ display: inline-block;position:relative; height:100%; z-index:0;   }
.slideBoxPublic .bd li{ zoom:1; vertical-align:middle;}
.slideBoxPublic .bd img{max-width: 100%;display:block;text-align: center; margin: 0 auto;}
.slideBoxPublic h4 {font-size: 18px;  position: absolute; bottom: 0; padding: 15px 15px 30px 15px;width:100%; color: #fff;background: url(../../images/barnner_bg.png);}
.slideBoxPublic h4 a {color: #fff;}
.slideBoxPublic .prev,
.slideBoxPublic .next{ font-size: 0;position:absolute; left:-1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=30);opacity:0.3;background-color: #000;}
.slideBoxPublic .next{ left:auto; right:-1%; background-position:8px 5px; }
.slideBoxPublic .prev:hover,
.slideBoxPublic .next:hover{ filter:alpha(opacity=50);opacity:0.5;  }
.slideBoxPublic .prevStop{ display:none;}
.imgdetail-page .slider-wrap .row {margin: 0 auto;text-align: center;}
.picScroll-left .row {display: inline-block;}
.picScroll-left .hd { height: 60px; width:  100px; bottom: 20px; text-align:  center; left: 0; right: auto; background: transparent; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0);}
.picScroll-left .bd {display: block;}
.picScroll-left .bd img {margin: 0 auto;max-height: 500px;}
.picScroll-left .bd .title{border-left: 1px solid #ddd;margin: 20px 0 0 125px;min-height: 80px;padding: 0 20px;color: #505050;font-size: 16px;text-indent: 0;text-align: left;}
.picScroll-left .pageState {letter-spacing: 2px;font-size: 18px;font-style: italic;color: #505050;}
.picScroll-left .pageState span { letter-spacing: 0px;margin-right: 10px;font-size: 32px;color: #dd151b}
.picScroll-left .prev {left: 1%;}
.picScroll-left .next {right: 1%;}
/* 满意度调查 */
.satisfaction{position: relative;}
.satisfaction .title{font-size: 30px;color:#242424;font-family:"sc-SemiBold";text-align: center;margin-top: 55px;margin-bottom: 20px;}
.satisfactionList{background: url(../../images/icon119.png) no-repeat; margin-top: 115px;    height: 455px; margin-bottom: 100px;}
.satisfaction .votecontainer .vote-title{    position: absolute;top: 60px;    text-align: center; width: 100%;font-size: 30px;color:#242424;font-family:"sc-SemiBold";}
.satisfaction .votecontainer{max-width: 100%;}
.satisfaction .vote-subject{    padding: 60px 81px;}
.satisfaction .subject,.satisfaction .vote-authcode{font-size: 16px;color:#242424;font-family:"sc-Medium";}
.satisfaction .subject-items{margin-top: 20px;}
.satisfaction label{font-size: 14px;font-family:"sc-Medium";color:#94886f}
.satisfaction .vote-content{height: 330px;}
.satisfaction .vote-submit{background: url(../../images/icon135.png) no-repeat;width: 166px; height: 60px;display: inline-block;line-height: 60px;}
.satisfaction .btn-primary{    background: none;border: none;}
.satisfaction .vote-submit input,.satisfaction .vote-viewresult input{font-size: 18px;color:#e3d9c9!important;font-family:"sc-SemiBold";    background: none; border: none; height100%; width:100%;  }
.satisfaction .vote-viewresult{background: url(../../images/icon135.png) no-repeat;width: 166px; height: 60px;display: inline-block;line-height: 65px;}
/* 刊物详情 */
.publication .bookDetailLeft{    background: url(../../images/icon120.png) no-repeat;}
.publication .publicationCon{font-size: 14px;color:#867863;padding: 0 35px; line-height: 30px;}
.publication .bookDetailFr .title{color: #604528;font-size: 16px;font-family:"sc-SemiBold";border-bottom: 1px solid #e4ddd2;position: relative;padding-bottom: 10px;}
.publication .bookDetailFr .title::after{background:#604528;position: absolute;width: 40px;height: 1px;content: "";bottom:0px;left:0}
.publication .publicationItem{font-size: 18px;color:#494748;margin-bottom: 10px;}
.publication .publicationList{margin-top: 30px;}
.publication .publicationItem img{vertical-align: middle;}
/* 搜索结果 */
.searchResults .header-searchGroup{margin-top: 0;margin-bottom: 25px;}
.searchResultsTop{border-bottom: 3px solid #8c7556;}
.searchResults .similaritySearch{color:#62584a;font-size: 16px;margin-top: 20px;margin-bottom: 10px;position: relative;}
.searchResults .similaritySearch font{color:#ce2b26;padding: 0 3px;}
.searchResults .searchResultsbottom{background:#ffffff}
.searchResults .sort{position: absolute;top:0;right:0;font-size: 16px;}
.searchResults .sort .cur{color: #aa0303;}
.searchResults .sort i{background: url(../../images/icon122.png) no-repeat;width: 5px; height: 11px;display: inline-block;}
.searchResults .sort .cur i{background: url(../../images/icon123.png) no-repeat;}
.searchResults .newsList .newsItem{width: 31.7% ;padding:0;transform: translateY(10px);background: #ffffff;padding: 3px;}
.searchResults .newsList{display: flex;gap: 15px;flex-wrap: wrap;}
.searchResults .newsList .newsItem:hover{transform: translateY(0px);border: 1px solid #aa0303;}
.searchResults .newsList .newsItem:hover span{background: #cfbea5;}
.searchResults .newsItemCon{background: #f6f5f4;}
.searchResults .newsItem-title{ height: 60px;   -webkit-line-clamp: 3;font-size: 14px;color:#89837a}
.searchResults .newsItem-tit{font-size: 18px;color:#494748;padding-bottom: 10px;font-family:"sc-SemiBold";display: block;}
.searchResults .newsItem-conntent{padding-top: 25px;    padding-bottom: 15px;}
.searchResults .newsItem-date{font-size: 15px;color:#867863;margin-top: 35px;text-align: right;}
.searchResults .newsItem span{position: relative;right:3px;top: -21px;padding: 5px 8px;}
.searchResults .newsList .newsItem:hover .newsItem-title{    color: #89837a;}
.searchResults .newsList .newsItem:hover .newsItem-tit{color: #aa0303;}
/* 清史百科 */
.classificationList{display: flex;gap: 25px;flex-wrap: wrap;margin-top: 65px;}
.classificationItem{width: 10.6%;position: relative;border: 1px solid #dedad4;background: #fff;    height: 251px;    margin-bottom: 37px;}
.classificationItem .name{background: url(../../images/icon124.png) center no-repeat;font-size: 25px;color:#8c7556;text-align: center;line-height: 61px;top: -30px;
    position: relative;}
.classificationItem .info{overflow: hidden; }
.classificationItem .info .title{font-family:"sc-SemiBold";font-size: 24px;color:#494748;text-orientation: upright;writing-mode: vertical-rl;    padding-left: 42px;height: calc(251px - 84px); white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.classificationItem .info .pinyin{font-size:12px;color:#aba295;transform: rotate(90deg);   left: -17%;
    top: 29%; height: 42%; width: 100%;position: absolute;    white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.initialConsonant{line-height:21px;width:21px;height:21px;background: url(../../images/icon125.png) center no-repeat;text-align: center;font-size: 12px;color:#fff;    position: absolute;
    bottom: 20px;left: 40%;}
.classificationItem:hover a{text-decoration:none}
/* 词条 */
.agency-container .section .wikiEntry{background: url(../../images/icon126.png) no-repeat!important;min-height: 120px!important;}
.agency-container .section .tab-container .wikiEntryTilte span{background: url(../../images/icon129.png)no-repeat;font-size: 32px;color:#8c7556;font-family:"sc-SemiBold";margin-right:0;padding: 0;width: 80px;height: 80px;display: inline-block;line-height: 80px; text-align: center;}
.wikiEntryTilte{margin-top: 65px;display: flex;flex-wrap: wrap;justify-content: flex-start; align-items: center;}
.wikiEntryTilte .wikiEntryPin{color:#8c7556;font-size: 16px;margin-left: 16px;}
.wikiEntryList{}
/* 精彩词条 */
.excitingEntriesItem{width: 23.8%;background: url(../../images/icon128.png) no-repeat;padding: 25px;position: relative;}
.excitingEntriesItem .title{font-size: 20px;color:#000000;font-family:"sc-Medium";}
.excitingEntriesItem .titleSub{font-size:14px;color:#b4a188;font-family:"sc-Medium";    padding-right: 70px;}
.excitingEntriesTag{position: absolute;top:55px;right:0;background: #b8a07d;font-size: 14px;color:#ffffff;padding-left: 10px;
    padding-right: 24px;text-align: left;}
.excitingEntriesItem .info{font-size: 14px;color:#746f68;margin-top: 20px;line-height: 25px;}
.excitingEntriesItem:hover a{text-decoration:none}
.excitingEntriesList{display: flex;gap: 18px;flex-wrap: wrap;margin-top: 35px;}
/* 词条详细 */
.entryDetail{background: url(../../images/icon130.png) no-repeat;    max-height: 880px; overflow-y: auto;}
.entryDetail .imgLeft{background: none;}
.entryDetail .imgLeft .tool-row button{background: none;}
.entryDetail .entryDetailTitle{background: #fff;position: absolute;width: 100%;height: 100px;line-height: 100px;left:0;display: flex
;}
.entryDetail .entryDetailTitle .entryDetailTit{font-size: 32px;color:#373737;font-family:"sc-SemiBold";padding-left: 28%;}
.entryDetail .entryDetailTitle .entryDetailTitSub{font-size: 14px;color:#b4a188;font-family:"sc-Medium";padding-left: 12px;line-height: 110px;}
.entryDetail .newsRight .meta{  margin-top: 100px;background: #ece9e6;height: 50px;line-height: 50px;font-size: 14px;color:#969089;font-family:"sc-Medium";padding-left:7%}
.entryDetail .newsRight{margin-left: 0px;    width: calc(100% - 277px);max-width: unset;}
.entryDetail .entryDetailInfo {padding-left:7%;color:#494748;line-height: 36px;    height: calc(880px - 300px); overflow-y: auto;-ms-overflow-style: none;  /* Internet Explorer 和 Edge */
  scrollbar-width: none; }
.entryDetail .entryDetailInfo::-webkit-scrollbar {
  display: none; /* Safari 和 Chrome */
}
.entryDetail .entryAutoplay .slick-arrow{    font-size: 0!important;width: 8px;height: 13px;border:none;position: absolute;z-index: 99;top: 38%;}
.entryDetail .entryAutoplay .slick-prev{background: url(../../images/icon137.png) no-repeat;left:5%;}
.entryDetail .entryAutoplay .slick-next{background: url(../../images/icon133.png) no-repeat;right:-3%}
.entryDetail .draggable{background: #fff;margin-bottom: 20px;margin-top: 20px;height: 51px;line-height: 51px;display: flex
;justify-content: space-between;}
.entryDetail .draggable .entryAutoplayItem:nth-child(1) .name .char-item{background: url(../../images/icon136.png) no-repeat;color:#cac0b3}
.entryAutoplay{padding-left: 7%;}
.entryAutoplayItem .name .char-item{background: url(../../images/icon134.png) no-repeat;width: 51px;height: 51px;font-size: 20px;color:#8c7556;display: inline-block;text-align: center;}
.entryDetail .entryAutoplay .slick-active:nth-child(even){    text-align: right;}
.otherEntries{position: absolute;top:16px;font-size: 16px;color:#867863;left: 50%;}
.entryAutoplayList{position: relative;width: 100%;}
/* 期刊详情 */
.journalDetail .bookDetailLeft {background: url(../../images/icon131.png) no-repeat;}
.journalDetail .bookDetailFl .bookDetailFlTit{font-size:25px;color:#494748}
.journalDetail .bookDetailFl .single-item{padding: 0 45px;}
.journalDetail .bookDetailFl .bookDetailItem .text{    display: inline-block;font-size: 16px;color:#867863;padding: 0 19px;cursor: pointer;}
.journalDetail .bookDetailFl .bookDetailItem .text.on{color:#aa0303}
.journalDetail .journalDetailItem{border-bottom: 1px solid #e4ddd2;}
.journalDetail .journalDetailTab{display: inline-block;position: relative;    padding-bottom: 10px;font-family: "sc-SemiBold";color:#867863;margin-right: 30px;cursor: pointer;}
.journalDetail .journalDetailTab.cur::after{background: #604528; position: absolute; width: 100%;height: 1px;content: "";bottom: 0px;left: 0;}
.journalDetail .journalDetailTab.cur{color:#604528}
.journalDetail .publicationItem img{padding-right: 5px;}
.modal-footer button.active{    background: #9c8a71!important;text-shadow: -1px -1px 1px #9c8a71!important;border: solid 1px #9c8a71!important;}
/* 词条 */
@media (max-width:767px) {
  .picScroll-left .hd {width: 60px;}
  .picScroll-left .bd .title {padding: 0 10px;margin: 10px 0 0 80px;}
  .picScroll-left .pageState {font-size: 14px;}
  .picScroll-left .pageState span {font-size: 24px;}
  .picScroll-left .prev {left: 0;}
  .picScroll-left .next {right: 0;}
}
/*******************************
	--------[新闻公告页面]-------
********************************/


 .nav-logo {
    position: absolute;
    top: 18px;
    left: 30px;
 }
 .nav-logo .detail-logo {
    height: 40px;
  margin-top: -5px;
}
.d-search {
    position: absolute;
    top: 18px;
    right: -15px;
}
.header-wrapper {
    width: 100%;
    height:600px;
    background: url(../../images/icon2.png) no-repeat;
    top: 0;
    /* position: absolute; */
    left:0;
    display: block;
    background-size:cover;
	border-bottom: 3px solid #a7957d;
    position: relative;
}
@media screen and (max-width: 1000px) {
  .header-wrapper {
    height: 300px;
  }
}
@media screen and (max-width: 650px) {
  .header-wrapper {
    height: 200px;
  }
  .menu {
    margin-top: -16px;
  }
}
@media screen and (max-width: 500px) {
  .header-wrapper {
    height: 180px;
  }
}

.newsNotes-img {
  position: absolute;
    bottom: -20px;
}
.newsNotes-img img {
	width: 100%;
	height: 100%;
}

/* Tab整体布局 */
.newsTabs {
  display: flex;
  gap: 25px;
  margin-top: 75px;
  margin-bottom: 25px;
  font-size: 20px;
  font-family: "sc-Medium";
  justify-content: flex-start;
}

/* 单个tab容器 */
.tab-item {
  position: relative;
  width: 180px;
  height: 50px;
}

/* 底座 */
.tab-base {
  position: absolute;
  left: 0;
  top: 4px;
  width: 100%;
  height: 46px;
  border: 1px solid #cfbea5;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
}

/* 按钮悬浮在底座上方 */
.tab-item .btn {
  position: absolute;
  left: 0px;
  top: 0;
  width: 176px;
  height: 46px;
  border: none;
  background: #cfbda5;
  color: #8c7556;
  font-size: 20px;
  z-index: 2;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
}
.tab-item .btn a{
    color: #fff;
}
.tab-item .btn:focus {
    outline: none;
    box-shadow: none;
}
.b4 {
    border-radius: 0px 0px 5px 5px;
    width: 180px;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    border: 2px solid #DCDCDC;
    border-top: 0px;
    background-color: #F8F8FF;
}
.tab-item.active .btn a{
    color: #fff;
}
/* 选中tab */
.tab-item.active .btn {
  background: #8c7556;
  color: #fff;
  border: none;
}

/* 选中tab底座颜色可略深 */
.tab-item.active .tab-base {
  border-color: #8c7556;
}

/* 悬停效果 */
.tab-item .btn:hover {
  background: #cfbea5;
  color: #fff;
}

.newsList {
	margin-bottom: 20px;
}
.newsItem {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #cfbea5;
    height: 220px;
    margin-bottom: 20px;
    padding: 5px;
}
.newsItem-conntent {
	padding: 75px 35px 0px 30px;
	background-color: #f6f5f4;
    height:100%;
}
.newsItem-date {
	font-size: 25px;
  	font-family:"sc-SemiBold";
	color: #867863;
}
.newsItem-title {
	font-size: 18px;
  	font-family:"sc-SemiBold";
	color: #494748;
    display: -webkit-box;
    -webkit-line-clamp: 2;    /* 限制显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    padding-right: 20px;
}
.newsMessage {
  font-family:"sc-Regular";
  font-size: 14px;
}
.newsItem span {
	position: absolute;
	top: 0px;
	right: 25px;
	background-color: #cfbea5;
	color: #fff;
	padding: 7px 8px;
	width: 30px;
}
.newsList > div:nth-child(4n+2) .newsItem,
.newsList > div:nth-child(4n+4) .newsItem {
  transform: translateY(10px);
}
.newsItem:hover{
    background: url(../../images/icono47.png);
}
.newsItem:hover .newsItem-conntent{
    background-color: rgba(0,0,0,0);
}
/* #A91A0C */
.newsItem:hover .newsItem-title{
    color: #A91A0C;
    text-decoration: none;
}
.newsItem:hover span{
    background-color: #A91A0C;
    color: #fff;
}

.page {
	margin: 20px auto 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 18px;
}

.pagination {
	display: flex;
	align-items: center;
	gap: 10px;
}

.page-link,.pageBtnWrap a,.pageBtnWrap span{
	display: inline-block;
	min-width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #cfbea5;
	color: #8c7556;
	text-decoration: none;
	background: #fff;
	box-sizing: border-box;
}
.pageBtnWrap span,.pageBtnWrap a{    margin: 0 5px;}
#kkpager .pageBtnWrap span:nth-child(1){display: none;}
#kkpager .pageBtnWrap a:last-child,#kkpager_btn_go{display: none!important;;}
.page-link:hover {
	background: #8c7556;
	border-color: #8c7556;
	color: #fff;
}

.page-link.active,.page .pageBtnWrap  .curr {
	background: #8c7556;
	border-color: #8c7556;
	color: #fff;
	cursor: default;
}
.page .totalText{display: none;}
.page-link.disabled {
	opacity: .45;
	pointer-events: none;
}
@media (max-width: 600px) {
  .page {
    flex-wrap: wrap;
    gap: 8px;
  }
  .pagination {
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100vw;
    /* 隐藏滚动条可选 */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .pagination::-webkit-scrollbar {
    display: none;
  }
  .page-link, .ellipsis {
    min-width: 36px;
    font-size: 15px;
  }
  .jump {
    margin-top: 8px;
  }
}
@media (max-width: 600px) {
  .page {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  .jump {
    justify-content: flex-end;
  }
}

.ellipsis {
	color: #8c7556;
	padding: 0 6px;
}

.jump {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #8c7556;
}

.jump-input,#kkpager_btn_go_input {
	width: 44px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #cfbea5;
	background: #fff;
	color: #8c7556;
	outline: none;
}

/*******************************
	--------[新闻公告详情页面]-------
********************************/
.detail-bg {
  width: 100%;
  height: 100%;
  background: url(../../images/DetailBg.png) no-repeat center;
  background-size: cover;
  position: relative;
      min-height: 100vh;
    background-attachment: fixed;
}
.detail-bg .detail-header {
   display: flex;
   justify-content: space-between;
  position: relative;
  width: 100%;
  height: 80px;
  background: url(../../images/lian.png);
  border-top: 3px solid #aa0303;
  padding: 20px 0px 0px 48px;
  box-sizing: border-box;
}
.detail-bg .detail-header .detail-logo {
  height: 40px;
  margin-top: -5px;
}
.detail-bg .detail-header .detail-search {
  width: 200px;
  height: 38px;
  border: 1px solid #aba295;
  /* border-color: #aba295; */
}
.detail-search-btn {
    width: 50px;
    height: 50px;
    background: url(../../images/icon3.png) no-repeat center;
    background-size: cover;
    border: none;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #fff;
    z-index: 5;
    margin-left: -18px;
    margin-top: -8px;
}
.detail-search-box {
  margin-right: 128px;
  display: flex;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* 移动端样式搜索 */
.db {
    margin-bottom: 20px;
}
.detail-search-boxd {
    display: flex;
    justify-content: center;
}
.detail-search-boxd .detail-search {
  width: 300px;
  height: 38px;
  border: 1px solid #aba295;
}
.detail-search-boxd .detail-search-btn {
    width: 50px;
    height: 50px;
    background: url(../../images/icon3.png) no-repeat center;
    background-size: cover;
    border: none;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color: #fff;
    z-index: 5;
    margin-left: -18px;
    margin-top: -8px;
}
.detail-nav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
.detail-nav img {
  width: 80px;
  height: 80px;
}


/*** 详情内容区域 */
/* 面包屑 */
.DetailBread {
	display: flex;
	gap: 8px;
	color: #8c7556;
	padding: 15px 0px;
    font-size: 14px;
    line-height: 26px;
    font-family: "sc-Regular";
}
.DetailBread span { color: #b7a089; }
.DetailBread span a{ color: #b7a089; }
.DetailBread span:last-child { color: #867863; }
.DetailBread span:last-child a{ color: #867863; }
.tool-bar {
    display: flex;
    justify-content: space-between;
}
.tool-bar .tool-row {
    display: flex;
}
.tool-bar .tool-row .lang {
	width: 60px;
    height: 40px;
}
.tool-bar .tool-row .size {
	width: 40px;
    height: 40px;
}
.tool-bar .tool-row .handle {
	width: 60px;
    height: 40px;
    margin-right: 1px;
}
.tool-bar .tool-row button {
	height: 40px;
	border: 1px solid #fff;
	background: #ccae76;
	color: #fff;
	cursor: pointer;
}
.tool-bar .tool-row button:hover {
	background: #fff;
	color: #8c7556;
	border-color: #fff;
}
#myAffix {
    will-change: position, top; 
    transition: none !important;
        z-index: 99999;
}
#myAffix.no-affix {
    position: static !important;
    margin-top: 20px; 
}
.imgLeft {
	width: 268px;
	height: 820px;
	background-image: url(../../images/newsDetail.jpg);
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
    display: flex;
	flex-direction: column;
	justify-content: flex-end;
    margin-bottom: 15px;
    float:left;
}
.imgLeft .imgLeft-con{
    padding: 0 20px 38px 24px;
}
.b-btn-4 {
    width: 180px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    font-size: 13px;
    background-color: #F8F8FF;
    border: 2px solid #DCDCDC;
    border-bottom: 0px;
    border-top: 1px solid #DCDCDC;
}
.imgLeft.affix{
    position:fixed;
    top:10px;
    z-index:10px;
}
.imgLeft.affix-bottom{
    position: absolute!important;
}
.imgLeft .tool-row {
	display: flex;
	margin: 10px auto 0;
    position: relative;
}
.imgLeft .tool-row .lang {
	width: 105px;
    height: 45px;
}
.imgLeft .tool-row .size {
	width: 70px;
    height: 45px;
}
.imgLeft .tool-row .handle {
	width: 104px;
    height: 45px;
    margin-right: 1px;
}
.imgLeft .tool-row .handle img {
    margin-right: 3px;
    margin-top: -1px;
}
.imgLeft .tool-row button {
	height: 45px;
	border: 1px solid #fff;
	background: #ccae76;
	color: #fff;
	cursor: pointer;
}
.tool-bar .tool-row .lang.active,
.imgLeft .tool-row .lang.active,
.imgLeft .tool-row .size.active,
.tool-bar .tool-row .size.active,
.imgLeft .tool-row button:hover {
	background: #fff;
	color: #8c7556;
	border-color: #fff;
}
.newsRight{
    max-width:858px;
    float:right;
    width: 858px;
}
.newsRight h3 {
	font-size: 30px;
	line-height: 36px;
  	font-family:"sc-SemiBold";
	margin: 0 0 18px;
	color: #604528;
}
.newsDetail h3 {
	font-size: 30px !important;
	line-height: 36px;
  	font-family:"sc-SemiBold";
	margin: 0 0 18px;
	color: #604528;
}
.newsDetail .meta {
    font-size: 16px;
    font-family: "sc-Regular";
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	color: #867863;
	margin-bottom: 25px;
}
.newsRight .meta {
    font-size: 16px;
    font-family: "sc-Regular";
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	color: #867863;
	margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
    .newsRight h3{
        font-size:18px;
        line-height: 26px;
        margin-top:20px;
    }
}
@media screen and (max-width: 650px) {
  .newsRight .meta {
	margin-bottom: 6px;
    gap: 28px;
}
}
@media screen and (max-width: 470px) {
    .newsRight .meta {
	margin-bottom: 6px;
    gap: 20px;
}
}
.newsRight p {
	color: #494748;
    font-size: 18px;
    font-family: "sc-Regular";
	line-height: 36px;
}
.newsRight.font-small { font-size: 14px; }
.newsRight.font-medium { font-size: 16px; }
.newsRight.font-large { font-size: 18px; }
.newsRight.font-small p { font-size: 14px; }
.newsRight.font-medium p { font-size: 16px; }
.newsRight.font-large p { font-size: 18px; }
.newsRight {
    --main-font-size: 16px; /* 默认基准字号 */
    font-size: var(--main-font-size);
}
.newsRight * {
    font-size: inherit !important;
}
.newsRight h3* {
    font-size: 30px !important;
}
.newsRight.font-small {
    --main-font-size: 14px;
}

.newsRight.font-medium {
    --main-font-size: 16px;
}

.newsRight.font-large {
    --main-font-size: 18px;
}
/*  */
@media (min-width: 1200px){
.container {
    width: 1200px;
    padding: 0px;
}
}
@media screen and (max-width: 1920px) {
    .multiMediaItem ,.journal{
        margin-top: 11%;
    }
}
@media screen and (max-width: 1537px) {
  .boutiquebooks-item::after{width: 94%;}
  .boutiquebooks-item.on::after{width: 97%;}
  .multiMediaList::before{width: 420px;}
  #geographicalAtlas .multiMediaItem .item .logo img {height: 149px;width: 100%;}
  .multiMediaItem .item:nth-child(1){ width: 775px;height: 355px; }
  #geographicalAtlas .multiMediaItem .item:nth-child(1) {width: 260px;height: 355px;}
  #geographicalAtlas .multiMediaItem .item:nth-child(1) img{height: 455px;}
  #geographicalAtlas .multiMediaItem .item:nth-child(2) { width: 490px;height: 355px;}
  #geographicalAtlas .multiMediaItem .item:nth-child(2) img{height: 455px;}
  #geographicalAtlas .multiMediaItem .item {width: 270px;height: 149px;}
  .multiMediaItem .item .logo img {height: 111px;width: 100%;}
  .multiMediaItem .item:nth-child(1) img {height: 455px;}
  .multiMediaItem .item{width: 220px;}
  .multiMediaItem{margin-top:14%;}
  .multiMediaList .title{    padding-left: 7%;}
  .journal{position: relative;margin-top:15%;padding-right: 3%;}
  /* 多媒体库 */
  .multiMediamylg{background: url(../../images/icon85.png) -208px no-repeat;}
  .multiMediaydtd{    background: url(../../images/icon89.png) -280px no-repeat;}
  .multiMediaqkhb{background: url(../../images/icon90.png) -180px no-repeat;}
  .multiMediamylgList,.multiMediaqkhbList{padding-left:6%}
  /* 首页 */
  .nav-logo{display: none;}
  .detail-search-box {margin-right: 92px;}
  .navBarwra-ul {gap: 0px;padding: 0 0px; padding-left: 0px;}
  .multiMediaydtdList{    width: 90%;float: right;}
  .container1{width: 1100px;}
  .entryDetail{    background-size: 27.5% 100%;}
  .bookDetail .bookDetailFr{padding-left: 30px;}
  /* .entryDetail .entryDetailTitle{    left: 28.9%;    width: 62.5%;} */
  .entryDetail .newsRight{ width: calc(100% - 280px);}
  .qingHistory .content-layout .sidebar-menu{min-width: auto!important;}
}
@media screen and (max-width: 1366px) {
  .qsOverview-list .boutiquebooks-item.on .boutiquebooks-l{    left: -120px;}
  .boutiquebooks-itemcon .info{right: 27%;}
}
@media screen and (max-width: 1199px){

}
@media screen and (max-width: 992px) {
  /* 尾部 */
  .footer-logo{text-align: center;}
  .friend-link>div{display: block;}
  .friend-link .friendLink-item{padding-left:0}
	/* 头部 */
	.header-search-w{right: 43px;}
  .header{height: 62px;line-height: 62px;}
  .header-search-con{background: #3426a5;}
  .list-header {border-top: none;}
  /* 导航 */
  /* 移动端导航-new */
  .burger-wra{width: 60px;height: 62px;background: #aa0303;position: absolute;right: -17px;top:0}
  div.burger {height: 45px;font-size: 25px;text-align: center;width: 30px;position: relative; cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
  .yszx-nav div.burger{float: none;}
  .fixed div.burger {top:7px;}
  .burger div.x,.burger div.y,.burger div.z {position: absolute;top: calc((100% - 3px) / 3);width: 25px;height: 2px;   background: #fff;border-radius:2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;} 
  .open div.x,.open div.y,.open div.z{background: #fff;}
  .burger div.x, .burger div.y, .burger div.z { height: 2px; width: 28px; }
  .burger div.y{top: 22px;}
  .burger div.z{top: 30px;}
  .xs-header-r-navmore .burger div.x{top: 9px;}
  .burger div.collapse{top: 20px;display:block;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out;}
  .burger div.rotate30{-ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg);   -webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;                  }
  .burger div.rotate150{-ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg);  -webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;                  }
  .burger div.rotate45{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);   -webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;                 }
  .burger div.rotate135{-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);  -webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;                 }
  .navicon em{color: #898989; font-size: 16px;}
  .nav {left: 50px; top: 0;}
  .navcon {z-index: 999; position: fixed;left: -200px;opacity: 0;  top: 0; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;width: 200px; height: 100%; background: #fff; border-right: #eeeeee solid 1px;}
  .closenav { height: 90px;  padding: 33px 0 0 50px; cursor: pointer; border-bottom: #eee solid 1px; font-size: 18px; color:  #3426a5;font-style: normal; display: inline-block; width: 100%;}
  .closenav img {vertical-align: middle; display: inline-block; margin-right: 30px; transition: all 0.3s;}
  .navcon-item { position: relative; z-index: 1;}
  .navcon-item a {display: block; line-height: 100px; color: #555555; position: relative;  padding-left: 46px; font-size: 18px;}
  .navcon-item a  i {width: 40px; height: 40px; background: url(../../images/index/rightNav.png) center center no-repeat; position: absolute; right: 20px; top: 12px;}
  .navcon-item em.nav-xian { width: 40px; height: 1px; background: #bf0008; left: 46px; bottom: 20px; display: none;}
  .navcon-item:hover a.n-one {color: #bf0008;}
  .navcon-item:hover a.n-one em {display: block;}
  .nav .nav-on {opacity: 1;left: 0px; }
  .navcon-item.oneon {z-index: 2;}
  .closenav {height: 60px;padding: 15px 0 0 20px;}
  .navcon {width: 100%; left: -100%;overflow-y: auto;}
  .navcon-item a {line-height: 60px; border-bottom: #eee solid 1px;}
  .navcon-item em.nav-xian {display: none;}
  .navcon-item:hover a.n-one em {display: none;}
  .xsnav .header-r{float: left;padding: 15px 0;}
  .xsnav .closenav{float: right;width: auto;border: none;line-height: 45px;}
  .xsnav .header-r-search{border: 1px solid #eee;}
  .closenav-wra{border-bottom: #eee solid 1px;padding: 0 15px;}
  .xsnav .header-r-sc{float: left;margin-left: 16px;}
  .header-logo{width: 50%;max-width: 1000px;}
  .header-logo img{width: 50%;}
  .footer-btm{height: auto;line-height: 24px;}
  .xsnav .header-r-sc, .header-r-login{display: none;}
  .xsnav .header-r-search{width: 100%;}
  .hootbooks-list-item img{width: 100%; height: auto;}
  /* 导航栏目 */
  .navigationMenu{    background-size: cover;}
  .navigationMenu .navigationMenu-part{    margin-top: 5%;}
  .navigationMenu .navigationMenu-part .item .itemNav{padding-top: 20px;}
  .navigationMenu .navigationMenu-part .item .itemNav a{padding-bottom: 20px;}
  /* 新闻公告 */
  .new-info{display: block;margin-top: 20px;}
  .new-title{width: 100%;}
  .new-title .title{    margin-top: 0px;color:#494748;font-family:"sc-SemiBold";font-size: 20px;margin-bottom: 10px;}
  .new-title .more{    writing-mode: inherit; padding-top: 0;}
  .new-title .more::after{display: none;}
  .new-info .con{padding-right: 10px;}
  .new-list{width: 100%;}
  .new-info .time{margin-right: 10px;padding: 7px 10px;}
  .new-info .item:nth-child(1){margin-bottom: 10px;}
  .new-info .month{font-size: 16px;}
  .new-info .year{font-size: 20px;}
  .new-info .summary{    margin-top: 10px;    font-size: 14px;}
  .new-info .tit{padding-bottom:10px;font-size: 16px;}
  .new-info .slick-dots{    right: -1%;bottom: -9%;}
  /* 最新推荐 */
  .recommendNew{display: block;        background:url(../../images/newH5.png) no-repeat;        padding-bottom: 20px;background-size: 100% 100%;}
  .recommendNew .title{color:#494748;font-family:"sc-SemiBold";font-size: 20px; padding:10px}
  .recommendNewList{display: block;padding-left:0;padding-top:0px}
  .recommendNewList .item{width: 100%;padding:0}
  .recommendNew .item .title{font-size: 16px;        color: #867863;}
  .recommendNewList .list{font-size: 14px;padding:0 10px}
  .recommendNewList .item::after{display: none;}
  /* 清史总览 */
  .qsOverview{margin-top: 20px;}
  .qsOverview .qsOverviewTitle{    padding: 10px 0;}
  .qsOverview .qsOverviewTitle::after,.qsOverview .qsOverviewTitle .more::after{display: none;}
  .qsOverview .title{width: 100px;margin: 0 auto;}
  .qsOverview .qsOverviewTitle .more{margin-top: -60px;}
  .boutiquebooks-item { width: 100% !important;        height: 300px;}
  .qsOverview-list { height: auto;white-space: initial;margin-left: -10px;}
  .boutiquebooks-l img{max-width: 100%;max-height: 280px;}
  .qsOverview-list .boutiquebooks-item.on .boutiquebooks-l{left: 0px;    width: 38%;height: auto;}
  .boutiquebooks-itemcon .tit{font-size: 28px;    margin-top: 35px;}
  .boutiquebooks-itemcon .info{    padding: 15px 0;right: 20%;margin-top: 20px;    font-size: 16px;opacity: 1;visibility: visible;}
  .boutiquebooks-l{    left: 0;}
  .boutiquebooks-item:nth-child(3) .boutiquebooks-l{left: -45px;}
  /* 循环轮播 */
  .hootbooks .hootbooksTitle{    padding: 10px 0;}
  .hootbooks .hootbooksTitle::after,.hootbooks .hootbooksTitle .more::after{display: none;}
  .hootbooks .title{width: 100px;margin: 0 auto;}
  .hootbooks .hootbooksTitle .more{margin-top: -60px;}
  .hootbooks-list{margin-top:0}
  .scroll-container{margin-top: -40px;height: 180px;}
  .scroll-track{    margin-top: 70px;}
  .scroll-track.bottom{    margin-top: 120px;}
  .scroll-item{height: 35px;line-height: 35px;}
  .scroll-item::after{height: 35px;line-height: 35px;}
  /* 全屏 */
  .fixed-placeholder{display: none}
  .multiMediaList{opacity: 1; transition: opacity 0.5s ease;z-index: 10;        position: relative;display: block;height: auto;}
  .multiMediaList::before,.multiMediaList .title::after,.multiMediaList .title::before{display: none;}
  .multiMediaList .title{padding-top: 0;padding-right: 10px;padding-left: 10px;}    
  .multiMediaItem{margin-top: 0;}
  .multiMediaList .container .title{         margin-top: 10px; color: #494748;font-family: "sc-SemiBold";font-size: 20px; margin-bottom: 10px;}
  .multiMediaItem .tit::before{width: 50px;height: 50px;        background-size: 100% 100%;}
  .multiMediaItem .tit{    margin-top: -50px; padding-left: 70px;    height: 50px;line-height: 50px;    font-size: 16px;display: inline-block;}
  .multiMediaItem .item:nth-child(1){margin-bottom: 5px;}
  #geographicalAtlas .multiMediaItem .tit{display: block;}
  .multiMediaItem .item:nth-child(1) .tit{display: block;}
  .multiMediaItem .item{max-width: 100%;max-height: 200px;float: none;width: 100%;}
  .multiMediaItem .item img,.multiMediaItem .item .logo img{max-height: 200px;        width: 100%;}
  #geographicalAtlas .multiMediaItem .item{max-width: 100%;width: 100%;}
  #geographicalAtlas .multiMediaItem .item:nth-child(1){max-width: 100%;width: 100%;}
  #geographicalAtlas .multiMediaItem .item:nth-child(2){max-width: 100%;width: 100%;}
  .fixedPlaceholder{position: relative;height:auto}
  .journal{        margin-top: 1%;}
  .journal .journal-con{background: none;    padding:10px;        display: block;}
  .journal .imglink{    width: 100px;}
  .journalList-r{    width: calc(100% - 100px);padding:0 10px}
  .journal .journalList{width: 100%;}
  .journalList-r .info{margin-top: 10px;    line-height: 25px;overflow : hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
  .journalTab-item{width: 100px;    height: 59px;margin-left: 10px;}
  .journalTab-item img{    max-width: 63px;height: 50px;}
  .journal-tab{margin-top: 10px;}
  /* 文史总览 */
  #journal{bottom:none}
  .historyViewList .tit{    padding-left: 0px;}
  .historyViewList-con .item{line-height: 32px;    height: 300px;}
  /* 右侧定位 */
  #menu {display: none;}
  /* 图书评论 */
  .bookReviewclear .pubInformationItem-title{padding: 0 10px;height: 40px;}
  .bookReviewclear .pubInformationItem-text{padding: 0 10px;height: 150px;line-height: 23px;margin-top: 10px;      margin-bottom: 10px;  padding-top: 10px;}
  .bookReviewclear .pubInformationItem-time{    padding: 0 10px;   font-size: 16px;}
  .bookReviewclear .pubInformationItem{        height: 250px;}
  /* 图书出版 */
  .bookPublishingNew .title,.bookPublishing-bookReview .title,.historicalWritings .title{margin-top: 20px;    margin-bottom: 10px;font-size: 18px;}
  .bookPublishingNew .title span,.bookPublishing-bookReview .title span,.historicalWritings .title span{    font-size: 13px;}
  .bookPublishingNew .bookPublishingNewItem .logo img{    height: 140px;}
  .bookPublishingNew .bookPublishingNewItem .tit a{font-size: 14px;}
  .bookPublishingNew .bookPublishingNewItem .tit{    margin-top: 10px;}
  .bookPublishingNew .bookPublishingNewItem{    height: auto;    padding-bottom: 10px;}
  .bookPublishingNew .bookPublishingNewItem .logo{    margin-top: 10px;}
  .bookPublishing,.bookPublishing-bookReview,.historicalWritings{    padding-bottom: 20px;}
  .historicalWritings .historicalWritingsBook .historicalWritingsItem{    padding: 10px 0;}
  .historicalWritings .historicalWritingsBook .historicalWritingsItem .tit{    margin-top: 10px;    font-size: 14px;}
  /* 幕影流光 */
  .videoList .videoListItem{width: 23.8%;}
  .videoList .videoListItem .videoListItem-img img{max-width: 100%;}
  .videoList .videoListItem .videoListItem-img{background-size: 100% 100%;}
  /* 期刊汇编 */
  .journalList .journalListItem{width: 100%;}
  .journalList .journalListItem:nth-child(2){border-top: none;border-left: 1px solid #dedad4;}
  .journalList .journalListItem:nth-child(4){border-left: 1px solid #dedad4;}
  .journalList .journalListItem .journalListItem-img img{    max-width: 100px;max-height: 137px;}
  .journalList .journalListItem .journalList-r{    padding-left: 10px;padding-top:0}
  .journalList-r .tit span{margin-top:0}
  /* 舆地图典 */
  #atlasOfWorld .item{width: 33.3%;}
  /* 图书详情 */
  .container1{width: 100%;}
  .bookDetail .bookDetailFl{margin-top: 10px;background: none;}
  .bookDetailLeft{background: none;}
  .bookDetail .bookDetailFr{padding-left: 10px;    width: calc(100% - 380px);margin-top: 10px;}
  .bookDetail .bookDetailFl .bookDetailFlTit{margin-top: 10px;}
  .bookDetail .bookDetailFl .bookDetailItem{margin-top: 10px;    padding-bottom: 10px;}
  /* 多媒体库 */
  .multiMediamylg{background: url(../../images/icon85.png) -408px no-repeat;    padding-top: 35px;}
  .multiMediaydtd{    background: url(../../images/icon89.png) -480px no-repeat;    padding-top: 35px;}
  .multiMediaqkhb{background: url(../../images/icon90.png) -380px no-repeat;    padding-top: 35px;}
  .multiMediaqkhb .journal .journal-con{background: #fff;}
  .multiMediaqkhb .journalList-r{border-right:none}
  .multiMediaqkhb .journal-new{max-width: 100%;margin-top: 20px;}
  .multiMediaqkhb .journalList-r .tit span{margin-top: 10px;}
  /* 文史总览 */
  .historyYearsList{padding-left: 10px;}
  /* 学林漫步 */
  .walkingForest .scholarlyBookstore-item.on{width: 100%;}
  .walkingForest .scholarlyBookstore-item{width: 100%;}
  .walkingForest .scholarlyBookstore-itemcon{    opacity: 1;}
  .walkingForest .scholarlyBookstore{    padding-bottom: 50px;}
  .walkingForest .researchPublications{    padding-top: 25px;padding-bottom: 50px;}
  /* 学者详情 */
  .scholarsDetails .newsRight{width:calc(100% - 288px)}
  .scholarsDetails .newsRight{float: none;width: calc(100% - 268px);padding-left: 85px;text-align: left;}
  .scholarsDetails .newsRightItem{background: url(../../images/icon69.png) no-repeat;}
  /* 学者书林 */
  .agency-container .section .tab-container.scholarlyBookstoreList-tab{        gap: 6px;}
  .scholarlyBookstoreList.agency-container .section .scholarlyBookstoreList-tab span.active{ height: 48px;     padding: 13px 12px;font-size: 14px;}
  /* 研究刊物 */
  .researchPublicationsListXlmb .researchPublicationsListXlmbItem{width: 32.3%;}
  .researchPublicationsListXlmb .researchPublicationsListXlmbItem .researchPublicationsListXlmbItem-logo img{width: 100%;height: 200px;}
  /* 搜索结果 */
  .searchResults .newsList .newsItem{width: 31.5%;}
  .searchResults .newsItem-conntent  {padding-top: 15px;padding-bottom: 0;}
  /* 清史百科 */
  .classificationItem{    width: 22%;}
  /* 精彩词条 */
  .excitingEntriesItem{width: 31.3%;background-size: 100% 100%;}
  /* 词条详情 */
  .entryDetail{background: none;        position: relative;}
  .entryDetail .entryDetailTitle{background: none;}
  .entryDetail .entryDetailInfo{padding-left: 0;}
  .entryDetail .newsRight{width: 100%;}
  /* .entryAutoplayList{width: calc(100% - 20%);        margin: 0 auto;margin-right: 20px;}
  .entryDetail .entryDetailInfo{height: calc(880px - 400px);} */
  /* 期刊汇编-详情 */
  .journalDetail .bookDetailLeft{background: none;}
  .entryAutoplay{padding-left: 0;}
  .entryDetail .entryAutoplay .slick-prev{left: -3%;}
  .walkingForest .researchPublicationsList .researchPublications-item .logo img{height: 200px;}
  /* 调查问卷 */
  .satisfactionList{    margin-top: 50px;    background-size: 100% 100%;    max-height: 455px; height: auto;}
  .satisfaction .votecontainer .vote-title{    top: 10px;}
  .satisfaction .vote-content {max-height: 330px;}
  .satisfaction .vote_btnrow {    padding-bottom: 30px;}
  .pubInformationItem .pubInformationItem-img{height: auto;}
  .newsRight{width: 100%;}
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {
  .header-logo {
    width: calc(100% - 80px);
  }
  .left-fixed, .kf-con {
      display: none;
  }
  .header-searchGroup{    margin: 20px auto;}
  .header-searchKeywords > ul > li{    margin: 0;}
  .index-container::before{height: auto;}
  .header-searchInput > input{height: 40px;    font-size: 14px;}
  .header-searchInput{height: 48px;}
  .header-searchCondition > ul{flex-wrap: wrap;}
  .header-searchCondition > ul > li{font-size: 14px;}
  .header-searchInput > .header-searchBtn{        width: 45px; height: 45px;background-size: cover;top: 0px;right: -15px;line-height: 45px;font-size: 14px;}
  .bookModule{    margin-top: 0;}
  .bookModule .moduleCard-title{font-size:14px;}
  .bookModule .moduleCard-title font{font-size:20px;}

  /* 新闻列表 */
  .newsList > div:nth-child(4n+2) .newsItem, .newsList > div:nth-child(4n+4) .newsItem{
    transform: translateY(0)
  }
  /* 幕影流光 */
  .videoList .videoListItem{width: 50%;}
  /* 图书详情 */
  .bookDetail .bookDetailFl{width: 100%;}
  .bookDetail .bookDetailFr{width: 100%;}
  /* 多媒体库 */
  .multiMediamylg{background: #761e23;padding-bottom: 20px;}
  .multiMediamylgList{    display: flex;flex-wrap: wrap;justify-content: space-between;}
  .multiMediamylgItem{width: 100%;background: #f0e2d2;height: auto;    transform: translateY(0px);margin-bottom: 10px;    padding-bottom: 10px;}
  .multiMediamylgItem:hover {transform: translateY(0px);}
  .multiMediamylgItem .multiMediamylgItemImg{padding-top: 10px;    padding-bottom: 10px;}
  .multiMediamylgItem .play{top:40%}
  .multiMediaydtd,.multiMediaqkhb{padding-top: 10px;    padding-bottom: 10px}
  /* 文史总览 */
  .historyYears{padding-top:30px}
  .historyYearsCon{    display: block;padding-bottom: 30px;}
  .historyYears .title{margin: 0 auto;text-align: center;}
  .historyYears .title img{max-width: 30%;}
  .historyYearsList {width: 100%;}
  .historyYears .more{    margin-bottom: 0px; margin-top: 10px;}
  .historyYearsItemTit{font-size: 14px;}

}
@media only screen and (max-width: 479px) {

  .walkingForest .researchPublicationsList{display: block;}
  .walkingForest .researchPublications-item{        margin: 0 auto;text-align: center;margin-bottom: 20px;}
  /* 学者详情 */
  .scholarsDetails .imgLeft{width: 100%;        height: auto; padding-bottom: 20px;}
  .scholarsDetails .imgLeft .imgLeft-con{padding-top: 10px;}
  .scholarsDetails .scholarsDetailsTab{margin-top: 20px;}
  .scholarsDetails .newsRight{width: 100%;}
   /* 学者书林 */
  .scholarlyBookstoreCon .scholarlyBookstoreItem{width:33.3%}
  .scholarlyBookstoreList.agency-container .section .scholarlyBookstoreList-tab span.active{width: 100%;margin-right: 0;}
  .agency-container .section .tab-container.scholarlyBookstoreList-tab{ flex-wrap: wrap;}
  .scholarlyBookstoreList.agency-container .section .scholarlyBookstoreList-tab span{margin-right: 3px;}
  .scholarlyBookstoreCon{margin-top: 20px;}
  .pagination{    gap: 7px;}
  .jump{justify-content: center;}
  /* 研究刊物 */
  .researchPublicationsListXlmb{margin-top: 10px;}
  .researchPublicationsListXlmbItem-title{    margin-top: 10px;margin-bottom: 10px;    font-size: 16px;}
  /* 搜索结果 */
  .searchResults .newsList .newsItem{width: 48%;}
  .searchResults .newsItem-conntent{padding-top:0;padding-left: 10px;padding-right: 10px;}
  .searchResults .newsItem-date{    margin-top: 23px;}
  .searchResults .sort{    position: relative;margin-top: 10px;}
  /* 清史百科 */
  .classificationItem {width: 28%;}
  /* 精彩词条 */
  .excitingEntriesItem{        width: 47%;}
  .entryDetail .newsRight .meta{font-size: 12px;padding-left: 2%;gap: 3px;}
  .entryDetail .newsRight{ margin-left: 0;max-width: 100%; float: left;}
  /* .entryAutoplayList{width: calc(100% - 55%);        margin: 0 auto;margin-right: 0px;}
  .entryDetail .entryDetailInfo{height: calc(880px - 400px);}
  .entryDetail .entryAutoplay .slick-prev{    left: 17px;}
  .entryDetail .entryAutoplay .slick-next{right: -13px;} */

}
@media screen and (max-width: 321px) {
	
}

/**
 * 清史总览
 */

:root {
  --menu-width: 142;
}
 
/* 清史总览页面统一布局样式 */
.qingHistory{ height:100%; }
.qingHistory .headerView{ height: 100%;display:flex;justify-content: flex-end;align-items: end; }
.closenavv .contentView{ height: 100%; }
.qingshi_bg{
    /* 使用视口宽度单位实现响应式margin-bottom */
    margin-bottom: -1.2vw;
    /* 设置最小和最大值以确保在极端屏幕尺寸下的合理显示 */
    margin-bottom: clamp(-25px, -1.2vw, -8px);
}
.qingHistory{
    border-top: 3px solid #8A7758;
}

.qingHistory .titleHistory {
	/* width: 100%; */
	border-bottom: 3px solid #8A7758;
    width: 80%;
    margin: 0 auto;
    max-width: calc(1200px + var(--menu-icon-width) - 30px);
    margin-top: 66px;
    margin-bottom: -25px;
    z-index: 10;
}
.qingHistory .titleHistory .titleHistory-img {
	width: 80%;
	margin: 0 auto;
    /* max-width: 1200px; */
    margin-top: 66px;
    margin-bottom: -25px;
    z-index: 10;
}
.qingHistory .titleHistory img {
	width: 100%;
	height: 100%;
}

/* 主容器样式 - 圣杯布局 */
.qingHistory .content-layout {
    display: flex;
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: visible !important;
    background: url(../../images/historyQing_bg.png) no-repeat center / cover;
    justify-content: center;
    align-items: stretch;
}

/* 左侧目录区域 */
.qingHistory .content-layout .sidebar-menu {
    flex: 1 0 calc(var(--menu-width)/ 2);
    min-width: 200px;
    /* max-width: 350px; */
    background: url(../../images/iconq31.png);
    color: white;
    /* padding: 20px; */
    z-index: 5;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    position: relative;
    /* padding-right: calc(calc(20% + 142px) / 2); */
}
.qingHistory .content-layout .sidebar-menu .menu-item-container{
    margin-right: var(--menu-width);
}

.qingHistory .content-layout .sidebar-menu .menu-item-container::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #EEDDC1;
    /* right: calc(69% - 0.5px); */
    top: 0;
    z-index: 1; /* 确保在menu-item后方 */
}

.qingHistory .content-layout .sidebar-menu .menu-item-container::after{
    height: 100%;
    width: 1px;
    background: #EEDDC1;
    right: calc(var(--menu-width) + 42px); /* 位于menu-item后方居中 */
    z-index: 1; /* 确保在menu-item后方 */
}

.qingHistory .content-layout .sidebar-menu .menu-item {
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
    padding: 20px 0;
}

.qingHistory .content-layout .sidebar-menu .menu-item.active .title {
    color: #5E472A;
}
.qingHistory .content-layout .sidebar-menu .menu-item.active .title {
    background: url(../../images/iconq27.png) no-repeat left / contain;
}

.qingHistory .content-layout .sidebar-menu .menu-item .title {
    font-size: 44px;
    font-family: "sc-Bold";
    color: #EEDDC1;
    padding: 15px 20px;
    margin: 5px 0;
    background: url(../../images/iconq30.png) no-repeat left / contain;
    display: block;
}

/* 中间内容区域 */
.qingHistory .content-layout .main-content {
    /* width: 80%; */
    width: calc(1200px - var(--menu-width)/ 2);
    flex-shrink: 0;
    position: relative;
    display: flex;
    margin: 0 auto;
    /* 定义CSS变量用于动态计算 */
    --menu-icon-width: null; /* 默认图标宽度，可通过JavaScript更新 */
}

.qingHistory .content-layout .main-content .menu-icon{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    /* width: var(--menu-icon-width); */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.qingHistory .content-layout .main-content .menu-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.qingHistory .content-layout .content-slide {
    /* width: 66.66%; */
    /* width: calc(calc(100% / 3) * 2); */
    flex: 2;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

/* 当同级options-panel不存在时，设置content-slide的width为100% */
.qingHistory .content-layout .main-content:not(:has(.options-panel)) .content-slide {
    width: 100%;
}

 .qingHistory .content-layout .content-info {
    position: relative;
    z-index: 2;
}

.qingHistory .content-layout .content-info .title {
    font-size: 30px;
    margin-bottom: 50px;
}

.qingHistory .content-layout .content-info .description {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 50px;
}

.qingHistory .content-layout .content-info{
    border:3px solid #EEDDC1;
    background: #fff;
    padding: 10px;
    width: 553px;
}
.qingHistory .content-layout .reference{
    width: 100%;
}

.qingHistory .content-layout .content-info .content-info-item{
    border: 1px solid #EEDDC1;
    position: relative;
    display: block;
}

.qingHistory .content-layout .content-info .content-info-item .title{
    padding-top: 70px;
    color: #762325;
    font-family: "sc-Bold";
}
.qingHistory .content-layout .content-info .content-info-item .description{
    font-size: 16px;
    /* 行间距 */
    line-height: 2.8;
    color: #666666;
    font-family: "sc-Medium";
}

.qingHistory .content-layout .content-info .content-info-item .title,
.qingHistory .content-layout .content-info .content-info-item .description {
    /* 使用CSS calc()函数动态计算margin-left */
    margin-left: calc(var(--menu-icon-width) / 2 + 30px);
    margin-right: 20px;
    word-wrap: break-word;
    white-space: normal;
    width: auto;
}

/* 清史参考特殊样式的margin-left重置 - 移除重复定义 */

.qingHistory .content-layout .content-info .content-info-item img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-left: auto;
    margin-right: 15px;
}


/* 右侧选项区域 */
.qingHistory .content-layout .options-panel {
    /* flex: 1; */
    /* width: 33.33%; */
    /* width: calc(100% / 3); */
    flex: 1;
    overflow-y: auto;
    z-index: 10;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 10px;
}

.qingHistory .content-layout .options-panel .option-item {
    padding: 0 12px;
    background: #EFEBE5;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    position: relative;
}
.qingHistory .content-layout .options-panel .option-item a{
    padding: 0 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
     align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
}

.qingHistory .content-layout .options-panel .option-item:hover {    
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    background: url(../../images/iconq41.png) no-repeat center / contain;
    background-size: 100% 100%;
}
.qingHistory .content-layout .options-panel .option-item:hover .title-text{
    color: #fff;
}
.qingHistory .content-layout .options-panel .option-item:hover .title-text a{
    color: #fff;
}

.qingHistory .content-layout .options-panel .option-item:hover .option-title {
    transform: translateY(-50px);
}

.qingHistory .content-layout .options-panel .option-item .hover-details{
    display: none;
    padding-top: 30px;
    transition: all 0.3s ease;
}

.qingHistory .content-layout .options-panel .option-item:hover .hover-details{
    display: block;
}

.qingHistory .content-layout .options-panel .option-item .hover-details:hover{
    /* 放大 */
    transform: translateY(-2px);
}

.qingHistory .content-layout .options-panel .option-item .option-title {
    font-size: 28px;
    color: #756853;
    width: 100%;
    
    transition: transform 0.3s ease;
}

.qingHistory .content-layout .options-panel .option-item  .title-num{
    /* font-size: 18px; */
    padding: 12px;
    color: #fff;
    background: url(../../images/iconq26_1.png) no-repeat center / contain;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    display: inline-block;
}
.qingHistory .content-layout .options-panel .option-item:nth-child(1) .title-num {
    background: url(../../images/iconq26_1.png) no-repeat center / contain;
}
.qingHistory .content-layout .options-panel .option-item:nth-child(2) .title-num {
    background: url(../../images/iconq26_2.png) no-repeat center / contain;
}
.qingHistory .content-layout .options-panel .option-item:nth-child(3) .title-num {
    background: url(../../images/iconq26_3.png) no-repeat center / contain;
}


.qingHistory .content-layout .options-panel .option-item:nth-child(1):hover .title-num {
    background: url(../../images/iconq26_4.png) no-repeat center / contain;
    width: 20px;
    height: 20px;
}

.qingHistory .content-layout .options-panel .option-item:nth-child(2):hover .title-num {
    background: url(../../images/iconq26_5.png) no-repeat center / contain;
    width: 20px;
    /* height: 20px; */
}

.qingHistory .content-layout .options-panel .option-item:nth-child(3):hover .title-num {
    background: url(../../images/iconq26_6.png) no-repeat center / contain;
    width: 20px;
    height: 20px;
}
.qingHistory .content-layout .options-panel .option-item  .title-text{
    font-size: 28px;
    color: #756853;
    margin-top: 30px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-family: "sc-Medium";
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
}
 
.qingHistory .content-layout .rightView{
    flex: 1;
}

/* 动画效果 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

/* 清史参考特殊样式 */
.qingHistory .content-layout .content-info.reference .content-info-item .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0 !important; /* 重置margin-left */
}

.qingHistory .content-layout .content-info.reference .content-info-item .title::after {
    content: '';
    width: 60px;
    height: 60px;
    background: url(../../images/iconq42.png) no-repeat center / contain;
    background-size: 100% 100%;
    flex-shrink: 0;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}

/* 调整参考部分的布局 */
.qingHistory .content-layout .content-info.reference .content-info-item {
    padding: 20px;
}

.qingHistory .content-layout .content-info.reference .content-info-item .description {
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 0 !important; /* 重置margin-left */
     /* 使用padding代替margin */
}

/* 清史参考内容区域的flex布局样式 */
.qingHistory .content-layout .content-info.reference .reference-content-wrapper {
    display: flex;
    padding-top: 70px;
    /* 使用CSS calc()函数动态计算margin-left */
    margin-left: calc(var(--menu-icon-width) / 2 + 30px);
}

.qingHistory .content-layout .content-info.reference .reference-left-section {
    flex: 1;
}

.qingHistory .content-layout .content-info.reference .reference-left-section .title {
    padding-top: 0px;
}

.qingHistory .content-layout .content-info.reference .reference-right-section {
    flex: 1;
    font-size: 16px;
    line-height: 2.8;
    color: #666666;
    font-family: "sc-Medium";
    border-left: 1px solid #C6B498;
    padding-left: 30px;
    width: 50%;
}

@media (min-width: 1200px){}
@media screen and (max-width: 1537px) {}
/* 14 寸笔记本常见分辨率 1280×720 或 1366×768，取 ≤1366 作为断点 */
@media (max-width: 1366px) {
    .qingshi_bg {
        /* 中等屏幕使用适中的负边距 */
        margin-bottom: -1.0vw;
        margin-bottom: clamp(-20px, -1.0vw, -6px);
    }
    
    .qingHistory .content-layout .sidebar-menu {
        /* 给一个固定的小值，或者简单的线性表达式 */
        padding-right: calc((20% + 142px) / 4);;   /* 想再小就调这里 */
    }
    .qingHistory .content-layout .sidebar-menu .menu-item-container::after{
        right: calc(calc(20% + 142px) / 2 + 50px); /* 位于menu-item后方居中 */
    }
    .qingHistory .content-layout .reference{
        width: 97%;
    }
    .qingHistory .content-layout .main-content .menu-icon img{
        width: 60%;
        height: 60%;
        object-fit: contain;
    }
}
@media screen and (max-width: 1199px){}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {
    .swiper-wrapper{
        display: block !important;
    }
    /* 取消swiper */
    /* 隐藏swiper的滑动效果 */
    .qingHistory.swiper {
        overflow: visible !important;
        height: auto !important;
        position: static !important; /* 移除swiper的定位 */
    }
    
    /* 让swiper-slide变成普通块级元素 */
    .qingHistory .swiper-slide {
        position: relative !important;
        transform: none !important;
        height: auto !important;
        width: 100% !important; /* 确保占满宽度 */
        flex-shrink: 0 !important; /* 取消flex收缩 */
        margin-bottom: 0 !important; /* 移除底部间距 */
    }
    
    /* 隐藏swiper的分页器 */
    .qingHistory .swiper-pagination {
        display: none !important;
    }
    
    /* 隐藏导航按钮 */
    .qingHistory .swiper-button-next,
    .qingHistory .swiper-button-prev {
        display: none !important;
    }
    
    /* 确保内容区域可以正常显示 */
    .qingHistory .content-layout {
        height: auto !important;
        /* min-height: auto !important; */
    }

    /* 内容 */
    .qingHistory .content-layout{
        display: block;
    }
    .qingHistory .content-layout .main-content{
        display: block;
    }

    .qingHistory .content-layout .sidebar-menu{
        display: none;
    }
    .qingHistory .content-layout .main-content .menu-icon img{
        width: 80%;
        height: 80%;
        object-fit: contain;
    }
    .qingHistory .content-layout .main-content .menu-icon{
        width:var(--menu-icon-width);
        transform: translate(-20%, 30%);
        top: 0;
    }
    .qingHistory .content-layout .content-info{
        width: 100vw;
    }

    .qingHistory .content-layout .content-info.reference .reference-content-wrapper{
        display: block;
    }
    .qingHistory .content-layout .content-info.reference .reference-right-section{
        display: none;
    }
    .qingHistory .content-layout .content-info.reference .content-info-item .title::after{
        width: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .qingHistory .content-layout .options-panel{
        display: block;
        width: 100vw;
        margin-left: 0;
    }
    .qingHistory .content-layout .options-panel .option-item .option-title{
        display: flex;
    }
    .qingHistory .content-layout .options-panel .option-item .title-num{
        margin-bottom: 0;
    }
    .qingHistory .content-layout .options-panel .option-item .title-text{
        margin-top:0;
        writing-mode: horizontal-tb;
        text-orientation: mixed;
    }
    .qingHistory .content-layout .options-panel .option-item:hover .option-title{
        transform: translateY(0px);
    }
    .qingHistory .content-layout .options-panel .option-item .hover-details{
        padding-top:0;
    }
    .qingHistory .content-layout .options-panel .option-item:hover{
        padding: 0 18px;
    }
    /* 保持margin-bottom: -17px，但确保图片区域可见 */
    .qingshi_bg {
        overflow: visible !important;
        position: relative !important;
        z-index: 5 !important;
        /* 移动端使用更小的负边距 */
        margin-bottom: -0.8vw;
        margin-bottom: clamp(-12px, -0.8vw, -5px);
    }
    
    /* 确保后续内容不会遮挡图片 */
    .qingshi_bg + .swiper {
        position: relative !important;
        z-index: 1 !important;
        padding-top: 20px !important;
    }
}
@media only screen and (max-width: 479px) {}
@media screen and (max-width: 321px) {}

/**
 * 机构组织
 */

/* 搜索框样式 */
.agency-header .search-container {
    position: relative;
    display: inline-block;
    width: 220px;
    z-index: 2;
}

.agency-header .search-input {
    width: 100%;
    height: 40px;
    padding: 8px 45px 8px 15px;
    border: 1px solid #8A7758;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
    background-color: #fff;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.agency-header .search-input:focus {
    border-color: #29acf0;
    box-shadow: 0 0 5px rgba(41, 172, 240, 0.3);
}

.agency-header .search-icon {
    position: absolute;
    right: -10%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.agency-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 50px;
    padding-right: 120px;
    padding-top:20px;
}
.agency-container{
    background: url(../../images/icono46.png) repeat;
}

.agency-container .section .nav{
    color: #B5A28A;
    padding: 10px 0;
    z-index: 2;
    position: relative;
    left:0;
}
.agency-container .section .nav span{
    margin-right: 10px;
    z-index: 2;
    position: relative;
}
.agency-container .section .nav span a{color: #b7a089;}
.agency-container .section .nav .active{
    color: #847964;;
}
.agency-container .section .tab-container{
    background: url(../../images/icono44.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 220px;
    display: flex;
    align-items: end;
    padding: 0 40px;
    position: relative;
    margin: 10px 0;
    z-index: 2;
}
.agency-container .section .tab-container span{
    background: #8A7758;
    padding: 18px 30px;
    font-size: 35px;
    color: #EEDDC1;
    font-family: "sc-Bold";
    margin-right: 20px;
}
.agency-container .section .tab-container a{
    color: #EEDDC1;
}
.agency-container .section .tab-container span.active{
    color: #5E472A;
    background: #EEDDC1;
    position: relative;
    padding: 23px 35px;
    font-size: 35px;
    margin-bottom: -5px;
    line-height:initial;
    margin-right: 20px;
}
.agency-container .section .tab-container span.active a{
        color: #5E472A;
}
.agency-container .section .tab-container span.active::before{
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid #8A7758;
    pointer-events: none;
}

.agency-container .content-section{
    position: relative;
    margin: 89px 0 150px;
    display: flex;
    align-items: center;
    padding: 20px 43px;
    z-index: 2;
}

.agency-container .content-section .advanced-inner-radius{
    width:100%;
    border:none;
    position:relative;
    overflow:hidden;
    min-height: 40px;
}
.agency-container .content-section .advanced-inner-radius::before{
    content: '';
    height:5px;
    width: calc(100% - 30px);
    position:absolute;
    left: 15px;
    bottom:0;
    background-color: #8c7556;
}
.agency-container .content-section .advanced-inner-radius::after{
    content: '';
    height:5px;
    width: calc(100% - 30px);
    position:absolute;
    left: 15px;
    top:0;
    background-color: #8c7556;
}
.agency-container .content-section .advanced-inner{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.agency-container .content-section .advanced-inner::before{
    content: '';
    height:calc(100% - 30px);
    width: 5px;
    position:absolute;
    top: 15px;
    right:0;
    background-color: #8c7556;
}
.agency-container .content-section .advanced-inner::after{
    content: '';
    height:calc(100% - 30px);
    width: 5px;
    position:absolute;
    top: 15px;
    left:0;
    background-color: #8c7556;
}
.agency-container .content-section .quarter-ring-precise {
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    position:absolute;
    z-index: 0;
}
.agency-container .content-section .quarter-ring-precise::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 5px solid #8c7556;
    border-radius: 50%;
    box-sizing: border-box;
}
.agency-container .content-section .quarter-ring-precise.left-top{left:-10px;top:-10px;}
.agency-container .content-section .quarter-ring-precise.right-top{right:-10px;top:-10px;}
.agency-container .content-section .quarter-ring-precise.left-bottom{left:-10px;bottom:-10px;}
.agency-container .content-section .quarter-ring-precise.right-bottom{right:-10px;bottom:-10px;}
.agency-container .content-section .quarter-ring-precise.left-top::before{
    border-top-color: transparent;
    border-left-color: transparent;
}
.agency-container .content-section .quarter-ring-precise.right-top::before{
    border-top-color: transparent;
    border-right-color: transparent;
}
.agency-container .content-section .quarter-ring-precise.left-bottom::before{
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.agency-container .content-section .quarter-ring-precise.right-bottom::before{
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.agency-container .content-section .advanced-inner-radius.child{
    margin: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.agency-container .content-section .advanced-inner-radius.child::before,
.agency-container .content-section .advanced-inner-radius.child::after{
    height:1px;
    background-color: #c5b489;
    width:calc(100% - 36px);
    left:18px;
}
.agency-container .content-section .child .advanced-inner::before,
.agency-container .content-section .child .advanced-inner::after{
    content: '';
    height:calc(100% - 32px);
    width: 1px;
    position:absolute;
    top: 16px;
    left:0;
    background-color: #c5b489;
}
.agency-container .content-section .child .advanced-inner::before{
    left:auto;
    right:0;
}
.agency-container .content-section .child .quarter-ring-precise::before{
    border:1px solid #c5b489;
}
.agency-container .content-section .child .quarter-ring-precise.left-top{left:-13px;top:-13px;}
.agency-container .content-section .child .quarter-ring-precise.right-top{right:-13px;top:-13px;}
.agency-container .content-section .child .quarter-ring-precise.left-bottom{left:-13px;bottom:-13px;}
.agency-container .content-section .child .quarter-ring-precise.right-bottom{right:-13px;bottom:-13px;}
/* 一级结构 */
.agency-container .treeOne-container{
    border-left: 1px solid #6A5438;
    border-top: 1px solid #6A5438;
    border-bottom: 1px solid #6A5438;
    width: 200px;
    height: 380px;
    /* padding: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center; */
}
.agency-container .treeOne-container .treeOne{
    position:relative;
    width: 98px;
    height: 260px;
    margin-left: -46px;
    margin-top: 60px;
}
.agency-container .treeOne-container .treeOne::after,
.agency-container .treeOne-container .treeOne::before{
    content: '';
    background:url(../../images/flower-icon.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 13px;
    left: 50%;
    margin-left: -15px;
    top:-13px;
    position: absolute;
}
.agency-container .treeOne-container .treeOne::after{
    top:auto;bottom:0;
    transform: rotate(180deg);
}
.agency-container .content-section .one-container{
    width: 80px;
    font-size: 18px;
    font-family: 'sc-Bold';
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #6A5438;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 25px 0;
    text-align: center; /* 添加水平居中 */
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.agency-container .treeOne > .advanced-inner-radius{
    background:url(../../images/level1.png) no-repeat;
    background-size:100% 100%;
    /* left: -46px;
    top: 50%;
    margin-top: -130px; */
}
/* 二级结构 */
.agency-container .treeTwo-container{
    flex: 1;
    border-top: 1px solid #6A5438;
    border-bottom: 1px solid #6A5438;
    position:relative;
    min-height: 630px;
    position: relative;
}
.agency-container .treeTwo-container::before,
.agency-container .treeTwo-container::after {    
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 125px;
    background-color: #6A5438;
    z-index:1;
}
.agency-container .treeTwo-container::after {
    top:auto;
    bottom: 0;
}
.agency-container .treeTwo {
    width:260px;
    height:88px;
    background:url(../../images/level2.png) no-repeat;
    background-size: 100% 100%;
    top: 80px;
    left: -130px;
    position: absolute;
    z-index:2;
}
.agency-container .treeTwo .two-container{
    height: 68px;
    padding:0 25px;
    width: auto;
}
.agency-container .treeTwo.bottom{
    top:auto;
    bottom: 80px;
}
.agency-container .content-section .two-container{
    font-size: 18px;
    font-family: 'sc-Bold';
    color: #6A5438;
    padding:0 25px;
    text-align: center; /* 添加水平居中 */
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
/* 三级结构 */
.agency-container .treeThree-container{
    position:absolute;
    top:0;
    left: 142px;
    margin-top:43px;
    display:flex;
    gap: 4px;
}
.agency-container .treeThree-container.bottom{
    top:auto;
    bottom:0;
    left: 150px;
    margin-top:0px;
    margin-bottom:43px;
    gap: 16px;
}
.agency-container .treeThree-container .treeThree{
    background: url(../../images/level3.png) no-repeat;
    background-size: 100% 100%;
    position:relative;
}
.agency-container .treeThree-container .treeThree::before{
    content: '';
    background:url(../../images/flower-icon.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 13px;
    position:absolute;
    top: -13px;
    left: 50%;
    margin-left: -15px;
}
.agency-container .treeThree-container .treeThree::after{
    content: '';
    position: absolute;
    top: -43px;
    left: 50%;
    margin-left:-0.5px;
    width: 1px;
    height: 30px;
    background-color: #8A7758;
}
.agency-container .treeThree-container.bottom .treeThree::before{
    bottom: -13px;top:auto;
    transform: rotate(180deg);
}
.agency-container .treeThree-container.bottom .treeThree::after{
    top: auto;bottom:-43px;
}
.agency-container .content-section .three-container{
    width: 67px;
    height: 158px;
    font-size: 18px;
    font-family: 'sc-Bold';
    writing-mode: vertical-lr;
    text-orientation: upright;
    color: #6A5438;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    padding: 25px 0;
    text-align: center; /* 添加水平居中 */
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.agency-container .content-section .three-container p{
    margin:0;
    font-size: 14px
}
.footerView{
    position: relative;
    z-index: 2;
}
.agency-header-h5{
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1200px) {
    .agency-container .content-section{padding:20px 17px;margin:60px auto 100px;}
    .agency-container .treeOne-container{width: 150px;}
    .agency-container .treeOne-container .treeOne{width: 78px;margin-left: -36px;}
    .agency-container .content-section .one-container{width:60px;}
    .agency-container .treeTwo{width: 220px;height: 78px;top: 85px;left: -110px;}
    .agency-container .treeTwo.bottom{bottom: 85px;}
    .agency-container .content-section .two-container{padding:0 20px;font-size:16px;}
    .agency-container .treeTwo .two-container{height: 58px;}
    .agency-container .treeThree-container{    left: 120px;}
    .agency-container .content-section .three-container{width: 50px; height: 142px;  font-size: 16px;padding: 15px 0;}
}
@media screen and (max-width: 992px) {
    .agency-container .section .tab-container span{font-size:20px;}
    .agency-container .treeOne-container{width:380px;height: 120px;border-bottom:none; border-right:1px solid #6A5438;margin:auto;}
    .agency-container .content-section{display:block;}
    .agency-container .treeOne-container .treeOne{width:300px; height: 80px;margin:-40px auto 0;}
    .agency-container .content-section .one-container{width:280px; height: 60px;writing-mode:initial;padding:0 25px;}
    .agency-container .treeOne-container .treeOne::before{transform: rotate(-90deg);left:-21px; top:50%;margin-top: -6.5px;margin-left:auto;}
    .agency-container .treeOne-container .treeOne::after{transform: rotate(90deg);right:-21px; top:50%;margin-top: -6.5px;margin-left:auto;}

    .agency-container .treeTwo-container{border:none;border-left:1px solid #6A5438;border-right: 1px solid #6A5438;height:708px;}
    .agency-container .treeTwo-container::before,
    .agency-container .treeTwo-container::after{height: 1px; width: calc(50% - 160px);}
    .agency-container .treeTwo-container::after{right:0;bottom:auto;left:auto; top:0;}
    .agency-container .treeTwo{top: -39px;left:calc(50% - 300px);}
    .agency-container .treeTwo.bottom{bottom:auto;top:-39px;right:calc(50% - 300px);left:auto;}
    .agency-container .treeThree-container{left:43px;top:70px;flex-direction: column;margin-top:0;margin-bottom: 0;}
    .agency-container .treeThree-container.bottom{top:70px;right:43px;bottom:auto;left:auto;}
    .agency-container .content-section .three-container{width:142px; height:50px;writing-mode:initial;}
    .agency-container .treeThree-container .treeThree::before{transform: rotate(-90deg);left: -21px;top: 50%;  margin-top: -6.5px;margin-left:0;}
    .agency-container .treeThree-container .treeThree::after{left: -43px;top: 50%;margin-top: -0.5px;margin-left:0;height: 1px;width: 32px;}
    .agency-container .treeThree-container.bottom .treeThree::before{bottom: auto;right: -21px;top: 50%;  margin-top: -6.5px;margin-right:0; left:auto;transform: rotate(90deg);}
    .agency-container .treeThree-container.bottom .treeThree::after{right: -43px;left:auto;bottom:auto;top: 50%;margin-top: -0.5px;margin-left:0;height: 1px;width: 32px;}
    /* 出版信息 */
    .pubInformationItem-img img{max-width:100% ;max-height: 178px;}
    .pubInformationItem{    padding: 10px 0;height: 230px;}
    .pubInformationItem-title a{font-size: 14px;}
    .pubInformationItem-title{margin-top:10px}
}
@media screen and (max-width: 768px) {
    .agency-container .section .nav span{
        margin-right: 4px;
    }
    .agency-container .section .tab-container{
        gap: 10px;
        padding:0;
        min-height: 100px;
    }
    .agency-container .section .tab-container span{
        padding: 10px 15px;
        font-size: 18px;
        margin-right:0px;
    }
    .agency-container .section .tab-container span.active{
        padding: 15px 20px;
        font-size: 18px;
    }
    .agency-container .content-section{padding: 20px 0px;margin:100px auto 60px;}

    .agency-container .content-section .quarter-ring-precise{width:25px;height:25px;}
    .agency-container .content-section .advanced-inner-radius.child::before,
    .agency-container .content-section .advanced-inner-radius.child::after{width: calc(100% - 22px);left: 10px;}
    .agency-container .content-section .child .advanced-inner::before,
    .agency-container .content-section .child .advanced-inner::after{height: calc(100% - 24px);top: 12px;}

    .agency-container .treeOne-container{width:80%;height:70px;}
    .agency-container .treeOne-container::before{content: '';width:1px;height:50px;background-color: #6A5438; position:absolute; top: -30px;left:50%;margin-left:-0.5px;}
    .agency-container .treeOne-container .treeOne{width:200px;height: 70px;margin: -100px auto 0}
    .agency-container .content-section .one-container{width:auto;height: 45px;font-size:14px;padding:0 10px;}
    .agency-container .treeTwo{height: auto;top:-40px; width: 160px;left: -12px;width:150px;}
    .agency-container .treeTwo.bottom{left:auto;top:-40px;right:-12px;width:150px;}
    .agency-container .treeTwo .two-container{height: 62px;width: 100%;font-size:12px; padding: 0 10px;}

    .agency-container .treeThree-container{left: 20px;top: 60px;}
    .agency-container .treeThree-container.bottom{top:60px;right: 20px;}
    .agency-container .content-section .three-container{width:105px;font-size:12px;height:40px;}
    .agency-container .content-section .three-container p{font-size: 12px;}
    .agency-container .treeThree-container .treeThree::after{left: -20px;width: 18px}
    .agency-container .treeThree-container.bottom .treeThree::after{right: -20px;width: 18px}
    .agency-container .treeTwo-container{height: 623px;min-height: inherit;}
    .agency-container .treeTwo-container::after,
    .agency-container .treeTwo-container::before{display: none;}
}

/* 针对更小屏幕的额外优化 */
@media screen and (max-width: 480px) {
    .agency-container .treeOne-container{min-width:200px;width:60%;height:70px;}
}

/* 针对中等屏幕的优化 */
@media screen and (min-width: 481px) and (max-width: 768px) {

}