@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", sans-serif;
}
html {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	background: #F6F3EC;
}

::-webkit-scrollbar {
	width: 9px;
	height: 9px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .2);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #666;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

#container {
	width: 40%;
}

#close {
	position: absolute;
	display: block;
	right: 60%;
	top: 0;
	margin-right: 10px;
	margin-top: 10px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	cursor: pointer;
	background: transparent;
	font-size: 15px;
	color: #999;
	border-radius: 50%;
	border: 1px solid #eee;
	z-index: 999;
}

#close:hover {
	color: #fff;
	background-color: #333;
}

#menu {
	width: 240px;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	padding-top: 10px;
	box-shadow: 0 0 8px 4px rgba(60, 60, 60, .1);
}

.doc {
	flex: 1;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	padding: 10px;
}

.doc .logo {
	position: relative;
	font-size: 50px;
	font-weight: 900;
	color: #409eff;
	text-align: center;
	text-shadow: 5px 11px 4px rgba(0, 0, 0, .1);
	z-index: -1;
}

.doc .logo img {
	position: absolute;
	left: 50%;
	margin-left: 30px;
	top: 1px;
}

.doc .qq {
	position: relative;
	float: right;
	background-color: #48a3e7;
	color: #fff;
	font-size: 14px;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
}

.doc .qq a {
	position: absolute;
	display: block;
	left: -95px;
}

.doc h1 {
	margin: 48px 0 16px;
	padding-top: 24px;
	letter-spacing: -.02em;
	line-height: 32px;
	font-size: 24px;
	position: relative;
}

.doc h2 {
	margin: 32px 0 0;
	letter-spacing: -.01em;
	line-height: 28px;
	font-size: 20px;
	position: relative;
}

.doc h3 {
	margin: 26px 0 0;
	letter-spacing: -.01em;
	line-height: 28px;
	font-size: 16px;
	position: relative;
}

.doc p {
	line-height: 28px;
	margin: 16px 0;
	color: rgba(60, 60, 67);
}

.doc a, #menu a {
	color: #4565d8;
	text-decoration: none;
	padding: 0 5px;
}

.doc a:hover, #menu a:hover {
	text-decoration: 2px underline dotted;
}

#menu a {
	display: block;
	position: relative;
	line-height: 32px;
	white-space: nowrap;
}

.doc .block {
	border: 1px solid #c2c2c4;
	border-radius: 8px;
	padding: 16px 16px 8px;
	line-height: 24px;
	background-color: #f6f6f7;
	color: rgba(60, 60, 67, 0.8);
}

.doc p code, .doc .block code {
	margin: 0 5px;
	border-radius: 4px;
	padding: 3px 6px;
	background-color: #476582;
	color: #fff;
}

.doc p u, .doc h1 u, .doc h2 u, .doc h3 u, #menu a u {
	margin: 0 5px;
	border-radius: 4px;
	padding: 3px 6px;
	background-color: #67c23a;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

.doc h1 u, .doc h2 u, .doc h3 u, #menu a u {
	line-height: 12px;
	font-size: 12px;
	position: absolute;
	top: 20px;
}

#menu a u {
	top: 7px;
}

#demo-legal-holiday {
	margin: 20px 0;
	clear: both;
	overflow: hidden;
	border-radius: 16px;
	padding: 20px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
}

#demo-legal-holiday p {
	margin: 0;
	line-height: 32px;
}

.month-calendar, #huangli {
	display: none;
	position: relative;
	margin: 20px auto;
	clear: both;
	overflow: hidden;
	border-radius: 16px;
	padding: 10px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
}

.month-calendar *, #huangli * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.month-calendar .month {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 80px;
	width: 100%;
	height: 442px;
	text-align: center;
	line-height: 442px;
	color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.month-calendar ul {
	display: block;
	clear: both;
	padding-top: 20px;
}

.month-calendar li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	width: 84px;
	height: 54px;
	text-align: center;
}

.month-calendar div {
	position: relative;
	margin: 0 auto;
	width: 80px;
	height: 54px;
	border-radius: 10px;
}

.month-calendar div.prev, .month-calendar div.next {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	font-size: 0;
	cursor: pointer;
}

.month-calendar div.prev:before, .month-calendar div.next:before {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border: 10px solid transparent;
}

.month-calendar div.prev:before {
	left: 5px;
	border-right-color: #efd7a6;
}

.month-calendar div.next:before {
	right: 5px;
	border-left-color: #efd7a6;
}

.month-calendar div.prev {
	left: 0;
}

.month-calendar div.next {
	right: 0;
}

.month-calendar ul.week {
	padding-top: 0;
}

.month-calendar ul.week li {
	height: 32px;
	line-height: 32px;
}

.month-calendar li b {
	display: block;
	font-weight: normal;
	font-size: 24px;
}

.month-calendar li i {
	display: block;
	font-style: normal;
	font-size: 12px;
	color: rgba(30, 31, 36, .5);
	white-space: nowrap;
}

.month-calendar ul li.weekend {
	color: #f11;
}

.month-calendar li.holiday {
	color: #eb3333;
}

.month-calendar li.holiday div {
	background: rgba(235, 51, 51, .05);
}

.month-calendar li.holiday b, .month-calendar li.holiday i {
	color: #eb3333;
}

.month-calendar li.holiday-work div {
	background: rgba(120, 120, 120, .05);
}

.month-calendar li.holiday-work b, .month-calendar li.holiday-work i {
	color: rgba(30, 31, 36, .5);
}

.month-calendar li u {
	position: absolute;
	right: -5px;
	top: -5px;
	background-color: #4e5877;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 1px 2px;
	border-radius: 4px;
	text-decoration: none;
}

.month-calendar li.holiday u {
	background-color: #eb3333;
}

.month-calendar li.holiday-work u {
	background-color: #4e5877;
}

.month-calendar li.gray {
	opacity: 0.3;
}

.month-calendar li.today div {
	background-color: #4e6ef2;
	color: #fff;
}

.month-calendar li.today i {
	color: #fff;
}

.month-calendar li.today u {
	background-color: #6b88ff;
}

.month-calendar li.today b {
	color: #fff;
}

ul.line {
	display: block;
	list-style: none;
	zoom: 1;
	overflow: hidden;
}

ul.line li {
	position: relative;
	margin-right: 5px;
	float: left;
	text-align: center;
	border-bottom: 2px solid #000;
	padding: 0 4px;
}

ul.line li::before, ul.line li::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 6px;
	background-color: #000;
}

ul.line li::after {
	left: auto;
	right: 0;
}

ul.line li.node {
	border: 2px solid #000;
}

ul.line li.node::before, ul.line li.node::after {
	display: none;
}

.donate {
	position: relative;
	float: right;
	right: 0;
	top: -30px;
	width: 160px;
}

.donate img {
	width: 100%;
}

.languages {
	position: fixed;
	right: 20px;
	bottom: 40px;
	background: #fff;
	z-index: 9999;
	width: 80px;
	padding: 10px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	border-radius: 10px;
}

.languages ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.languages ul li {
	display: block;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 5px;
}

.languages ul li:last-child {
	margin-bottom: 0;
}

.languages ul li a {
	display: block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 13px;
}

.languages ul li.active {
}

.languages ul li.active a {
	background-color: #4565d8;
	color: #fff;
}

.lang-other {
	display: none;
}

#huangli {
	text-align: center;
	color: #5f5f5f;
	clear: both;
	margin: 5px auto;
	background-color: #fff;
	border: 2px solid #eca40f;
}

#huangli i, #huangli li {
	font-style: normal;
}

#huangli .solar {
	font-size: 16px;
	margin-bottom: 10px;
}

#huangli .lunar {
	font-size: 32px;
	color: #f11;
	margin-bottom: 10px;
}

#huangli .gz {
	font-size: 16px;
	margin-bottom: 10px;
}

#huangli table {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	border-right: 1px solid #efd7a6;
	border-bottom: 1px solid #efd7a6;
}

#huangli table td {
	border-left: 1px solid #efd7a6;
	border-top: 1px solid #efd7a6;
	padding: 3px;
}

#huangli table td div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: space-between;
	margin: 10px 20px 10px 20px;
}

#huangli table td div u {
	flex: 1;
	text-decoration: none;
	text-align: center;
}

#huangli table td.h div {
	flex-direction: row;
}

#huangli table td.v b, #huangli table td.v i {
	width: 1.2em;
	display: block;
	margin: 0 auto;
}

#huangli table td b {
	font-weight: bold;
	color: #ff8200;
}

#huangli table td ul {
}

#huangli table td li {
	list-style: none;
	padding: 0 3px;
}

#huangli table {
    border-collapse: separate;
    border-spacing: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#huangli table th:first-child {
    border-top-left-radius: 12px;
}

#huangli table th:last-child {
    border-top-right-radius: 12px;
}

#huangli table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

#huangli table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

#huangli .yi, #huangli .ji {
	clear: both;
	overflow: hidden;
	padding-left: 30px;
	position: relative;
	line-height: 35px;
	margin-bottom: 10px;
}

#huangli .yi::before, #huangli .ji::before {
position: absolute;
  left: 0;
  top: 4px;
  width: 28px;
  height: 28px;
  line-height: 25px;
  border-radius: 50%;
  background-color: #008000;
  color: #fff;
  font-size: 16px;
}

#huangli .yi::before {
	content: '宜';
}

#huangli .ji::before {
	content: '忌';
	background-color: #f11;
}

#huangli .yi i, #huangli .ji i {
	float: left;
	margin: 0 3px;
}

#demo-eight-char {
	position: relative;
	border-radius: 16px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	width: 1080px;
	height: 480px;
}

#demo-eight-char * {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#demo-eight-char .eight-char {
	position: relative;
	left: 0;
	width: 300px;
}

#demo-eight-char .eight-char::before {
	content: '';
	position: absolute;
	left: 305px;
	top: 0;
	width: 0;
	height: 100%;
	border-right: 1px solid #efd7a6;
}

#demo-eight-char ul, #demo-eight-char ol {
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

#demo-eight-char ul li {
	display: block;
	width: 60px;
	float: left;
	text-align: center;
	padding: 10px 0;
	cursor: default;
}

#demo-eight-char ul li.title {
	color: #aaa;
}

#demo-eight-char ol li {
	display: block;
	padding: 0;
}

#demo-eight-char .form {
	padding: 10px;
	border-bottom: 1px solid #efd7a6;
}

#demo-eight-char label {
	margin-right: 20px;
}

#demo-eight-char input, #demo-eight-char select {
	margin: 0 3px;
	width: 50px;
	padding: 3px 0;
	border: 1px solid #efd7a6;
	border-radius: 3px;
	text-align: center;
	background-color: #fff;
}

#demo-eight-char b {
	font-weight: normal;
}

#demo-eight-char i {
	font-style: normal;
}

#demo-eight-char u {
	text-decoration: none;
}

#demo-eight-char .fortune {
	position: absolute;
	left: 300px;
	top: 60px;
}

#demo-eight-char .fortune b, #demo-eight-char .fortune i, #demo-eight-char .fortune u, #demo-eight-char .fortune span {
	white-space: nowrap;
	display: block;
}

#demo-eight-char .fortune i, #demo-eight-char .fortune span {
	font-size: 12px;
	color: #b2b2b2;
}

#demo-eight-char .fortune .flex {
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	display: flex;
	justify-content: space-between;
}

#demo-eight-char .fortune .flex span {
	color: #333;
	font-size: 14px;
}

#demo-eight-char li.selected {
	background-color: #4e6ef2;
	color: #fff;
}

#demo-eight-char li.selected i, #demo-eight-char li.selected span {
	color: #efd7a6;
}

#demo-eight-char .fortune ul li:hover {
	background-color: #f2f2f2;
	color: #4e6ef2;
}

#demo-eight-char .fortune ul li:hover i, #demo-eight-char .fortune ul li:hover span {
	color: #4e6ef2;
}

#demo-eight-char .fortune ul li.title:hover, #demo-eight-char .fortune ul:last-child li:hover {
	background-color: transparent;
	color: #000;
}

#demo-eight-char .fortune ul li.title:hover {
	color: #aaa;
}

.moon {
	background-repeat: no-repeat;
	background-position: 12px 3px;
	background-size: 18px 18px;
}

.moon-0 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><path d="M127.658667 492.885333c0 69.632 17.066667 134.144 51.541333 192.853334s80.896 105.813333 139.946667 139.946666S442.368 877.226667 512 877.226667s133.802667-17.066667 192.853333-51.541334 105.472-80.896 139.605334-139.946666 51.541333-123.221333 51.541333-192.853334-17.066667-133.802667-51.541333-192.853333-80.896-105.472-139.605334-139.605333S581.632 108.885333 512 108.885333s-133.802667 17.408-192.853333 51.541334-105.813333 80.896-139.946667 139.605333-51.541333 123.221333-51.541333 192.853333z" style="fill: rgb(100, 108, 119);"></path></svg>');
}

.moon-1 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><ellipse style="stroke: rgb(0, 0, 0); fill: rgb(245, 186, 69);" cx="511.394" cy="512.303" rx="383.796" ry="382.991"/><path d="M 128.06 511.829 C 128.06 459.946 138.3 410.111 158.439 362.666 C 178.578 315.221 206.226 274.602 240.359 240.127 C 274.492 205.653 315.452 178.346 362.898 158.207 C 410.343 138.069 459.836 127.829 512.06 127.829 C 564.284 127.829 613.778 138.069 661.223 158.207 C 708.668 178.346 749.628 205.994 784.103 240.127 C 818.578 274.261 845.884 315.221 866.023 362.666 C 886.162 410.111 896.402 459.605 896.402 511.829 C 896.402 564.053 886.162 613.546 866.023 660.991 C 845.884 708.437 818.236 749.397 784.103 783.871 C 749.97 818.346 709.01 845.653 661.223 865.791 C 613.436 885.93 563.943 896.17 512.06 896.17 C 460.178 896.17 410.343 885.93 362.898 865.791 C 315.452 845.653 274.834 818.005 240.359 783.871 C 205.884 749.738 178.578 708.778 158.439 660.991 C 138.3 613.205 128.06 564.053 128.06 511.829 Z M 559.506 171.861 C 615.484 202.581 661.564 246.954 697.404 304.981 C 733.244 363.007 750.994 431.957 750.994 511.829 C 750.994 679.082 692.284 791.722 574.866 849.407 C 655.079 834.389 721.98 795.135 775.228 731.989 C 828.476 668.842 855.1 595.455 855.1 511.829 C 855.1 455.167 842.13 402.261 816.188 352.767 C 790.247 303.274 754.748 262.997 709.351 230.911 C 663.954 198.826 614.802 179.711 559.506 171.861 Z" style="fill: rgb(100, 108, 119);"/></svg>');
}

.moon-2 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><ellipse style="stroke: rgb(0, 0, 0); fill: rgb(245, 186, 69);" cx="511.394" cy="512.303" rx="383.796" ry="382.991"/><path d="M 127.83 511.829 C 127.83 459.947 138.07 410.112 158.208 362.667 C 178.347 315.221 205.995 274.603 240.128 240.128 C 274.262 205.653 315.222 178.347 362.667 158.208 C 410.112 138.069 459.606 127.829 511.83 127.829 C 564.054 127.829 613.547 138.069 660.992 158.208 C 708.438 178.347 749.398 205.995 783.872 240.128 C 818.347 274.261 845.654 315.221 865.792 362.667 C 885.931 410.112 896.171 459.605 896.171 511.829 C 896.171 564.053 885.931 613.547 865.792 660.992 C 845.654 708.437 818.006 749.397 783.872 783.872 C 749.739 818.347 708.779 845.653 660.992 865.792 C 613.206 885.931 563.712 896.171 511.83 896.171 C 459.947 896.171 410.112 885.931 362.667 865.792 C 315.222 845.653 274.603 818.005 240.128 783.872 C 205.654 749.739 178.347 708.779 158.208 660.992 C 138.07 613.205 127.83 564.053 127.83 511.829 Z M 505.344 855.552 L 511.83 855.552 C 558.592 855.552 602.966 846.336 645.291 828.245 C 687.616 810.155 724.139 785.579 754.859 754.859 C 785.579 724.139 809.814 687.616 828.246 645.291 C 846.678 602.965 855.552 558.592 855.552 511.829 C 855.552 465.408 846.336 421.035 828.246 378.709 C 810.155 336.384 785.579 299.861 754.859 269.141 C 724.139 238.421 687.616 214.187 645.291 195.755 C 602.966 177.323 558.592 168.448 511.83 168.448 L 505.344 168.448 L 505.344 855.552 Z" style="fill: rgb(100, 108, 119);"/></svg>');
}

.moon-3 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><ellipse style="stroke: rgb(0, 0, 0); fill: rgb(245, 186, 69);" cx="511.394" cy="512.303" rx="383.796" ry="382.991"/><path d="M 127.829 511.829 C 127.829 442.538 144.895 378.368 179.37 319.317 C 213.845 260.266 260.266 213.504 319.317 179.37 C 378.367 145.237 442.538 127.829 511.829 127.829 C 563.711 127.829 613.546 138.069 660.991 158.208 C 708.437 178.346 749.397 205.994 783.871 240.128 C 818.346 274.261 845.653 315.221 865.791 362.666 C 885.93 410.112 896.17 459.605 896.17 511.829 C 896.17 564.053 885.93 613.546 865.791 660.992 C 845.653 708.437 818.005 749.397 783.871 783.872 C 749.738 818.346 708.778 845.653 660.991 865.792 C 613.205 885.93 563.711 896.17 511.829 896.17 C 459.946 896.17 410.111 885.93 362.666 865.792 C 315.221 845.653 274.261 818.005 240.127 783.872 C 205.994 749.738 178.687 708.778 158.207 660.992 C 137.727 613.205 127.829 564.053 127.829 511.829 Z M 359.935 511.829 C 359.935 663.381 399.871 777.386 479.402 853.845 C 481.791 853.845 485.205 853.845 489.642 854.186 C 494.079 854.528 498.175 854.869 501.589 854.869 C 505.002 854.869 508.415 855.21 511.829 855.21 C 558.25 855.21 602.623 845.994 644.949 827.904 C 687.274 809.813 724.138 785.237 754.858 754.517 C 785.578 723.797 809.813 687.274 828.245 644.949 C 846.677 602.624 855.551 558.25 855.551 511.488 C 855.551 465.066 846.335 420.693 828.245 378.368 C 810.154 336.042 785.578 299.52 754.858 268.8 C 724.138 238.08 687.615 213.845 644.949 195.413 C 602.282 176.981 557.909 168.106 511.829 168.106 C 499.541 168.106 490.325 168.448 484.181 169.13 C 447.317 210.773 417.279 260.949 394.069 320 C 370.858 379.05 359.935 443.221 359.935 511.829 Z" style="fill: rgb(100, 108, 119);"/></svg>');
}

.moon-4 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><ellipse style="stroke: rgb(0, 0, 0); fill: rgb(245, 186, 69);" cx="511.394" cy="512.303" rx="383.796" ry="382.991"/><path d="M 127.318 512.341 C 127.318 460.117 137.558 409.941 157.696 362.496 C 177.835 315.051 205.483 274.091 239.616 239.616 C 273.75 205.141 314.71 177.835 362.496 157.696 C 410.283 137.557 459.776 127.317 511.659 127.317 C 563.883 127.317 614.059 137.557 661.504 157.696 C 708.95 177.835 749.91 205.483 784.384 239.616 C 818.859 273.749 846.166 314.709 866.304 362.496 C 886.443 410.283 896.683 459.776 896.683 512.341 C 896.683 564.224 886.443 614.059 866.304 661.504 C 846.166 708.949 818.518 749.909 784.384 784.384 C 750.251 818.859 709.291 846.165 661.504 866.304 C 613.718 886.443 564.224 896.683 511.659 896.683 C 459.776 896.683 409.942 886.443 362.496 866.304 C 315.051 846.165 274.091 818.517 239.616 784.384 C 205.142 750.251 177.835 709.291 157.696 661.504 C 137.558 613.717 127.318 564.565 127.318 512.341 Z M 168.278 512.341 C 168.278 558.763 177.494 603.136 195.584 645.461 C 213.675 687.787 238.251 724.651 268.971 755.371 C 299.691 786.091 336.214 810.325 378.88 828.757 C 421.547 847.189 465.92 856.064 512 856.064 C 558.763 856.064 603.136 846.848 645.462 828.757 C 687.787 810.667 724.31 786.091 755.371 755.371 C 786.432 724.651 810.667 688.128 828.758 645.461 C 846.848 602.795 856.064 558.421 856.064 512.341 C 856.064 450.219 840.704 392.875 809.984 339.968 C 779.264 287.061 737.28 245.419 684.374 214.357 C 631.467 183.296 574.123 168.277 512 168.277 C 465.579 168.277 421.206 177.493 378.88 195.584 C 336.555 213.675 299.691 238.251 268.971 269.312 C 238.251 300.373 214.016 336.896 195.584 379.221 C 177.152 421.547 168.278 465.92 168.278 512.341 Z" style="fill: rgb(100, 108, 119);"/></svg>');
}

.moon-5 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><ellipse style="stroke: rgb(0, 0, 0); fill: rgb(245, 186, 69);" cx="511.394" cy="512.303" rx="383.796" ry="382.991"/><path d="M 127.829 511.829 C 127.829 459.947 138.069 410.112 158.207 362.667 C 178.346 315.221 205.994 274.603 240.127 240.128 C 274.261 205.653 315.221 178.347 362.666 158.208 C 410.111 138.069 459.605 127.829 511.829 127.829 C 564.053 127.829 613.546 138.069 660.991 158.208 C 708.437 178.347 749.397 205.995 783.871 240.128 C 818.346 274.261 845.653 315.221 865.791 362.667 C 885.93 410.112 896.17 459.605 896.17 511.829 C 896.17 564.053 885.93 613.547 865.791 660.992 C 845.653 708.437 818.005 749.397 783.871 783.872 C 749.738 818.347 708.778 845.653 660.991 865.792 C 613.205 885.931 563.711 896.171 511.829 896.171 C 459.946 896.171 410.111 885.931 362.666 865.792 C 315.221 845.653 274.602 818.005 240.127 783.872 C 205.653 749.739 178.346 708.779 158.207 660.992 C 138.069 613.205 127.829 564.053 127.829 511.829 Z M 168.789 511.829 C 168.789 558.592 178.005 602.965 196.095 645.291 C 214.186 687.616 238.762 724.139 269.482 754.859 C 300.202 785.579 336.725 809.813 379.05 828.245 C 421.375 846.677 465.749 855.552 512.17 855.552 C 523.434 855.552 531.967 855.552 537.087 855.211 C 563.711 834.389 586.239 810.496 603.989 783.189 C 621.738 755.883 635.391 726.528 644.266 695.467 C 653.141 664.405 659.285 634.368 662.698 605.696 C 666.111 577.024 667.818 545.963 667.818 512.171 C 667.818 446.976 656.895 383.829 634.709 323.072 C 612.522 262.315 578.389 211.115 531.626 169.813 C 527.189 169.472 520.703 169.472 511.487 169.472 C 465.066 169.472 420.693 178.688 378.367 196.779 C 336.042 214.869 300.202 238.763 269.482 269.483 C 238.762 300.203 214.527 336.725 196.095 379.051 C 177.663 421.376 168.789 465.749 168.789 511.829 Z" style="fill: rgb(100, 108, 119);"/></svg>');
}

.moon-6 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><ellipse style="stroke: rgb(0, 0, 0); fill: rgb(245, 186, 69);" cx="511.394" cy="512.303" rx="383.796" ry="382.991"/><path d="M 127.829 511.829 C 127.829 459.947 138.069 410.112 158.207 362.667 C 178.346 315.221 205.994 274.603 240.127 240.128 C 274.261 205.653 315.221 178.347 362.666 158.208 C 410.111 138.069 459.605 127.829 511.829 127.829 C 564.053 127.829 613.546 138.069 660.991 158.208 C 708.437 178.347 749.397 205.995 783.871 240.128 C 818.346 274.261 845.653 315.221 865.791 362.667 C 885.93 410.112 896.17 459.605 896.17 511.829 C 896.17 564.053 885.93 613.547 865.791 660.992 C 845.653 708.437 818.005 749.397 783.871 783.872 C 749.738 818.347 708.778 845.653 660.991 865.792 C 613.205 885.931 563.711 896.171 511.829 896.171 C 459.946 896.171 410.111 885.931 362.666 865.792 C 315.221 845.653 274.602 818.005 240.127 783.872 C 205.653 749.739 178.346 708.779 158.207 660.992 C 138.069 613.205 127.829 564.053 127.829 511.829 Z M 168.789 511.829 C 168.789 558.592 178.005 602.965 196.095 645.291 C 214.186 687.616 238.762 724.139 269.482 754.859 C 300.202 785.579 336.725 809.813 379.05 828.245 C 421.375 846.677 465.749 855.552 512.17 855.552 L 519.338 855.552 L 519.338 168.789 L 512.17 168.789 C 465.749 168.789 421.375 178.005 379.05 196.096 C 336.725 214.187 300.202 238.763 269.482 269.483 C 238.762 300.203 214.527 336.725 196.095 379.051 C 177.663 421.376 168.789 465.749 168.789 511.829 Z" style="fill: rgb(100, 108, 119);"/></svg>');
}

.moon-7 {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><ellipse style="stroke: rgb(0, 0, 0); fill: rgb(245, 186, 69);" cx="511.394" cy="512.303" rx="383.796" ry="382.991"/><path d="M 127.829 511.829 C 127.829 459.947 138.069 410.112 158.207 362.667 C 178.346 315.221 205.994 274.603 240.127 240.128 C 274.261 205.653 315.221 178.347 362.666 158.208 C 410.111 138.069 459.605 127.829 511.829 127.829 C 564.053 127.829 613.546 138.069 660.991 158.208 C 708.437 178.347 749.397 205.995 783.871 240.128 C 818.346 274.261 845.653 315.221 865.791 362.667 C 885.93 410.112 896.17 459.605 896.17 511.829 C 896.17 564.053 885.93 613.547 865.791 660.992 C 845.653 708.437 818.005 749.397 783.871 783.872 C 749.738 818.347 708.778 845.653 660.991 865.792 C 613.205 885.931 563.711 896.171 511.829 896.171 C 459.946 896.171 410.111 885.931 362.666 865.792 C 315.221 845.653 274.602 818.005 240.127 783.872 C 205.653 749.739 178.346 708.779 158.207 660.992 C 138.069 613.205 127.829 564.053 127.829 511.829 Z M 168.789 511.829 C 168.789 596.48 196.095 670.891 251.05 734.72 C 306.005 798.549 374.613 837.461 456.874 851.115 C 422.399 834.048 393.386 813.568 369.493 788.992 C 345.599 764.416 326.826 737.792 313.855 708.096 C 300.885 678.4 291.327 647.68 285.525 615.936 C 279.722 584.192 276.65 549.376 276.65 511.488 C 276.65 439.467 293.717 372.907 327.509 312.149 C 361.301 251.392 408.405 204.288 468.138 171.52 C 412.501 178.688 361.983 197.803 316.245 229.547 C 270.506 261.291 234.666 302.251 208.383 352.085 C 182.101 401.92 168.789 454.827 168.789 511.829 Z" style="fill: rgb(100, 108, 119);"/></svg>');
}

.open-source {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
	border: 1px solid #e1e8ed;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 20px;
}

.open-source thead tr {
	background-color: #f8f9fa;
	color: #2c3e50;
	text-align: left;
	font-weight: 600;
	border-bottom: 2px solid #e1e8ed;
}

.open-source th, .open-source td {
	padding: 7px 9px;
	border-bottom: 1px solid #e1e8ed;
}

.open-source tbody tr {
	transition: all 0.2s ease;
}

.open-source tbody tr:hover {
	background-color: #f1f8ff;
}

.open-source tbody tr:last-of-type td {
	border-bottom: none;
}

.container {
	clear: both;
	margin: 0 auto;
	width: 1000px;
}

h1 {
	text-align: center;
	color: #2c3e50;
	margin-bottom: 30px;
}

a {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #f50
}

em, i {
	font-style: normal;
}

.red {
	color: #f00;
}

.green {
	color: #008000;
}

.dyg b {
	white-space: nowrap
}

.dyg img {
    width: 100%;
	max-width:150px;
}
.rotating-image {
    object-fit: cover;
    border-radius: 10px;
    transition: transform 10.0s ease;
    cursor: pointer;
}
.rotating-image:hover {
    transform: rotate(3600deg);
}
#huangli .left a,#huangli .right a {
	display: block
}

#huangli .left,#huangli .right {
	position: absolute;
	top: 0px
}

#huangli .right {
	right: 10px
}

#huangli .left img,#huangli .right img {
	margin: 8em 0.5em
}

.yueli {
	border-radius: 16px;
	padding: 10px;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
	margin: 10px 0px 10px 0px;
	background-color: #fff;
    z-index: 1;
    position: relative;
    border: 2px solid #eca40f;
}
.yueli p{
    margin: 10px auto;
    text-align: center;
}
.calendar-container {
	max-width: 1200px;
	margin: 0 auto;
	background: white;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
	padding: 5px;
}

.calendar-header {
	text-align: center;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #efd7a6;
}

.calendar-title {
	font-size: 24px;
	color: #2c3e50;
	font-weight: 600;
}

.month {
	position: absolute;
	font-size: 80px;
	width: 1000px;
	text-align: center;
	line-height: 650px;
	color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
	z-index: -9999;
}

.calendar-nav {
	display: flex;
	justify-content: space-between;
}

.calendar-nav a {
	text-decoration: none;
	padding: 8px 15px;
	border-radius: 6px;
	transition: background 0.3s;
	border: 1px solid chocolate;
	color: tomato;
}

.calendar-nav a:hover {
	background: #dc8906;
    color: #fff;
}

.calendar-weekdays {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
	color: #2c3e50;
}

.calendar-weekdays div {
	padding: 12px 0;
}

.calendar-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 8px;
}

.calendar-day {
	border-radius: 8px;
	padding: 8px 8px;
	text-align: center;
	transition: all 0.2s;
	border: 1px solid #efd7a6;
	min-height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.calendar-day:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.calendar-day.weekend, .calendar-weekdays .weekend, .weekend .lunar-date {
	color: #27ae60;
}

.calendar-day .solar-date {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 0px;
}

.calendar-day .lunar-date {
	font-size: 14px;
	color: #7f8c8d;
}

.calendar-day a {
	text-decoration: none;
	color: inherit;
	display: block;
}

.calendar-day.empty {
	background: transparent;
	border: none;
}

.today {
	border-color: #e31d1d;
}

.today .solar-date, .today .lunar-date {
	color: #e74c3c !important;
	font-weight: 700;
}

.festival {
	color: #e74c3c;
	font-weight: bold;
}

.txtBirth {
	text-align: center;
}

.txtBirth input,.txtBirth select {
	color: #333;
	height: 38px;
	line-height: 38px;
	border: 1px solid #efd7a6;
	padding: 0 8px;
	border-radius: 5px;
	background: #fff;
	overflow: hidden
}

.txtBirth option {
	outline: none;
	overflow: hidden
}

.txtBirth .tsb {
	min-width: 80px;
	height: 38px;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	background: #e7a96d;
	outline: medium;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 5px
}

.txtBirth .tsb:hover {
	background: #f17f05
}
.footer{text-align:center;}

.module {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            border: 2px solid #eca40f;
        }
.mod-intro .hd {
            color: #333;
            padding: 15px 20px;
            background-color: #fcf8ef;
            border-bottom: 1px solid #eca40f;
        }
.mod-intro .hd .title {
            font-size: 18px;
            font-weight: bold;
        }
.mod-intro .bd {
            padding: 10px;
        }
.mod-intro .tabs .nav {
            display: flex;
            list-style: none;
            border-bottom: 2px solid #efd7a6;
            margin-bottom: 10px;
        }
.mod-intro .tabs .nav li {
            flex: 1;
            text-align: center;
        }
.mod-intro .tabs .nav li a {
            display: block;
            padding: 12px 15px;
            text-decoration: none;
            color: #666;
            background: #f9f9f9;
            border: 1px solid #efd7a6;
            border-bottom: none;
            margin-right: 5px;
            transition: all 0.3s;
        }
.mod-intro .tabs .nav li:first-child a {
            border-top-left-radius: 5px;
        }
.mod-intro .tabs .nav li:last-child a {
            border-top-right-radius: 5px;
            margin-right: 0;
        }
.mod-intro .tabs .nav li.active a {
            background: #fff8e6;
            color: #555;
            font-weight: bold;
            border-color: #efd7a6;
        }
.mod-intro .tabs .panel {
            display: none;
        }
.mod-intro .tabs .panel.active {
            display: block;
        }
.mod-intro table {
            width: 100%;
            border-collapse: collapse;
        }
.mod-intro table td {
            padding: 12px 15px;
            border: 1px solid #efd7a6;
            line-height: 20px;
            vertical-align: middle;
        }
.mod-intro table td.th {
            width: 9%;
            background: #f9f9f9;
            font-weight: bold;
            color: #b8860b;
            text-align: center;
            vertical-align: middle;
        }
.mod-intro table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
}

.mod-intro th:first-child {
    border-top-left-radius: 12px;
}

.mod-intro th:last-child {
    border-top-right-radius: 12px;
}
.mod-intro tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.mod-intro tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}
.mod-intro .highlight {
            color: #b8860b;
            font-weight: bold;
        }

.mod-intro p{
            text-align: left;
}

@media (max-width: 600px) {
	#huangli table td div {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		align-content: space-between;
		margin: 2px 5px 2px 5px;
	}

	#huangli i, #huangli li {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.calendar-container {
		padding: 5px;
	}

	.calendar-day {
		padding: 1px 1px;
		min-height: 40px;
	}

	.calendar-day .solar-date {
		font-size: 18px;
	}

	.calendar-day .lunar-date {
		font-size: 10px;
	}

	.month {
		position: absolute;
		font-size: 60px;
		width: 350px;
		height: 400px;
		text-align: center;
		line-height: 400px;
		color: #999;
		opacity: 0.1;
		filter: alpha(opacity=10);
		z-index: -9999;
	}
  .mod-intro .hd {
    font-size:16px
  }
  .mod-intro .bd .nav li a {
    margin:0 0 2px
  }
  .mod-intro .bd table td,
  .mod-intro .bd table th {
    display:block;
    padding:4px 8px;
    border:none
  }
  .mod-intro .bd table td.th,
  .mod-intro .bd table th.th {
    width:100px;
    margin-top:10px;
    text-align:left;
    background:none
  }
  .mod-intro p {
    line-height:22px
  }
  .mod-intro .tabs .nav li{
      font-size:12px;
  }
}