html,
body,
.overBox {
	width: 100%;
	height: 100%;
}

body {
	background: url("../img/calendar_map.png") no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	position: relative;
}

.overBox {
	overflow: auto;
}

.data {
	margin: auto;
	text-align: left;
	width: 1211px;
	margin-top: 30px;
}

.data div,
.data section {
	position: relative;
}

.data div>span.day {
	position: absolute;
	font-size: 36px;
	color: #fff;
	left: 10px;
	bottom: 10px;
}

.data>section>div,
.data>section>span {
	height: 100px;
	width: 163px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	cursor: pointer;
}

.data>section>div {
	/*border: 1px solid #cfcfcf;*/
}

.data>section>span {
	/*border: 1px solid red;*/
}


/* 清除浮动 */

.clearfix:before,
.clearfix:after {
	display: block;
	content: '';
	clear: both
}

.banner_cd {
	margin-top: 100px;
}

.calendar_main {
	width: 100%;
}

.calendar_header {
	width: 1200px;
	margin: 0 auto;
	height: 110px;
	padding-bottom: 20px;
	padding-top: 30px;
	position: relative;
}

.header_left {
	float: left;
	width: 50%;
	text-align: left;
}

.header_right {
	float: right;
	width: 50%;
	text-align: right;
}

.header_right .month {
	font-size: 48px;
	color: #1E1E1E;
}

.header_right .year {
	font-size: 36px;
	color: #1E1E1E;
	margin-left: 30px;
}

.calendar_icon {
	position: absolute;
	width: 55px;
	height: 26px;
	background: url("../img/d_img.png") no-repeat;
	background-size: 100%;
	margin-top: 10px;
}

.calendar_ch {
	font-size: 34px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 2px;
	margin-left: 60px;
}

.calendar_en {
	font-size: 14px;
	color: #fff;
	letter-spacing: 2px;
}

.calendar_content {
	width: 100%;
}

.week_container {
	width: 100%;
	height: 48px;
	background: rgba(255, 255, 255, .5);
}

.week {
	height: 48px;
	line-height: 48px;
	width: 1200px;
	margin: 0 auto;
}

.week span {
	display: inline-block;
	width: 165px;
	text-align: center;
	font-weight: bold;
}

.day_box {
	width: 1212px;
	margin: 0 auto;
	margin-top: 25px;
}

.numer {
	position: absolute;
	font-size: 36px;
	color: #fff;
	left: 7px;
	bottom: 10px;
}

.no_day {
	width: 163px;
	height: 98px;
	/*border:1px solid #fff;*/
	float: left;
	margin-left: 10px;
}

.day {
	display: inline-block;
	/*	width:163px;
	height:100px;
	background:url("../img/rili1.png") no-repeat;
	background-size:100%;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
	cursor: pointer;
	position:relative;*/
}

.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 163px;
	height: 100px;
	background: rgba(0, 0, 0, .3);
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 100px;
	z-index: -1;
}

.data div.activty {
	width: 1211px;
	margin: 0 auto;
	/*background:rgba(255,255,255,.6);*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.act .activty_img {
	width: 280px;
	height: 140px;
	cursor: pointer;
}

.activty_img img {
	width: 100%;
	height: 140px;
}

.data div.act {
	width: 280px;
	float: left;
	margin: 0 auto;
	padding-left: 10px;
	margin-right: 20px;
}

.act p {
	color: #1e1e1e;
	font-size: 14px;
	margin-top: 15px;
	width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.activty_box {
	display: none;
}


/*===================*/

.calendarListBox {
	margin-top: 20px;
}

.calendarListBox .calendarListRow {
	width: 1200px;
	margin: auto;
}

.calendarListBox .calendarListRow .calendarListRowBox {
	margin-right: -10px;
}

.calendarListBox .calendarListRow .calendarCol {
	width: 162px;
	height: 100px;
	/* overflow: hidden; */
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
}
.calendarListBox .calendarListRow .calendarCol img{
	width: 100%;
	height: 100%;
}
.calendarListBox .calendarListRow .calendarCol p{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 40px;
	color: #fff;
}
.calendarListBox .calendarListRow .currentCalendar {
	border-radius: 3px;
	box-shadow: 0 0 2px 2px #fff;
}
.calendarListBox .calendarListRow .pastCalendar {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255, 255, 255, .5);
}
.calendarListBox .calendarListRow .activeCalendar{
	position: absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #ffffffab;
}
.calendarListBox .getDataRow {
	background: #ffffffab;
	margin-bottom: 10px;
	display: none;
}

.calendarListBox .getDataRow .getDataRowBox {
	width: 1200px;
	margin: auto;
}
.calendarListBox .getDataRow .getDataRowBox .getDataRowBoxOut{
	margin-right: -30px;
	margin-top: 10px;
}
.calendarListBox .getDataRow .getDataRowBox .getDataRowBoxOut img{
	width: 280px;
	height: 140px;
}

.calendarListBox .getDataRow .getDataRowBox .getDataRowBoxOut .imgBox{
	width: 280px;
	height: 140px;
	overflow: hidden;
	background: #eaeaea;
}


.calendarListBox .getDataRow .getDataRowBox .getDataColBox {
	width: 280px;
	height: 180px;
	margin-bottom: 10px;
	overflow: hidden;
	margin-right: 26px;
	float: left;
	box-shadow: 1px 1px 4px #aaa;
	background: #f5f5f5;
	border-radius: 4px;
}
.calendarListBox .getDataRow .getDataRowBox .getDataColBox .infoText{
	font-size: 14px;
	color: #333;
	padding: 10px 0;
	overflow: hidden;
	text-indent: 10px;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
}