@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; }
body{ background:#FFFBF6; font:normal 16px/32px 微软雅黑;  }
img{ border:0;  }
a{ text-decoration:none; color:inherit;  }
a:hover{ color:#c53f2d;  }
.hidden { display:none !important; }
.clear{ clear:both;}
.clearfix::after{ content:"";display: block;clear:both; }

.slide { position:relative;overflow: hidden; }
.slide .hd{ position:absolute;z-index:10; right:0.5em; bottom:1em; }
.slide .hd>ul{ display:flex; align-items: center; justify-content: space-between;  }
.slide .hd li { width:.8rem;height:.8rem;background-color:white;border-radius:100%;border:1px solid rgba(var(--primary-color-rgb,0.4));font-size:0;margin-left:.2rem;margin-right:.2rem;cursor: pointer; }
.slide .hd li.on {background-color:var(--primary-color) }
.slide .bd,.slide .bd ul,.slide .bd .slide-item,.slide .bd .tempWrap
 { width:100%;height:100%; }
.slide .bd .slide-item { position:relative; }
.slide .bd .slide-item img{width:100%;height:100%;}
.slide .bd .title{ position: absolute; left:0; right:0; bottom:0; font-size:1rem; padding-left:1em; padding-right:1em; line-height:3; background-image: linear-gradient(0, rgba(0, 0, 0, 0.8) 10%, transparent);color: white;backdrop-filter: blur(1px); }
.slide .prev,.slide .next{ display:inline-block;width:50px;height:50px; margin-top:-25px; position:absolute; top:50%;  }
.slide .prev { left:1rem; }
.slide .next { right:1rem; }
.slide .prev::before,.slide .next::before{	content:"";display:block;height:100%;mask-position: center; background-color: white; mask-size: 80%;
}

.slide .prev::before{ mask-image: url(arrow-left.png); }
.slide .next::before{ mask-image: url(arrow-right.png);}
.top{ height:265px; background:url(top.png) no-repeat center center;}
.main{ width:1200px; margin:30px auto;}
.news{ float:left; width:480px;}
.newsTj{ background:url(xian1.png) no-repeat left bottom; height:140px; margin-bottom:15px;}
.newsTj span{ color:#D39C61; line-height:30px; padding-bottom:10px; font-size:18px;display:block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.newsTj p{ font-size:14px; line-height:26px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}

.newsli li{ line-height:38px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;transition: all 400ms;}
.newsli li:hover{ padding-left:15px;}
.newsli li span{ color:#D39C61; padding-right:10px; font-weight:bold;}

.newsli-2 .title{
	display:block;
	line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsli-2 .des{
	margin-top:10px;
	font-size:14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	height:0;
	text-indent:2em;
 }
.newsli-2 li.on .title{ color:#D39C61; font-weight:bold; }
.newsli-2 li.on .des { height:auto; }
.newsli-2 li.on::after{ 
	content:"";
	display:block;
	background:url(xian1.png) no-repeat left bottom;
	height:15px;
 }
.flash{ float:right; width:670px;}
.flashNr{ width:650px; height:356px;height:412px; padding:10px; border:1px solid #D39C61;}

/* 轮播图css */
.lb-flash { position: relative; width:100%;height:100%; overflow: hidden; }
.lb-flash .pic, .lb-flash .pic li{ width:100%;height:100%; }
.lb-flash .pic img { display: block; height:100%;width:100%;}
.lb-flash .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background-image:linear-gradient(0, rgba(0, 0, 0, 0.8) 10%, transparent); overflow: hidden; }
.lb-flash .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.lb-flash .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.lb-flash .txt li a{ display: block; color: white; padding: 0 0 0 10px; text-decoration: none; }
.lb-flash .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.lb-flash .num li{ float: left; position: relative; width: 10px; height: 10px; font-size:0; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer;margin-right: 6px;transition: all 200ms;background-color:white;border-radius:6px;}
.lb-flash .num li.on{ width:18px;background-color: #f60;}

/*名师推荐*/
/* .mstuijian{ height:517px; background:url(bg.png) no-repeat center bottom; margin:50px auto;} */
.mstuijian{ background:url(bg.png) no-repeat center 60px; padding:25px 0 70px 0; }

/* 名现推荐轮播css */
.lunbo {position:relative;width:770px;width:780px;height:auto;}
.lunbo .bd, .lunbo .bd li{ width:100%;height:438px;height:398px; overflow:hidden;position: relative;}
.lunbo .bd video { width:100%;height:100%;background-color:rgba(254,218,160,0.4);backdrop-filter: blur(2px) }
.lunbo .bd li .player{ display:inline-block;width:70px;height:70px;position: absolute;left:50%;margin-left:-25px;top:50%;margin-top:-25px; background-color:rgba(255,255,255,0.6);border-radius:50%; }
.lunbo .bd li .player::after{content:"";display:block;height:100%;mask:url(player-btn.png) no-repeat center; background-color:rgb(235 127 11); }
.lunbo .bd li img { width:100%;height:100%; display:block;box-sizing: border-box;border:1px solid white; }

.lunbo .hd {margin-top:10px;}
.lunbo .hd ul li
 {position:relative;float:left;overflow:hidden;width:180px;height:100px;margin-left:20px;box-sizing: border-box;border:none;}
.lunbo .hd ul li:first-child{ margin-left:0; }
.lunbo .hd ul li.on { border:6px solid rgb(254,218,160); }
.lunbo .hd ul::after{ content:"";display: block;clear:both;}
.lunbo .hd a {display: block;}
.lunbo .hd img {width:100%;height:100%;}

/*书香校园*/
.sxxiaoyuan{ width:1200px; height:420px;height:540px; padding-top:120px;padding-top:0; margin:0 auto; background:url(sxyxbg.png) no-repeat center top;}
.sxxiaoyuanL{ float:left; width:650px; height:350px;padding:15px 0 0 40px;}
.sxxiaoyuanL img{ width:650px; height:350px;}

.sxxiaoyuanR{ float:right; width:440px; height:350px; padding-right:40px; }
.sxxiaoyuanR .xinwen1{ height:100px; padding:20px 0; border-bottom:1px solid #D9AA77; margin-bottom:15px;}

.sxxiaoyuanR .xinwen1 span{ color:#D39C61; line-height:30px; padding-bottom:10px; font-size:18px;display:block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.sxxiaoyuanR .xinwen1 p{ font-size:14px; line-height:26px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

/*阅读书单*/
.yuedusd{ height:438px; background:url(yuedu.png) no-repeat center top; margin:20px 0 10px; padding-top:150px;overflow:hidden;}


.ggw{ width:1200px; height:100px; margin:30px auto 0;}

/*一周一书*/
.yzhouyshu{ width:1200px; margin:30px auto;}

.yzhouyshuNr{ width:1200px; margin:20px auto; height:400px;}
.yzhouyshuNr li{ float:left; width:280px; margin-right:26px;margin-bottom:36px;}
/* .yzhouyshuNr li:first-child{ margin-left:0; } */
.yzhouyshuNr li figure{width:100%; height:397px;overflow:hidden;}
.yzhouyshuNr li figure img{ width:100%; height:100%; }
.yzhouyshuNr li p{ line-height:22px;}
.yzhouyshuNr .prev,.yzhouyshuNr .next { background-color: rgb(102, 148, 165); opacity: .5; }
.yzhouyshuNr .prev:hover,.yzhouyshuNr .next:hover{background-color: white;;}
.yzhouyshuNr .prev:hover::before,.yzhouyshuNr .next:hover::before{ background-color:rgb(102, 148, 165) }
/*bottom*/
.bot{ background:#E4C283; padding:20px 0; text-align:center; line-height:26px; color:#814300;}

/* tab切换css */
.shudantj{ width:1200px;display:flex; }
.shudantj .item{ width:33.33%; }

.shudantj .item .slide{ height:338px; }
.shudantj .item .title { margin-bottom:20px; }
.shudantj .item .title>a{ display:block;text-align: center;mask: url(tab02.png) no-repeat calc(50% + 10px) center;background-color:rgb(153,153,153);font-size:18px;height:38px;line-height:38px;color:white; }
/* .shudantj .item .title>a:hover { background-color:rgb(217,170,119) } */
.shudantj .item:hover .title>a { background-color:rgb(217,170,119) }
.shudantj .item .lh li{ margin-bottom:20px; text-align:center;}
.shudantj .item .p-img img{width:225px;height:296px;}
.shudantj .item .slide .prev,
.shudantj .item .slide .next
{
	border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
 }
 .shudantj .item .slide .prev:hover,
.shudantj .item .slide .next:hover{
	background-color:rgb(217,170,119)
}
.shudantj .item .slide .prev::before,
.shudantj .item .slide .next::before
{ background-color:white;mask-size:80%; }
/*tjsd*/
.ny-tjsd{ width:1200px; height:60px; margin:0 auto; font-size:24px;color:rgb(97,143,165);display:flex;align-items: center;}
.ny-tjsd span{ margin-left:10px;margin-right:20px; }
.ny-tjsdbg{ background:url(bg2.png) no-repeat center top #F6E9D8; padding:30px;}


.miaoshu{ border:1px solid #D9AA77; height:60px; line-height:60px; margin:30px auto; width:1050px; padding:0 40px 0 110px; border-radius:8px; background:url(icon1.png) no-repeat 40px 15px; color:#BE7525;}


/* 推荐书单 3个tab切换*/
.tab-sd{ margin:20px auto; overflow:hidden; width:1200px; }
.tab-sd .hd{ height:50px; line-height:50px; padding:0 20px; position:relative; }
.tab-sd .hd ul{ float:left;  position:absolute; left:0px; top:-1px; width:100%;}
.tab-sd .hd ul li{ float:left; height:49px; padding:0 30px; margin-left:30px; cursor:pointer; font-size:20px; background:#edd7bb; color:#BE7525; border:3px solid #d9aa77;border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:none;}
.tab-sd .hd ul li.on{ height:51px;  background:#d2985a;  color:#fff; border:none; border-bottom:none; }
.tab-sd .hd ul li a:hover{ color:inherit; }
.tab-sd .bd ul{ padding:10px 0 25px;  zoom:1;  border:3px solid #d9aa77; background:#fff; border-radius:8px;}
.tab-sd .bd li{ min-height:100px;}
.tab-sd .bd li .shudan{ height:667px; }
.tab-sd .bd li .shudan ul{ border:none;}
.tab-sd .bd li .shudan ul li{ width:206px; height:276px; float:left; margin:20px 15px; text-align:center;}
.tab-sd .bd li .shudan ul li img{ width:206px; height:246px;}
.tab-sd .bd li .shudan .prev,.tab-sd .bd li .shudan .next{ border-radius: 50%; background-color: rgba(0, 0, 0, 0.1); }
.tab-sd .bd li .shudan .prev:hover,.tab-sd .bd li .shudan .next:hover{ background-color: rgb(217,170,119)}
.tab-sd .bd li .more{ width:260px; height:45px; line-height:45px; margin:0 auto; border:1px solid #CB9151; border:none;color:#CB9151; margin:20px auto; clear:both;}
.tab-sd .bd li .more a{ color:#CB9151;}
.tab-sd .bd li .more span{ float:left; padding-left:80px;}
.tab-sd .bd li .more img{ float:left; padding-top:12px;}

/*内页dh*/
.nydh{ width:1100px; height:50px; line-height:50px; margin:20px auto; background:url(../images/da1.png) no-repeat center center; text-align:center; color:#F6E9D8; font-size:24px;}
.nybt01{ width:200px; height:50px; line-height:50px; font-size:20px; background:#CB9151;border-top-right-radius:30px;border-bottom-right-radius:30px; padding:0 0 0 30px; color:#F6E9D8; margin-left:45px;}
.nybt01nr{ background:#fff9f1; padding:20px 30px; font-size:18px; border-radius:5px; line-height:36px; margin:15px 45px;}

/*新闻列表*/
.ny-news{ width:1200px; margin:0 auto;}
 .ny-news>ul>li{ display:flex;align-items: center; padding:30px 20px; border-bottom:1px solid #d9c7ae; color:#D39C61; line-height:30px;transition: all 400ms;}
.ny-news>ul>li .date{
	border-right: 1px solid #ccc;
	padding-right: 12px;
	margin-right: 12px;
	text-align: center;
	flex-shrink: 0;
}
.ny-news>ul>li .date .day{
font-size: 24px;
}
.ny-news>ul>li .date .short-date{ }


.ny-news li .title{ font-size:20px;font-size:18px;display:block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;color:#333;}
.ny-news li .des{font-size:14px; line-height:26px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;color:#777;}


/*分页符*/
.pageCon{height:50px;}
.manu { PADDING:3px;  MARGIN:3px; TEXT-ALIGN:center; font-size:12px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
.manu A {font-size:14px; BORDER-RIGHT:#DDD 1px solid; PADDING-RIGHT:10px; BORDER-TOP:#DDD 1px solid; PADDING-LEFT:10px; PADDING-BOTTOM:10px; MARGIN:2px; BORDER-LEFT:#DDD 1px solid; COLOR:#cb7f2e; PADDING-TOP:10px; BORDER-BOTTOM:#DDD 1px solid; TEXT-DECORATION:none;}
.manu A:visited { COLOR:#cb7f2e; TEXT-DECORATION:none;}
.manu A:hover {	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #444; BORDER-BOTTOM: #999 1px solid; background-color:#F6F6F6;}
.manu A:active { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid;}
.manu .current { BORDER-RIGHT: #cb7f2e 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cb7f2e 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; MARGIN: 2px; BORDER-LEFT: #cb7f2e 1px solid; COLOR: #fff; PADDING-TOP: 10px; BORDER-BOTTOM: #cb7f2e 1px solid; BACKGROUND-COLOR: #cb7f2e;}
.manu .disabled { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 10px; BORDER-BOTTOM: #eee 1px solid;}
/*End*/
/*内页dh*/
.nydh{ width:1100px; height:50px; line-height:50px; margin:20px auto; background:url(da1.png) no-repeat center center; text-align:center; color:#F6E9D8; font-size:24px;}
.nybt01{ width:200px; height:50px; line-height:50px; font-size:20px; background:#CB9151;border-top-right-radius:30px;border-bottom-right-radius:30px; padding:0 0 0 30px; color:#F6E9D8; margin-left:45px;}
.nybt01nr{ background:#fff9f1; padding:20px 30px; font-size:18px; border-radius:5px; line-height:36px; margin:15px 45px;}
/*末级页*/
.h2{ font-size:24px; text-align:center; padding:30px; line-height:1.5; }
.mojitit{ height:35px; background:#f5ecda; line-height:35px; text-align:center; font-size:14px; color:#888;  padding:0 20px;}
.mojinr{  padding:30px; text-align:justify; }
.mojinr>p {margin-bottom:20px;}
.mojinr>p:has(img){ margin-bottom:0; }
div[id^=video_] {
    width: 80%;
    height: 400px;
    margin: 0 auto;
}
/*图片列表*/
.piclist{  width:1200px;margin:0 auto;}
.piclist ul{ width:100%;}
.piclist ul::after{ content:"";display:block;clear:both; }
.piclist ul li { width:25%;padding: 10px; float:left;box-sizing: border-box;}
.piclist ul li>a { display:block; }
.piclist ul li figure{ padding:0;margin:0;width:100%;height:160px;overflow:hidden; }
.piclist ul li figure img{ width:100%;height:100%; }
.piclist ul li .wenzi { padding-left:1em;padding-right:1em;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display:block; }
.fanhui{ width:60px; height:60px; line-height:60px; border-radius:60px; background:#fff; border:3px solid #960; position:fixed; bottom:10%; right:10%; text-align:center;box-sizing: border-box;}
.fanhui a{ color:#960;display: inline-block;
    width: 2em;
    line-height: 1.5;
    margin-top: 5px;font-size:14px;}

.book-list-wrap{
	background-color:white;
	width: 1100px;
	margin: 0 auto;
	& * { box-sizing: border-box; }
	& h1{ 
		display:flex;
		justify-content: space-between;
		align-items: center;
		height: 50px;
		line-height: 50px;
		margin: 20px auto;
	}
	& h1::before{
		content:"";
		height:1px;
		background-color:rgb(203,145,81);
		flex-grow: 1;
	}
	& h1::after{
		content:"";
		height:1px;
		background-color:rgb(203,145,81);
		flex-grow: 1;
	}
	& h1 strong{
		font-size: 24px;
		padding-left:1em;padding-right:.5em;
		
		background-color:rgb(203,145,81);
		border-bottom-left-radius:35px;
		border-top-right-radius:35px;
		margin-left:1em;margin-right:1em;
	}

	& h1 strong, & h2 strong { font-weight:normal;color: white; }

	& h2{ 
		width: 200px;
		/* height: 50px; */
		line-height: 50px;
		font-size: 20px;
		background: #CB9151;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		padding: 0 0 0 30px;
		color: #F6E9D8;
		margin-top:30px;
		margin-bottom:15px;
	}

	&>p{
		padding-left:30px;
		padding-right:30px;
		background-color:#fff9f1;
		font-size:18px;
		line-height:2;
	}

	& h2 br:only-child{
		display:none;
	}
}