* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	overflow: hidden;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: inherit;
}

a:focus {
	text-decoration: none !important;
	color: inherit;
}

img {
	-webkit-user-drag: none;
	user-drag: none;
}

ul,
li {
	list-style: none;
}

/* 弹出信息提示文本框 */
.textfield {
	font-size: 16px;
	color: #ffffff;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	background: linear-gradient(180deg, rgba(39, 30, 20, .4), rgba(39, 30, 20, .6) 50%, rgba(39, 30, 20, .8) 75%);
	box-shadow: 0px 0px 4px 0 rgba(39, 30, 20, .5);
	border-radius: 10px;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.textfield:hover {
	background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8) 45%)
}

/* 加载提示框 */
.loader {
	width: 130px;
	padding: 10px 0;
	text-align: center;
	background: rgba(0, 0, 0, .8);
	border-radius: 15px;
	color: #f9f9f9;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
}

.loader::before {
	content: "";
	display: inline-block;
	box-sizing: border-box;
	height: 70px;
	width: 70px;
	border: 5px solid rgba(0, 0, 0, .6);
	border-top: 5px solid #f9f9f9;
	border-radius: 50%;
	box-shadow: 0 0 4px 0 rgba(255, 255, 255, .6);
	animation: rotating 1.5s ease infinite;
}


@keyframes rotating {
	100% {
		transform: rotate(360deg)
	}
}
/* 下载图标样式 */
.i_download {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 0;
	margin-left: -8px;
	width: 16px;
	height: 6px;
	border-radius: 1px;
	border: solid var(--line-width) var(--line-color);
	border-top: none;
	--line-color: rgba(255,255,255,.9);
	--line-width: 2px;
	box-sizing: border-box;
}

.i_download::before {
	content: '';
	position: absolute;
	left: 5px;
	top: -10px;
	width: var(--line-width);
	height: 10px;
	border-radius: 1px;
	background: var(--line-color);
	box-sizing: border-box;
}

.i_download::after {
	content: '';
	position: absolute;
	left: 2px;
	top: -7px;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	border-top: solid var(--line-width) var(--line-color);
	border-right: solid var(--line-width) var(--line-color);
	transform: rotate(135deg);
	box-sizing: border-box;
}

/* --- 图书详情页 --- */
.book_wrap * {
	box-sizing: border-box;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.book_wrap {
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 1vw;
	color: #ffffff;
	box-sizing: border-box;
}

.book_wrap #btn_close {
	position: absolute;
	top: -1em;
	right: -3em;
	width: 3em;
	min-width: 36px;
	border-radius: 50%;
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .75));
	cursor: pointer;
}

.book_wrap .book {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border: 6px solid rgba(255, 255, 255, .75);
	box-shadow: 0 2px 16px 4px rgba(0, 0, 0, .5);
	border-radius: 16px;
	--rx: 0deg;
	--ry: 0deg;
	transform: perspective(500px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
	transition: 0.2s;
}

.book_wrap .bookbg {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.book_wrap #info {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1em;
	width: 100%;
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background: linear-gradient(180deg, rgba(34, 34, 34, .5), rgba(34, 34, 34, 0), rgba(34, 34, 34, .5));
	transition: all .3s;
}
.book_wrap #info.fold {
	transform: translateY(100%);
}

.book_wrap #btn_fold {
	position: absolute;
	right:0;
	top:-0.8em;
	width: 1.8em;
	height: 0.8em;
	background: linear-gradient(180deg, rgba(0,0,0, .2), rgba(34, 34, 34, .5));
	border-radius: 50% 50% 0 0;
	font-size: 2em;
	font-weight: bold;
	line-height:1.15em;
	text-align: center;
	box-shadow: 0 0px 8px 1px rgba(0, 0, 0, .4);
	transform-origin: center;
	transition: all .3s;
	cursor: pointer;
}
.book_wrap #info.fold #btn_fold {
	border-radius: 0 0 50% 50%;
	transform: rotateX(180deg);
}
.book_wrap #title {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #ffffff;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	text-shadow: 1px 0 6px rgba(0, 0, 0, 1)
}

.book_wrap .txt {
	line-height: 1.5em;
	text-shadow: 0 0 6px rgba(0, 0, 0, .5)
}

.book_wrap .txt:not(#summary)::before {
	content: "\25c8";
	padding-right: .5em;
	font-weight: bold
}

.book_wrap #summary {
	margin-top: .5em;
	padding: .5em;
	max-height: 5.5em;
	background-color: rgba(0, 0, 0, .2);
	text-indent: 2em;
	text-align: justify;
	-webkit-backdrop-filter: blur(2px);
	-moz-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	border-radius: .5em
}

.book_wrap #summary::-webkit-scrollbar {
	display: none
}

.book_wrap #btn_read {
	display: inline-block;
	float: right;
	padding: .25em .5em;
	margin-top: .5em;
	background-color: rgba(255, 129, 6,0.8);
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,.5);
	border-left: 2px solid rgba(255,214,136,.8);
	border-top: 2px solid rgba(255,214,136,.8);
	border-radius: .25em;
	cursor: pointer
}

@media screen and (max-width: 1200px) {
	.book_wrap {
		font-size: 12px
	}
}
/* ---end--- */

/* --- 文章轮播列表 --- */
.article * {
	box-sizing: border-box;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.article {
	width: 100%;
	height: 100%;
	background: rgba(184, 177, 175,.75);
	border: 4px rgba(255, 255, 255, .75) solid;
	border-bottom: 4px rgba(255, 255, 255, .5) solid;
	border-right: 4px rgba(255, 255, 255, .5) solid;
	border-radius: 12px;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, .5);
	-webkit-backdrop-filter: blur(15px);
	-moz-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	font-size: 16px;
	overflow: hidden;
	box-sizing: border-box;
}

#article_con {
	width: 100%;
	height: 100%;
}

.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	background: url("../img/bg_mapPoint.png") no-repeat center / contain
}

#article_wrap .swiper-slide,
#article_wrap .item,
#article_wrap .time,
#article_wrap .content,
.contentBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#article_wrap {
	height: 100%;
	font-size: 16px;
}

#article_wrap .swiper-slide {
	height: 100%;
	flex-direction: column;
	justify-content: space-around;
	overflow: hidden;
}

#article_wrap .item {
	flex: 1 1 auto;
	padding: 0.5em 0;
	margin: 0.25em 0;
	overflow: hidden;
	align-items: center;
}

#article_wrap .time {
	flex-direction: column;
	justify-content: space-around;
	flex-shrink: 0;
	text-align: center;
	padding: 0 1.5em;
	border-right: 2px solid #333333;
	text-shadow: 1px 1px 5px #ffffff;
	cursor: default;
	transition: all .2s
}

#article_wrap .date {
	font-weight: bold;
	cursor: pointer
}

#article_wrap .year,
#article_wrap .summ {
	display: none
}

#article_wrap .title {
	flex: 0 0 auto;
	padding: 0.2em;
	max-width: 100%;
	font-weight: bold;
	text-shadow: 0px 1px 5px #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	transition: all .2s
}

#article_wrap .content {
	flex-direction: column;
	justify-content: space-around;
	margin: 0 1em;
	align-items: start;
	flex: 1;
	width: 0;
}

#article_wrap .item.act .year,
#article_wrap .item.act .summ {
	display: block;
	letter-spacing: 0.1em;
}

#article_wrap .item.act .time {
	color: #f2f2f2;
	text-shadow: 0px 1px 5px #333333;
	border-right: 2px dotted #ffffff;
	transition: all .2s
}
#article_wrap .item.act .date {
	font-size: 1.2em;
}

#article_wrap .pic {
	border-right: 2px solid #333333;
	width: 10%;
	height: 100%
}
#article_wrap .pic img {
	width: 100%;
	height: 100%;
	padding: 0.5em;
	object-fit: contain;
	transition: all .2s
}
#article_wrap .item.act .pic {
	width: 15%;
}

#article_wrap .item.act .title {
	font-size: 1.25em;
	text-shadow: 2px 2px 4px #333333;
	color: #f2f2F2;
	transition: all .2s
}

#article_wrap .item.act .summ {
	margin-top: 0.5em;
	padding: 3px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	text-align: justify;
	color: #ffffff;
	text-shadow: 1px 1px 4px #000000;
	text-indent: 2em;
	line-height: 1.5em;
	cursor: pointer
}

.contentBox {
	position: relative;
	flex-direction: column;
	height: 100%;
	background: linear-gradient(to right bottom, rgba(228, 240, 255, .8), rgba(255, 255, 240, .8), rgba(238, 255, 252, .8));
	border-radius: 12px;
	font-size: 18px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .5);
	overflow: hidden;
}
.contentBox::before {
	content: "";
	position: absolute;
	top: -3em;
	right: -3em;
	width: 12em;
	height: 12em;
	border-radius: 50%;
	z-index: -1;
	background-color: rgba(228, 240, 255, .3);
}

.contentBox::after {
	content: "";
	position: absolute;
	left: -3em;
	bottom: -3em;
	width: 8em;
	height: 8em;
	border-radius: 50%;
	z-index: -1;
	background-color: rgba(238, 255, 252, .3);
}

#contentBox_tit {
	padding: 1em;
	color: #000000;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 2px solid #333333;
}

#contentBox_info {
	margin: 0 1em;
	padding: 0.5em 0;
	font-size: 0.9em;
	color: #666666;
	text-align: right;
	border-bottom: 1px dashed #666666;
}

#contentBox_txt {
	margin: 1em 0;
	padding:0 1em;
	color: #333333;
	text-indent: 2em;
	text-align: justify;
	line-height: 2.5em;
}
#contentBox_txt a{
	text-decoration: underline;
	color: #2a6aa7;
}
#contentBox_txt img {
	max-width: 80%;
	text-align: center;
	text-indent: 0;
}
/* ---end --- */

/* --- 文本标签 --- */
.titleTag {
	position: relative;
}

.titleTag::before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	width: 30px;
	height: 2px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 1px;
	box-shadow: 0px 0px 6px rgba(255, 255, 255, .5);
	transform-origin: left center;
	transform: rotate(60deg);
	cursor: pointer;
}

.titleTag.above::before {
	transform: rotate(-60deg);
}
.titleTag.blue::before {
	background-color: rgba(42, 106, 167, 1);
}

.titleTag.blue::after {
	background-image: linear-gradient(90deg, rgba(42, 106, 167, 1) 75%, rgba(42, 106, 167, 0));
}

.titleTag::after {
	content: "";
	display: block;
	position: absolute;
	left: 14px;
	top: 25px;
	width: 160px;
	height: 2px;
	border-radius: 1px;
	box-shadow: 0px 0px 6px rgba(255, 255, 255, .5);
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0));
	cursor: pointer;
}

.titleTag.above::after {
	top: -27px;
}

.titleTag .dot {
	position: absolute;
	left: -7px;
	top: -7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e3c03e;
	border: 2px solid rgba(255, 255, 255, .7);
	box-sizing: content-box;
	transform-style: preserve-3d;
	cursor: pointer;
}
.titleTag.blue .dot {
	background: #169fe6;
}

.titleTag .dot::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .6);
	box-shadow: 0 0 6px 2px rgba(255, 255, 255, .8);
	transform: translateZ(-1px);
	animation: sparkle 3s linear infinite;
}

@keyframes sparkle {
	50% {
		transform: scale(3) translateZ(-1px);
	}
}

.titleTag .tbox {
	position: absolute;
	left: 16px;
	top: 30px;
	max-width: 240px;
	font-size: 20px;
	box-sizing: border-box;
}

.titleTag.above .tbox {
	top: calc(-27px - 1.6em);
}

.titleTag .tbox .t {
	width: 100%;
	padding: 0 0.25em 0.25em 0.25em;
	overflow: hidden;
	white-space: nowrap;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 1px 6px rgba(0, 0, 0, .75);
	cursor: pointer;
	box-sizing: border-box;
}

.titleTag .tbox::after {
	content: "";
	display: block;
	position: absolute;
	right: -6px;
	bottom: -2px;
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0);
	border-right: 2px solid rgba(255, 255, 255, 1);
	border-bottom: 2px solid rgba(255, 255, 255, 1);
	border-radius: 2px;
	pointer-events: none;
}

.titleTag.above .tbox::after {
	top: -2px;
	border-bottom: none;
	border-top: 2px solid rgba(255, 255, 255, 1);
}

/* 图片简介弹出框 */
.introBox {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background:linear-gradient(to right bottom, rgba(228, 240, 255, .8), rgba(255, 255, 240, .8), rgba(238, 255, 252, .8));
	font-size: 20px;
	text-align: justify;
	box-sizing: border-box;
	border-radius: 12px;
	color: #000;
}

.introBox #intro_tit {
	margin: 8px 0;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 4px #ffffff;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	flex-shrink: 0;
}

.introBox #intro_txt {
	width: 100%;
	background: rgba(255, 255, 255, .2);
	padding: 0.5em;
	line-height: 1.75em;
	border-radius: 0 0 9px 9px;
	text-indent: 2em;
	text-shadow: 0 0 16px #ffffff;
	word-wrap: break-word;
	flex-grow: 1;
	flex-shrink: 1;
	box-sizing: border-box;
	box-shadow: 0 0 6px 0px rgba(102, 102, 102, 0.5);
}
.introBox #intro_txt img:first-child {
	display: none;
}
.introBox #intro_txt img {
	max-width:90%;
	text-align: center;
	text-indent: 0;
}


/* 旋转书廊 */
.gallery * {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.galleryWrap {
	position: relative;
	margin: 0 auto;
	transform-style: preserve-3d;
}

.galleryWrap div {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: rgba(237, 255, 252, .5);
	box-shadow: 0 0 10px 0 rgba(237, 255, 252, .5);
	cursor: pointer;
	backface-visibility: hidden;
	transition-property: transform, margin;
	transition-duration: .5s;
	-webkit-box-reflect: below 0px -webkit-linear-gradient(top, transparent 75%, rgba(0, 0, 0, 0.25) 100%);
}

/*  */
.viewer-info::before {
	content: "i";
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: cursive;
}



/* 更多内容 */
.noselect,
.channel_list img,
#page {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.noclick,
.noclick:hover {
	cursor: not-allowed !important;
	color: #999 !important;
	background: #eee !important;
	border: 1px solid #ccc !important;
	font-weight: normal !important;
	opacity: 0.5;
}

.noclick *,
.noclick *:hover {
	cursor: not-allowed !important;
	color: #aaa !important;
	font-weight: normal !important;
}

.channel_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 10px 0 rgba(114, 114, 114, .5);
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-backdrop-filter: blur(16px);
	-moz-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-radius: 16px;
	overflow: hidden;
	padding: 16px;
	box-sizing: border-box;
}

.channel_wrap * {
	box-sizing: border-box;
}
.channel_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: flex-start;
	flex: 0 1 auto;
	overflow: hidden;
}

/* 分页按钮样式 */
#page {
	display: none;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin-top: 1em;
	text-align: center;
	overflow: hidden;
	--bg-color: rgba(255,255,255, .5);
	--bo-color: rgba(255,255,255, .6);
	--t-color: rgba(127, 89, 56,1);
	color: var(--t-color);
	font-size: 16px;
	flex: 0 0 auto;
}

#page span,
#pageNums li {
	display: inline-block;
	padding: 0.5em 0.85em;
	background: var(--bg-color);
	border: 1px solid var(--bo-color);
	border-radius: 4px;
	cursor: pointer;
}

#pageNums {
	display: inline-block;
	margin: 0 16px;
	vertical-align: top;
}

#page span:not(.noclick):hover,
#pageNums li:not(.cur):hover,
#page #pageNo:hover {
	border: 1px solid var(--t-color);
	text-shadow: 0px 0px 1px var(--t-color);
	opacity: 0.9;
}

#pageNums li.cur {
	background: var(--t-color);
	font-weight: bold;
	border: 1px solid #f9f9f9;
	text-shadow: -0.5px 0.5px 1.5px var(--bg-color), 0.5px 0.5px 1.5px rgba(255,255,255,.8);
	color: var(--bg-color);
}

#page #pageNo {
	padding: 0.5em;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid transparent;
	background: radial-gradient(rgba(0,0,0,.1) 10%, rgba(0,0,0,.05) 40%, transparent 75%);
}

#pageGoInput {
	padding: 0.5em 0;
	background: radial-gradient(rgba(255,255,255,.6) 10%, rgba(255,255,255,.3) 40%, transparent 75%), rgba(255,255,255, .3);
	color: var(--t-color);
	font-size: 17px;
	text-align: center;
	border: 1px solid rgba(255,255,255,1);
	border-radius: 4px;
	vertical-align: top;
}

#pageGoInput::-webkit-inner-spin-button,
#pageGoInput::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

#pageGoBtn:hover {
	border: 1px solid var(--bo-color);
}

#pageGoBtn:not(.noclick):active {
	transform: scale(0.95);
}


/* more book */
#book_list {
	column-gap: 1%;
}

#book_list .item {
	flex: 0 0 24%;
	min-width: 100px;
	margin-bottom: 1em;
	text-align: center;
}

#book_list .item.fill {
	margin: 0;
}

#book_list .pic {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	padding-top: 95%;
	position: relative;
}
#book_list .pic img {
	position: absolute;
	top: 0;
	max-width: 100%;
	height: 100%;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
	cursor: pointer;
}

#book_list .item p {
	display: inline-block;
	padding: 0.25em 0;
	max-width: 100%;
	color: #333;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	word-wrap: break-word;
	word-break: break-all;
	text-shadow: 0.5px -0.5px 1px #eee, -0.5px 0.5px 0px #999, 1px 2px 4px #ffffff80;
	cursor: pointer;
}

/* mroe pic */
#pic_list {
	column-gap: 10px;
}
#pic_list .item {
	flex: 0 0 calc(25% - 10px);
	min-width: 150px;
	margin-bottom: 1em;
	text-align: center;
}

#pic_list .item.fill {
	margin: 0;
}

#pic_list .pic {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
}

#pic_list .pic img {
	max-width: 100%;
	max-height: 100%;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
	cursor: pointer;
}

#pic_list .item p {
	display: inline-block;
	padding: 0.25em 0;
	max-width: 100%;
	color: #333;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	word-wrap: break-word;
	word-break: break-all;
	text-shadow: 0.5px -0.5px 1px #eee, -0.5px 0.5px 0px #999, 1px 2px 4px #ffffff80;
	cursor: pointer;
}

/* more txt */
#txt_list {
	column-gap: 24px;
	padding: 12px 12px 0 12px;
}
#txt_list .item {
	flex: 0 0 calc(50% - 24px);
	display: flex;
	min-width: 300px;
	margin-bottom: 24px;
	padding: 1em;
	background: rgba(252, 252, 252, 0.5);
	border: 2px dashed rgba(255,255,255,1);
	box-shadow: -3px -3px 9px #bebebe, 3px 3px 9px rgba(255,255,255,0.8);
	border-radius: 0.5em;
	overflow: hidden;
}
#txt_list .fill {
	flex: 0 0 calc(50% - 24px);
	margin: 0;
}
#txt_list .item .wrap {
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: justify;
}
#txt_list .img {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
	max-width: 30%;
	max-height: 50%;
	border-radius: 0.25em;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
	cursor: pointer;
}

#txt_list .title {
	display: inline-block;
	font-size: 1.25em;
	color: #333;
	font-weight: bold;
	word-wrap: break-word;
	word-break: break-all;
	text-shadow: 0.5px -0.5px 1px #eee, -0.5px 0.5px 0px #999, 1px 2px 4px #ffffff80;
	cursor: pointer;
}
#txt_list .summ {
	margin-top: 0.5em;
	line-height: 1.5em;
	text-indent: 2em;
	cursor: pointer;
}

/* mroe video */
#video_list {
	column-gap: 10px;
}
#video_list .item {
	flex: 0 0 calc(25% - 10px);
	min-width: 250px;
	margin-bottom: 1em;
	text-align: center;
}

#video_list .item.fill {
	margin: 0;
}

#video_list .pic {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
	position: relative;
}

#video_list .pic img {
	max-width: 100%;
	max-height: 100%;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
	cursor: pointer;
}
#video_list .pic>i {
	position: absolute;
	display: block;
	content: "";
	width: 30%;
	height: 30%;
	background: url(../img/icon_playvideo.svg) no-repeat center center / contain;
	opacity: 0.7;
	cursor: pointer;
}

#video_list .item p {
	display: inline-block;
	padding: 0.25em 0;
	max-width: 100%;
	color: #333;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	word-wrap: break-word;
	word-break: break-all;
	text-shadow: 0.5px -0.5px 1px #eee, -0.5px 0.5px 0px #999, 1px 2px 4px #ffffff80;
	cursor: pointer;
}


/* 查档服务 搜索框、列表 */
.searchBox *,
.searchWrap *,
.noticeWrap * {
	box-sizing: border-box;
}

.searchBox {
	width: 100%;
	font-size: 12px;
	box-sizing: border-box;
}

.searchBox p {
	font-size: 1.5em;
	font-weight: bold;
	text-indent: 0.2em;
	letter-spacing: 0.2em;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.searchBox #inputBox {
	position: relative;
	margin: 0.4em 0 1em 0;
}

.searchBox #inputBox input {
	width: 100%;
	padding: 0.5em 1em;
	padding-right: 2em;
	border: none;
	background: rgba(255, 255, 255, .5);
	border-radius: 6px;
	font-size: 1em;
	color: #333;
	border: 1px solid rgb(173, 100, 37);
}

.searchBox #inputBox input:focus {
	outline: none;
	background: rgba(255, 255, 255, .75);
}

.searchBox #inputBox span {
	display: block;
	position: absolute;
	right: 0.75em;
	top: 50%;
	font-size: 1em;
	color: #333;
	transform: translateY(-50%);
	cursor: pointer;
}

.searchBox button {
	display: block;
	width: 4em;
	margin: 0 auto;
	padding: 0.25em 0.5em;
	border: none;
	background: linear-gradient(180deg, #FFD688 8%, #FF8106);
	background-clip: padding-box;
	border-radius: 6px;
	font-size: 1em;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .5);
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
	cursor: pointer;
}


.searchBox p,
.searchBox #inputBox span,
.searchBox button,
.searchWrap .titWrap span,
.searchWrap .titWrap button,
.searchWrap .titWrap #btnClose,
.searchWrap #content>h3 {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.searchWrap {
	width: 100%;
	height: 100%;
	padding: 1em;
	background-color: rgba(0, 165, 220, .2);
	border-radius: 12px;
	box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, .3);
	border: 2px rgba(255, 255, 255, .3) solid;
	border-bottom: 2px rgba(40, 40, 40, .15) solid;
	border-right: 2px rgba(40, 40, 40, .15) solid;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 18px;
	color: #fff;
}



.searchWrap .titWrap {
	position: relative;
	width: 100%;
	height: 2.45em;
	margin-bottom: 1em;
}

.searchWrap #inputWrap {
	display: flex;
	width: 100%;
	height: 100%;
	padding-right: 3em;
}

.searchWrap .titWrap input {
	width: 0;
	flex: 1;
	padding: 0.5em 1em;
	border: none;
	background: #ffffffa1;
	border-radius: 8px 0 0 8px;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

.searchWrap .titWrap input:focus {
	outline: none;
}

.searchWrap .titWrap span {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 0.5em;
	background: #ffffffa1;
	font-size: 1em;
	color: #333;
	cursor: pointer;
}

.searchWrap .titWrap button {
	padding: 0.5em;
	flex-shrink: 0;
	border: none;
	background: rgba(127, 89, 56, 1);
	border-radius: 0 8px 8px 0;
	font-size: 1em;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
	cursor: pointer;
}

.searchWrap .titWrap #btnClose {
	position: absolute;
	right: 0;
	top: 0;
	height: 1.75em;
	cursor: pointer;
}

.searchWrap .titWrap #btnBack {
	display: none;
	font-size: 1.2em;
	cursor: pointer;
}

.searchWrap .titWrap #btnBack::before {
	content: "\21B6";
	margin-right: 0.25em;
	font-size: 1.25em;
	font-weight: bold;
}

.searchWrap #resultWrap {
	height: calc(100% - 3.45em);
	overflow-y: auto;
}

.searchWrap #resultList {
	margin-right: 12px;
}

.searchWrap #resultList li {
	margin: 1em 0;
	padding: 0.1em 0.5em;
	line-height: 1.8em;
	border-radius: 6px;
	display: flex;
}

.searchWrap #resultList li i {
	flex-shrink: 0;
	cursor: default;
}

.searchWrap #resultList li div {
	text-align: justify;
}

.searchWrap #resultList li span {
	cursor: pointer;
}

.searchWrap #resultList li:nth-child(odd) {
	background-color: rgba(255, 255, 255, .1);
}

.searchWrap #resultList li span b {
	background: rgba(255, 145, 0, .5);
}

.searchWrap #content {
	display: none;
	height: 100%;
	padding: 0.5em;
	background: rgba(0, 0, 0, .2);
	border-radius: 6px;
	line-height: 2em;
	font-size: 1.2em;
}

.searchWrap #content>h3 {
	font-size: 1.25em;
	text-align: center;
}

.searchWrap #content div {
	display: flex;
}

.searchWrap #content div>b {
	flex-shrink: 0;
}

.searchWrap #content div>p {
	text-align: justify;
}

/* 查档服务 通知公告 */
.noticeWrap {
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(200deg, rgba(214, 207, 205, 0.8) 20%, rgba(203, 190, 160, 0.9));
	border: 1px rgba(255, 255, 255, .5) solid;
	border-bottom: 1px rgba(40, 40, 40, .15) solid;
	border-left: 1px rgba(40, 40, 40, .15) solid;
	border-radius: 4px;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, .5);
	font-size: 12px;
	color: #000;
	/* overflow: hidden; */
	box-sizing: border-box;
}

.noticeWrap::before {
	content: "通知公告";
	position: absolute;
	bottom: calc(100% + 5px);
	left: 50%;
	transform: translateX(-50%);
	text-indent: 0.5em;
	letter-spacing: 0.5em;
	font-weight: bold;
	color: #fff;
	font-size: 1.5em;
	text-shadow: -1px 1px 2px rgba(0, 0, 0, 1);
	white-space: nowrap;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}

.noticeWrap .listWrap {
	height: 100%;
	overflow: hidden;
}

#noticeList {
	margin: 0 8px;
	overflow: hidden;
}

.noticeWrap li {
	position: relative;
	padding: 0.3em;
	line-height: 1.75em;
	border-bottom: 1px dashed #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.noticeWrap li::before,
#noti_list li::before {
	content: "\25C8";
	margin-right: 0.5em;
}

.noticeWrap li span,
#noti_list li span {
	cursor: pointer;
}

/* 通知公告-更多内容 */
#noti_list {
	flex-direction: column;
	font-size: 20px;
}

#noti_list li {
	width: 100%;
	padding: 0.5em;
	line-height: 1.75em;
}

#noti_list li:nth-child(odd) {
	background: rgba(0, 0, 0, .1);
}