@charset "utf-8";
/* @latest 2021.03.17 YHY */

.calendar002 {width:100%;height:100%;background: #f9f9f9;box-sizing:border-box;position:relative;}

.calendar002 .ym_box {width:100%;padding:10px 15px;float:left;text-align:center;box-sizing:border-box;background:#0177d7;}
.calendar002 .ym_box > span {width:5%; float:left; cursor:pointer;}
.calendar002 .ym_box div {width:90%; float:left; text-align:center;}
.calendar002 .ym_box div h3, .calendar002 .ym_box div .title {font-size: 14px;font-weight:400;color:#fff;padding-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.calendar002 .ym_box div b {font-size: 19px;color:#fff;}
.calendar002 .ym_box .month_prev:before {content:"\276E"; float:left; padding-right:10px; color:#fff;}
.calendar002 .ym_box .month_next:before {content:"\276F"; float:right; padding-left:10px; color:#fff;}

.calendar002 .dd_box table {text-align:center; vertical-align:middle; border-collapse:collapse; width:100%;}
.calendar002 .dd_box table thead.week {background:none;}
.calendar002 .dd_box table thead.week th {width:14.285%; background:#54acdc; color:#fff; font-weight:400; border-bottom:1px solid rgba(255,255,255,0.9);}
.calendar002 .dd_box table tbody tr:nth-child(odd) {background: white;}
.calendar002 .dd_box table td {color:#88888a; font-size:13px;}

.calendar002 .dd_box table td.dd_xx {opacity:0.3;}
.calendar002 .dd_box table td.dd_on {font-weight:600; position:relative; overflow:hidden; color:#5e5e5e;}
.calendar002 .dd_box table td.dd_on:before {content:"";width:12px;height:12px;background: #2c93d2;transform:rotate(45deg);float: left;position: absolute;top: -6px;left: -6px; opacity: 0.7;}

.calendar002 .dd_box table td.dd_weekend,.calendar002 .dd_box table tbody tr td:first-child {color:#e60000;}


	.layout_height_M .calendar002 .ym_box div a,.layout_height_L .calendar002 .ym_box div a {display:inline-block;padding-right:2px;box-sizing:border-box;max-width: 65%;vertical-align: sub;}
	.layout_height_M .calendar002 .ym_box div b,.layout_height_L .calendar002 .ym_box div b {/* display:inline-block; */padding-left:2px;box-sizing:border-box;width: auto;}

	.layout_height_H .calendar002 .ym_box div h3, .layout_height_H .calendar002 .ym_box div .title {width:100%;}
	.layout_height_M .calendar002 .ym_box div h3, .layout_height_L .calendar002 .ym_box div h3,
  .layout_height_M .calendar002 .ym_box div .title, .layout_height_L .calendar002 .ym_box div .title {max-width:100%;padding-bottom: 0;}

	@media (min-width:600px){
		.calendar002 .dd_box table td:hover span {background:#fff; border-radius:100%; cursor:pointer; -webkit-transition:background 1s; transition:background 1s;}
		.calendar002 .dd_box table td.today_pc:hover span {background:#0177d7;}
		.calendar002 .dd_box table td.today_pc span {background:#0177d7; color:white; border-radius:100%; cursor:pointer;}
	}

	@media (min-width:800px){
		.layout_height_H .calendar002 .ym_box .month_prev:before,
		.layout_height_H .calendar002 .ym_box .month_next:before {font-size:23px; margin-top:3px;}
		.layout_height_M .calendar002 .ym_box {}
		.layout_height_L .calendar002 .ym_box {padding: 5px 15px;}

		.layout_height_H .calendar002 .dd_box table td {/* padding: 12px 0; */height: 39px;}
		.layout_height_M .calendar002 .dd_box table td {/* padding: 7.5px 0; */height: 29px;}
		.layout_height_L .calendar002 .dd_box table td {/*padding:3px 0 2px;*/ font-size:12px; height:19px;}
		.layout_height_H .calendar002 .dd_box table thead.week th {padding: 20px 0;}
		.layout_height_M .calendar002 .dd_box table thead.week th {padding: 8px 0;}

		.layout_height_M .calendar002 .ym_box .month_prev:before,
		.layout_height_M .calendar002 .ym_box .month_next:before {font-size:18px;}
		.layout_height_L .calendar002 .ym_box div b,
		.layout_height_L .calendar002 .ym_box .month_prev:before,
		.layout_height_L .calendar002 .ym_box .month_next:before {font-size:17px;}
		.layout_height_L .calendar002 .dd_box table thead.week th {padding:4px 0;}

		.layout_height_H .calendar002 .dd_box table td.today_pc span,
		.layout_height_H .calendar002 .dd_box table td:hover span {padding:7px;display: inline-block;}
		.layout_height_M .calendar002 .dd_box table td.today_pc span {padding:4px 3px;font-size:11px;display: inline-block;}
		.layout_height_M .calendar002 .dd_box table td:hover span {padding:4px 3px; }
		.layout_height_L .calendar002 .dd_box table td.today_pc span {padding:2px; font-size:11px; display: inline-block;}
		.layout_height_L .calendar002 .dd_box table td:hover span {padding:2px; }

		.layout_height_H .calendar002 .dd_box table td span {min-width:15px;}
		.layout_height_M .calendar002 .dd_box table td span {min-width:15px;}
		.layout_height_L .calendar002 .dd_box table td span {min-width:14px;}
	}

	@media (max-width:799px){
		.calendar002 .ym_box div b {font-size:20px;}
		.calendar002 .ym_box .month_prev:before,
		.calendar002 .ym_box .month_next:before {font-size:18px;}
		.calendar002 .dd_box table thead.week th {padding:10px 0;}
		.calendar002 .dd_box table td {/*padding:8px 0;*/ height:32px;}
		.calendar002 .dd_box table td:hover span {padding:3px;}
		.calendar002 .dd_box table td.dd_xx {opacity:0.4;}

		.layout_height_H .calendar002 .ym_box .month_prev:before,
		.layout_height_H .calendar002 .ym_box .month_next:before {margin-top:8px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.calendar002 .dd_box table td.today_pc span {padding:3px; display:inline-block; min-width:15px;}

		.layout_block4 > .layout_height_H .calendar002 .dd_box table thead.week th {padding: 17px 0;}
		.layout_block4 > .layout_height_M .calendar002 .dd_box table thead.week th {padding: 8px 0 9px;}
		.layout_block4 > .layout_height_H .calendar002 .dd_box table td {/*padding: 12px 0 13px;*/ height:40px; padding:0;}
		.layout_block4 > .layout_height_M .calendar002 .dd_box table td {/*padding: 7px 0 8px;*/ height:30px; padding:0;}
		.layout_block4 > .layout_height_L .calendar002 .dd_box table td {font-size:12px; /*padding: 2px 0 3px;*/ height:19px; padding:0;}

		.layout_block4 > .layout_height_M .calendar002 .ym_box {padding: 7px 15px;}
		.layout_block4 > .layout_height_L .calendar002 .ym_box {padding:5px 15px;}
		.layout_block4 > .layout_height_L .calendar002 .ym_box div b,
		.layout_block4 > .layout_height_L .calendar002 .ym_box .month_prev:before,
		.layout_block4 > .layout_height_L .calendar002 .ym_box .month_next:before {font-size:17px;}
		.layout_block4 > .layout_height_L .calendar002 .dd_box table thead.week th {padding:4px 0;}

		.layout_block4 > .layout_height_H .calendar002 .dd_box table td.today_pc span,
		.layout_block4 > .layout_height_H .calendar002 .dd_box table td:hover span {padding:7px; min-width:14px;}
		.layout_block4 > .layout_height_M .calendar002 .dd_box table td.today_pc span {padding:4px; font-size:11px;}
		.layout_block4 > .layout_height_M .calendar002 .dd_box table td:hover span {padding:4px; min-width:15px;}
		.layout_block4 > .layout_height_L .calendar002 .dd_box table td.today_pc span {padding:2px; font-size:11px; min-width:15px; }
		.layout_block4 > .layout_height_L .calendar002 .dd_box table td:hover span {padding:2px; }
	}
	@media (max-width:599px){
		.calendar002 .ym_box div b {font-size:17px;}
		.calendar002 .dd_box table td.today_pc span {background:#0177d7; color:white; border-radius:100%; cursor:pointer; padding:3px;
												  display:inline-block; min-width:15px;}
	}
	@media (max-width:499px){
		.calendar002 .dd_box table thead.week th {padding:13px 0;}
		.calendar002 .dd_box table td {font-size:12px;}
	}