.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.common-table { margin-bottom:10px; background:#f5f5f5; }
.common-table thead th { border:1px solid #ddd; background:#fafafa; padding:8px 20px; }
.common-table td { border:1px solid #ddd; padding:8px 20px; }
.common-table td lable { float:left; }
.resource-calendar *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*日历css*/

.rilibox { width:100%; margin:0 auto; }
.calendar-body { font-size: 0.8rem; }
.calendar-weeks { background: #535d63; overflow: hidden; }
.calendar-week { float: left; width: 14.2857%; height: 26px; line-height: 26px; text-align: center; color: #fff; }
.calendar-dates {
	overflow: hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
}
.calendar-dates > ul { width:100%; }

.calendar-date {
    float: left;
    position: relative;
    width: 14.284%;
    height: 56px;
    padding-top: 20px;
    border: 1px solid #ddd;
    cursor: default;
    border-top: 0;
    border-right: 0;
}
.calendar-date-sun, .calendar-date-sat { width: 71px; }

.calendar-date-tag-item { float: left; width: 12px; height: 12px; margin-left: 2px; }

.calendar-date-tag-promotion { background-image: url(dmoe0g08000.png); height: 12px; width: 12px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-position: -158px -308px; }

.calendar-date-number { position: absolute; left: 5px; top: 3px; color: #333; font-size: 0.8rem; }

.calendar-date-tag { position: absolute; right: 0; top: 0; }

.calendar-date-content { line-height: 14px; text-align: center; }

.calendar-date-rest { color: #999; }

.calendar-date-price { color: #f60; }

.calendar-date-content { line-height: 14px; text-align: center;    font-size: 12px;}

.calendar-date-enabled { cursor: pointer; }

.calendar-date-enabled:hover { background: #fefee6; }

.chosetuan { width:100%; clear: both; }

.calendar-date-active, .calendar-date-active:hover { background: #ffa833; color: #fff; cursor: default; }

.calendar-date-active .calendar-date-number, .calendar-date-active .calendar-date-rest, .calendar-date-active .calendar-date-price, .calendar-date-active:hover .calendar-date-number, .calendar-date-active:hover .calendar-date-rest, .calendar-date-active:hover .calendar-date-price { color: #fff; }

.resource-tourist-price i { font-style:normal; border-bottom: 1px dashed #999; cursor: pointer; }

/*下面是页面样式*/



.calendar {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 2%;
}

.chosetuan .calendar {
    margin-top: 0;
    /* float: left; */
    width: 100%;
    background: #fff;
}

.calendar-head { position: relative; height: 40px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
.calendar-months { position: relative; z-index: 1; margin:0; margin-left:30px; overflow: hidden; }

.calendar-months > ul { }
.calendar-month {
	float: left;
	line-height: 16px;
	text-align: center;
	font-size: 0.7rem;
	overflow: hidden;
	color: #666;
	cursor: pointer;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0em;
	width: 20.4%;
}

.calendar-month-active {
	background: #535d63;
	color: #fff;
	cursor: default;
}

.calendar-month-price { color: #f60; }

.calendar-tip { color: #999; line-height: 18px; font-size: 0.8rem;    padding: 5px;background: #f0f0f0;}

.resource-section-box {
	position: relative;
	font-size: 0.8rem;
	padding-top: 4%;
	padding-right: 0;
	padding-bottom: 8%;
	padding-left: 0; 
	margin: 0%;
	border-top-width: 0.2rem;
	border-top-style: solid;
	border-top-color: #f0f0f0;
	z-index: 999;
}

.resource-section-box .close {
	position: absolute; 
	width: 26px;
	height: 26px;
	top: 3%;
	right:6%;
	z-index: 9999;
	float: right;
	display: none;
}

.resource-section-box .close::before,
.resource-section-box .close::after {
    position: absolute;
    content: ' ';
    background-color:#888888;
	right:0;
    width: 3px;
    height: 26px;
}

.resource-section-box .close::before {
    transform: rotate(45deg);
}

.resource-section-box .close::after {
    transform: rotate(-45deg);
}
.resource-city-depart { position: relative; z-index: 10; }

.resource-section-label { width: 25%; color: #999; text-align: right; display: inline-block; }

.resource-section-content { width: 70%; zoom: 1; color: #666; display: inline-block; vertical-align: top; }

.resource-city-more { position: relative; float: left; display: inline; margin-right: 20px; }

.resource-city-more-label { float: left; position: relative; z-index: 2; background: #fff; color: #999; line-height: 28px; padding-top: 1px; padding-right: 11px; padding-bottom: 1px; }

.resource-city-more-selected { float: left; margin-right: 35px; color: #333; }

.resource-section-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.resource-section-item { line-height: 30px; zoom: 1; clear: both; }

.resource-tourist-adult { margin-right: 50px; }

.resource-tourist .number-select { margin-top: 3px; width: 100px; display: inline-block; }

.number-select-button { position: absolute; top: -1px; border: 1px solid #ddd; width: 22px; height: 22px; cursor: pointer; }

.number-select-button.disabled { cursor: not-allowed; }

.number-select-minus { left: -1px; }

.number-select-button-line-horizital { position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -5px; border-top: 2px solid #666; height: 0; font-size: 0; line-height: 0; text-indent: 0; width: 10px; }

.number-select-button.disabled .number-select-button-line-horizital, .number-select-button.disabled .number-select-button-line-vertical { border-color: #ddd; }

.number-select-input { margin: 0 23px; }

.number-select-input input { width: 35px; height: 20px; border: none; line-height: 20px; text-align: center; outline: none; display: inherit; }

.number-select-plus { right: -1px; }

.number-select-button-line-vertical { position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -1px; border-left: 2px solid #666; height: 0; font-size: 0; line-height: 0; text-indent: 0; height: 10px; }

.number-select-button-line-horizital { position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -5px; border-top: 2px solid #666; height: 0; font-size: 0; line-height: 0; text-indent: 0; width: 10px; }

.number-select { position: relative; border: 1px solid #ddd; height: 22px; zoom: 1; }
.resource-combine,.resource-tourist-price {
	line-height: 1.2rem;
}

.jlcptj { position: absolute; top: 235px; width: 510px; left: 20px; }

.jlcptj .jlcptj1 { float: left; height: 48px; width: 140px; position: relative; }

.jlcptj .jlcptj1 .jlcptj1a { float: left; height: 24px; width: 126px; border-radius: 12px; background-color: #4fce59; position: absolute; top: 12px; font-size: 0.8rem; line-height: 24px; color: #FFFFFF; text-align: right; padding-right: 10px; }

.jlcptj .jlcptj1 .jlcptj1b { float: left; height: 48px; width: 48px; border-radius: 24px; background-color: #4fce59; position: absolute; left: 0px; top: 0px; background-image: url(../images/72d1ae05516639932232cb47fc90d416.png); background-repeat: no-repeat; background-position: center center; }

.introduce { font-size: 0.8rem; line-height: 22px; margin-top: 12px; width: 350px; float: right; position: absolute; top: 0px; left: 140px; background-color: #FFFFFF; padding-right: 15px; padding-left: 15px; border-radius: 5px; z-index: 999; }

.introduce ol { height: 39px; overflow: hidden; }

#introduce:checked + ol { height: auto; }

#introduce:checked ~ label[for="introduce"] img {

 transform: rotate(180deg);

}

.introduce label {

	display: block;
	margin: auto;
	cursor: pointer;
	line-height: 11px;
	padding-top: 6px;
}

#introduce { display:none; }

.resource-button-group-left {text-align: center;}

a.resource-button-order {
	width: 132px;
	height: 40px;
	margin-top: 10px;
	background: #f80;
	color: #fff;
	line-height: 40px;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 0.4rem;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin-right: 0;
	margin-bottom: 0;
}

a.resource-button-orderkf {
	width: 132px;
	height: 40px;
	margin-top: 10px;
	color: #fff;
	line-height: 40px;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 0.4rem;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin-right: 20px;
	margin-bottom: 0;
	background-color: #9C6;
}

.resource-tourist-price {
	color: #999;
	display: inline;
}
 .resource-tourist-pricer {
	color: #999;
	line-height: 1.2rem!important;
}
.resource-tourist-price span,.resource-tourist-pricer span{ color: #f60; }

.resource-section-content input[name=tuanday] { border:1px solid #ddd; line-height:22px; padding:0 10px; }

.ydnrbox {
	width: 100%;
	background: #fff;
}

.calendar-prev { position: absolute; z-index: 3; top: 0; width: 30px; height: 40px; cursor: pointer; }
.calendar-next { position: absolute; z-index: 3; top: 0; width: 30px; height: 39px; cursor: pointer; }

.calendar-prev .icon { background-image: url(dine0020020.png); margin-left: -5.5px; margin-top: -9px; top: 50%; left: 50%; position: absolute; height: 18px; width: 11px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-position: -76px -309px; }

.prevStop .icon { background-image: url(dine0020020.png); margin-left: -5.5px; margin-top: -9px; top: 50%; left: 50%; position: absolute; height: 18px; width: 11px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-position: -65px -309px; }

.prevStop { cursor: not-allowed; }

.nextStop { cursor: not-allowed; }

.calendar-prev { left: 0; }

.calendar-next {
	right: 0;
	background-color: #FFFFFF;
}

.calendar-next .icon { background-image: url(dine0020020.png); margin-left: -5.5px; margin-top: -9px; top: 50%; left: 50%; position: absolute; height: 18px; width: 11px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-position: -54px -309px; }

.nextStop .icon { background-image: url(dine0020020.png); margin-left: -5.5px; margin-top: -9px; top: 50%; left: 50%; position: absolute; height: 18px; width: 11px; overflow: hidden; display: inline-block; background-repeat: no-repeat; background-position: -461px -281px; }