@charset "UTF-8";
@font-face {
	font-family: "iconfont";
	src: url(/assets/img/iconfont.eot); /* IE9*/
	src: url(/assets/img/iconfont.eot?#iefix) format("embedded-opentype"),
		/* IE6-IE8 */ url(/assets/img/iconfont.woff) format("woff"),
		/* chrome, firefox */ url(/assets/img/iconfont.ttf) format("truetype"),
		/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
			url(/assets/img/iconfont.svg?#iconfont) format("svg"); /* iOS 4.1- */
}

:root {
	--calendar-bg: #ffffff;
	--calendar-shadow: 2px 2px 5px #c9c9c9;
	--cell-hover: #ecf1f4;
	--today-bg: #ecf1f4;
	--border-colour: #f8f8f8;
}

.dark {
	--calendar-bg: #1e1e1e;
	--calendar-shadow: 2px 2px 5px #525252;
	--cell-hover: #171717;
	--today-bg: #1a1919;
	--border-colour: #575757;
}

* {
	--cell-font-size: 15px;
	--header-font-size: 14px;
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-time:before {
	content: "\e62f";
}
.icon-richeng:before {
	content: "\e641";
}
.icon-guanbi:before {
	content: "\e617";
}

.icon-xiangzuojiantou:before {
	content: "\e660";
}
.icon-xiangyoujiantou:before {
	content: "\e65f";
}

.full-jcalendar {
	position: relative;
	font-size: 14px;
	display: inline-block;
}
.full-jcalendar .input-icon {
	position: absolute;
	width: 28px;
	height: 100%;
	right: 0;
	top: 5px;
	text-align: center;
	color: #e8a400;
	transition: all 0.3s;
}
.full-jcalendar .input-icon .iconfont {
	font-size: 18px;
}
.full-jcalendar .input-icon .iconfont.is-clear {
	color: #999;
	font-weight: bolder;
}
.full-jcalendar .input-icon__tip {
	position: absolute;
	right: 28px;
	top: 10px;
	width: 16px;
	cursor: default;
	text-align: center;
}
.full-jcalendar .input-icon__tip i {
	display: block;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	background-color: #ff5a00;
	border-radius: 8px;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	overflow: hidden;
}

.full-jcalendar .input__inner {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: none;
	border-radius: 5px;
	border: 1px solid #bfcbd9;
	box-sizing: border-box;
	color: #1f2d3d;
	display: inline-block;
	font-size: inherit;
	height: 36px;
	line-height: 1;
	outline: none;
	padding: 3px 10px;
	transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	min-width: 193px;
	width: 100%;
}
.full-jcalendar .input__inner:focus {
	outline: none;
	border-color: #20a0ff;
}
.full-jcalendar .input__inner:hover {
	border-color: #8391a5;
}
.input-icon + .input__inner {
	padding-right: 28px;
}
.input-icon__tip + .input__inner {
	padding-right: 35px;
}
.full-jcalendar input.input__inner::-moz-placeholder {
	color: #97a8be;
}
.full-jcalendar input.input__inner::placeholder,
.full-jcalendar input.input__inner:-moz-placeholder {
	color: #97a8be;
}
.full-jcalendar input.is-disabled {
	background-color: #eef1f6;
	border-color: #d1dbe5;
	color: #bbb;
	cursor: not-allowed;
}
.full-jcalendar .is-disabled i {
	color: #bbb;
}
.full-jcalendar .is-disabled * {
	cursor: not-allowed;
}

.full-jcalendar__main {
	/* cursor: pointer; */
	position: absolute;
	z-index: 1670;
	left: 2px;
	top: 38px;
	width: 296px;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #c9c9c9;
	overflow: hidden;
}
.full-jcalendar__main--calendar {
	/* cursor: pointer; */
	/* min-height: 80dvh; */
	height: 100%;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #c9c9c9;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Apply 60vh when the screen height is greater than a third of the screen */
@media (min-height: 500px) {
	.full-jcalendar__main--calendar {
		min-height: 67.4vh;
	}
}
.full-jcalendar__main--calendar::-webkit-scrollbar,
.full-jcalendar__main--calendar-responsive::-webkit-scrollbar,
.full-jcalendar-header::-webkit-scrollbar,
#calendarBody::-webkit-scrollbar {
    width: 10px;
}

.full-jcalendar__main--calendar::-webkit-scrollbar-track,
.full-jcalendar__main--calendar-responsive::-webkit-scrollbar-track,
.full-jcalendar-header::-webkit-scrollbar-track,
#calendarBody::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light background for the track */
    border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
}

.full-jcalendar__main--calendar::-webkit-scrollbar-thumb,
.full-jcalendar__main--calendar-responsive::-webkit-scrollbar-thumb,
.full-jcalendar-header::-webkit-scrollbar-thumb,
#calendarBody::-webkit-scrollbar-thumb {
    background-color: #c1c1c1; /* Darker color for the scrollbar thumb */
    border-radius: 5px; /* Rounded corners for the scrollbar thumb */

    border: 1px solid #ffffff; /* Optional: Space between the thumb and track */
}

.full-jcalendar__main--calendar::-webkit-scrollbar-thumb:hover,
.full-jcalendar__main--calendar-responsive::-webkit-scrollbar-thumb:hover,
.full-jcalendar-header::-webkit-scrollbar-thumb:hover,
#calendarBody::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a0; /* Darker color when hovering over the scrollbar */
}

.full-jcalendar__main--calendar::-webkit-scrollbar-corner,
.full-jcalendar__main--calendar-responsive::-webkit-scrollbar-corner,
.full-jcalendar-header::-webkit-scrollbar-corner,
#calendarBody::-webkit-scrollbar-corner {
    background-color: transparent;
}

@media screen and (min-width: 320px) {
	.full-jcalendar__main--calendar {
		width: calc(100vw - 50px);
		height: calc(20vw - 50px);
	}
}

@media screen and (min-width: 768px) {
	.full-jcalendar__main--calendar {
		width: calc(100vw - 250px);
	}
}

@media screen and (min-width: 1024px) {
	.full-jcalendar__main--calendar {
		width: calc(100vw - 250px);
	}
}

@media screen and (min-width: 1200px) {
	.full-jcalendar__main--calendar {
		width: calc(100vw - 450px);
	}
}

@media screen and (min-width: 1366px) {
	.full-jcalendar__main--calendar {
		width: calc(100vw - 550px);
	}
}

@media screen and (min-width: 1536px) {
	.full-jcalendar__main--calendar {
		width: calc(100vw - 850px);
	}
}
.full-jcalendar__main--calendar-responsive {
	background-color: #ffffff;
	background-color: var(--calendar-bg);
	border-radius: 5px;
	max-width: 1920px !important;

	/* box-shadow: var(--calendar-shadow); */
	overflow: hidden;
}

/* @media screen and (min-width: 1024px) {
	.full-jcalendar__main--calendar-responsive * {
		--cell-font-size: 20px;
		--header-font-size: 18px;
	}
} */

/* @media screen and (min-width: 1200px) {
	.full-jcalendar__main--calendar-responsive * {
		--cell-font-size: 20px;
		--header-font-size: 22px;
	} 
	.full-jcalendar__main--calendar-responsive {
		min-height: 50vh;
		height: calc(58vw - 120px);
		width: 40vw !important;
	}
}

@media screen and (min-width: 1366px) {
	.full-jcalendar__main--calendar-responsive {
		min-height: 100dvh;
		height: calc(52vw - 100px);
		width: 40vw !important;
	}
}

@media screen and (min-width: 1536px) {
	.full-jcalendar__main--calendar-responsive {
		min-height: 50dvh;
		height: calc(37vw - 100px);
		width: 39vw !important;
	}
} */

.full-jcalendar__main.is-daterange {
	width: 593px;
}
.full-jcalendar__main .date-range__month {
	float: left;
	width: 296px;
	overflow: hidden;
}
.full-jcalendar__main .date-range__month.leftMonth {
	border-right: 1px solid #f8f8f8;
	border-right: 1px solid var(--border-colour);
}
.full-jcalendar__main--calendar-responsive .full-jcalendar-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.full-jcalendar-header {
	position: relative;
	width: 100%;
	padding: 5px 0 0 0;
	/* height:24px; */
	font-size: var(--header-font-size);
	text-align: center;
	line-height: 24px;
	color: #333;
	font-weight: 500;
}
.full-jcalendar-header span {
	display: inline-block;
}
.full-jcalendar-header .title-year:hover,
.full-jcalendar-header .title-month:hover {
	color: #50bfff;
}
.date-range__month .full-jcalendar-header .title-year:hover,
.date-range__month .full-jcalendar-header .title-month:hover {
	color: #333;
}
.full-jcalendar-header .prev-month,
.full-jcalendar-header .next-month {
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	color: #e1ceb7;
	font-size: 20px;
}
.full-jcalendar-header p.prev-month {
	position: absolute;
	z-index: 1676;
	left: 5px;
	top: 5px;
}
.full-jcalendar-header p.next-month {
	position: absolute;
	z-index: 1676;
	right: 5px;
	top: 5px;
}

.date-range__month .full-jcalendar-header .prev-year {
	position: absolute;
	z-index: 1676;
	left: 5px;
	top: 5px;
}

.date-range__month .full-jcalendar-header .prev-month {
	left: 35px;
}
.date-range__month .full-jcalendar-header .next-year {
	position: absolute;
	z-index: 1676;
	right: 5px;
	top: 5px;
}
.date-range__month .full-jcalendar-header .next-month {
	right: 35px;
}

.full-jcalendar__body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 280px;
	position: relative;
}
.full-jcalendar__main--calendar-responsive .full-jcalendar__body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: stretch;
}
.full-jcalendar__body ul,
.full-jcalendar__body p {
	margin: 0;
	padding: 0;
}
.full-jcalendar__body .weeks {
	width: 100%;
	height: 30px;
	display: flex;
	border-top: 1px solid #f8f8f8;
	border-top: 1px solid var(--border-colour);
	border-bottom: 1px solid #f8f8f8;
	border-bottom: 1px solid var(--border-colour);
}
.full-jcalendar__body .weeks .week {
	flex: 1;
	text-align: center;
	font-size: var(--header-font-size);
	color: #8391a5;
	line-height: 30px;
	border: none;
}
.full-jcalendar__body .weeks .week strong {
	font-weight: normal;
}
.full-jcalendar__body .week-row {
	display: flex;
	/* height: calc(608px / 6); */

	width: 100%;
}
.full-jcalendar__main--calendar-responsive .full-jcalendar__body .week-row {
	flex: 1;
	border-left: 1px solid #f8f8f8;
	border-left: 1px solid var(--border-colour);
}
.full-jcalendar__body .week-row .day-cell {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2px;
	text-align: center;
	/* min-height: var(--calendar-row-height); */

	/* ONLY draw right & bottom borders */
	border-right: 1px solid #f8f8f8;
	border-right: 1px solid var(--border-colour);
	border-bottom: 1px solid #f8f8f8;
	border-bottom: 1px solid var(--border-colour);
}
.full-jcalendar__body .day-cell .day-number .lunar {
	font-size: var(--cell-font-size);
	color: #acacac;
}
.full-jcalendar__body .day-cell .day-number .solar {
	font-size: var(--cell-font-size);
	color: #483a32;
	/*text-shadow: 1px 1px 1px #ddd;*/
}
/*.full-jcalendar__body .day-cell.not-cur-month .solar {*/
/*text-shadow: none;*/
/*}*/
.full-jcalendar__body .day-cell .day-number .solar .is-leap {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: #f00;
	font-size: var(--cell-font-size);
	color: #fff;
	text-align: center;
	line-height: 14px;
}
.full-jcalendar__body .day-cell .day-number .term {
	font-size: var(--cell-font-size);
	color: #ffc200;
}
.full-jcalendar__body .day-cell .day-number .festival {
	font-size: var(--cell-font-size);
	color: #ff8610;
}
.full-jcalendar__body .day-cell .day-number .is-today {
	font-size: var(--cell-font-size);
	color: #20a0ff;
}
.full-jcalendar__body .day-cell .day-number .is-empty {
	line-height: 34px;
}
.full-jcalendar__body .day-cell.today {
	background-color: #ecf1f4;
	background-color: var(--today-bg);
}
.full-jcalendar__body .day-cell.today:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 0.5em solid #20a0ff;
	border-left: 0.5em solid transparent;
}
.full-jcalendar__body .day-cell.choose {
	background-color: #d2ecff;
}
.full-jcalendar__body .day-cell.select {
	background-color: #009bfe;
}
.full-jcalendar__body .day-cell.select .lunar,
.full-jcalendar__body .day-cell.select .solar,
.full-jcalendar__body .day-cell.select .term,
.full-jcalendar__body .day-cell.select .festival,
.full-jcalendar__body .day-cell.select .is-today {
	color: #fff;
}
.full-jcalendar__body .day-cell.select .solar .is-leap {
	background: none;
}
.full-jcalendar__body .day-cell.not-cur-month .lunar,
.full-jcalendar__body .day-cell.not-cur-month .solar,
.full-jcalendar__body .day-cell.not-cur-month .term,
.full-jcalendar__body .day-cell.not-cur-month .festival {
	color: #ddd;
}
.full-jcalendar__body .day-cell:hover {
	background-color: #ecf1f4;
	background-color: var(--cell-hover);
}
.full-jcalendar__body .day-cell.choose:hover {
	background-color: #009bfe;
}
.full-jcalendar__body .day-cell.choose:hover .lunar,
.full-jcalendar__body .day-cell.choose:hover .solar,
.full-jcalendar__body .day-cell.choose:hover .term,
.full-jcalendar__body .day-cell.choose:hover .festival,
.full-jcalendar__body .day-cell.choose:hover .is-today {
	color: #fff;
}
.full-jcalendar__body .select:hover {
	background-color: #009bfe;
}
.full-jcalendar__body .day-cell.not-optional {
	background-color: #ecf1f4;
	background-color: var(--cell-hover);
}
.full-jcalendar__month,
.full-jcalendar__year {
	position: absolute;
	z-index: 1677;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.full-jcalendar__main--calendar-responsive .full-jcalendar__month,
.full-jcalendar__main--calendar-responsive .full-jcalendar__year {
	position: absolute;
	z-index: 1677;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
.full-jcalendar__body .close {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 3px 5px;
	font-size: 12px;
	background-color: #fbf8ff;
	border: 1px solid #f8f8f8;
	border-radius: 3px;
}
.full-jcalendar__body .data-list {
	list-style: none;
	margin: auto;
	padding: 20px 0 0 0;
	width: 85%;
}
.full-jcalendar__body .data-list li {
	position: relative;
	list-style: none;
	line-height: normal;
	float: left;
	width: 25%;
	text-align: center;
	padding: 5px 0;
	margin: 10px 0;
	font-size: 14px;
	color: #333;
}
.full-jcalendar__body .data-list li:hover,
.full-jcalendar__body .data-list li.select-year {
	background-color: #50bfff;
	color: #fff;
}
.full-jcalendar__body .data-list li.curr-year:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 0.5em solid #20a0ff;
	border-left: 0.5em solid transparent;
}
.full-jcalendar__body .clearfix {
	float: none;
	width: 100%;
	clear: both;
	height: 0px;
	line-height: 0px;
}