body {
	padding: 1em 0.3em;
	line-height:1.2;
	min-height:100vh;
	font: 14px Nunito Sans,sans-serif,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial;font-family: Nunito Sans,sans-serif;
	background-image: linear-gradient(135deg,#f1f1ef,#5F9EA0);
}
a:visited,a:hover,a:link,a:active{
	color:black;
	text-decoration:none;
}
blockquote {
	margin: 0.5em 0;
	padding:0.5em 1em;
	border-left:3px solid #5F9EA0;
	background-image: linear-gradient(45deg,#c5d5cb,#f1f1ef);
	line-height:2em;
	text-align:left;
	font-size: 12px;
}

.duanluo {
	margin: 0.5em 0;
	padding:0.5em 1em;
	border-left:3px solid blue;
	background-color:#fff;
	line-height:2em;
	text-align:left;
	font-size: 12px;
}

.link-row{
  cursor: pointer;
  font-weight:bold;
}

.link-row:hover {
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
.book-row:hover {
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}

@font-face {
        font-family: "xiuxingti"; /*修行体的篆字*/
        src: url("../font/xiuxingti.ttf");
      }


.main {
	margin: 0 auto;
	box-shadow: 0 8px 60px -10px rgba(13,28,39,.6);
	background: rgb(255 255 255 / 0.60);/*背景为白色半透明*/
	border-radius: 1em;
	max-width: 768px;
}
.sitelogo {
	border-radius: 1em 1em 0 0;
	text-align: center;
	background-image: linear-gradient(45deg,#5F9EA0,#f1f1ef);
}

.sitelogo p {
	font-size: 5em; 
	font-weight:normal;
	color:#000;
	font-family: "xiuxingti";
	margin:0;
	padding:0.3em 0.3em 0.4em 0.3em;
}


/*以下几句是对可伸缩的导航面板做美化，例如换个箭头，换个颜色*/
details {  margin-top:-2em;  cursor: pointer; list-style-type:none;text-align: center; display: block;}
summary {  list-style-type: none;}
summary::marker {  list-style-type: none;}
details summary::before { content: "✚";}  
details[open] summary::before {  content: "✖"; }
details#adjacent + .content {  padding:1em 0 0 0;max-height: 0;  transition: max-height 1s ease;overflow: hidden;}
details#adjacent[open] + .content {  max-height: 500px;}

/*以下几句nav和subnav做美化*/
nav{	padding:0.3em 0 0 0 ;	text-align: center;}
.sub-nav{padding:0; margin: 0 -0.5em;}
/*以下对主体内容.contents做优化*/
.contents {	padding: 0.2em 0.5em 0.5em 0.5em;}
/*以下几句对Footer做美化*/
.sitefooter {
	border-radius: 0 0 12px 12px;
	overflow: hidden;
	position: relative;
	padding:1em;
	text-align: center;
	background-image: linear-gradient(125deg,#a1c4fd,#fdcbf1,#e6dee9,#a1c4fd,#a8edea,#ddd);
	background-image: linear-gradient(45deg,#c5d5cb,#f1f1ef);
}
.sitefooterlogo {
	font-size: 2em; 
	font-weight:normal;
	color:#000;
	font-family: "xiuxingti";
}
table {
	background-color: rgb(255 255 255 / 0)!important;
	border-collapse: collapse;
	font-family: Nunito Sans,sans-serif;
	border-spacing: 0
}
thead>tr {
	font-family: Nunito Sans,sans-serif;
	background-color: rgb(224 224 224 / 0)!important;
	background-image: linear-gradient(45deg,#f4433621,#ffc10729);
}

thead>td {
	font-family: Nunito Sans,sans-serif;
}
.layui-btn {
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box
}
.layui-border-blue {
	border-width: 1px;
	border-style: solid;
	border-color: #c5d5cb;
	color:#1e9fff!important;
	color:#c5d5cb!important;
	color:#987cb9!important;
}
.layui-btn {
	vertical-align: middle;
	height: 38px;
	line-height: 38px;
	border: 1px solid transparent;
	background-color: #009688;
	color: #fff;
	text-align: center;
	font-size: 12px;
	border-radius: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}
.layui-btn: hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}
.layui-btn: active {
	opacity: 1;
	filter: alpha(opacity=100)
}
.layui-btn-primary {
	border-color: #c5d5cb;
	background: 0 0;
}
.layui-btn-primary: hover {
	border-color: #c5d5cb;
}

.layui-btn-sm  {
	display: inline-block;  
	height: 30px;
	line-height: 30px;
    width:13%;
	font-size: 12px;
	margin: 0 auto;
}
.layui-btn-sm:hover{
	background-image: linear-gradient(125deg,#a1c4fd,#fdcbf1,#e6dee9,#a1c4fd,#a8edea);
	background-image: linear-gradient(45deg,#5F9EA0,#f1f1ef);
	background-image: linear-gradient(45deg,#c5d5cb,#f1f1ef);
	/*color:#444!important;*/
}

.layui-btn-sm-single  {
	height: 30px;
	line-height: 30px;
	padding:0 1em;
	font-size: 12px
	margin: 0 auto;
	text-align: center;
	width:80%;
	
}
.layui-btn-sm-single:hover{
	background-image: linear-gradient(125deg,#a1c4fd,#fdcbf1,#e6dee9,#a1c4fd,#a8edea);
	background-image: linear-gradient(45deg,#5F9EA0,#f1f1ef);
	background-image: linear-gradient(45deg,#c5d5cb,#f1f1ef);
	/*color:#444!important;*/
}

.layui-table {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	color: #5f5f5f
}
.layui-table tr {
	transition: all .3s;
	-webkit-transition: all .3s
}
.layui-table th {
	text-align: center;
	font-weight: 400
}
.layui-table tbody tr: hover,.layui-table thead tr {
	background-color: #fafafa
}
.layui-table td,.layui-table th {
	border-width: 1px;
	border-style: solid;
	border-color: #eee
}
.layui-table td,.layui-table th {
	position: relative;
	padding: 9px 15px;
	min-height: 20px;
	line-height: 20px;
	font-size: 14px;
}
.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th {
	padding:5px 10px;
	font-size: 12px;
}