@charset "utf-8";
html {
	font-size: 625%;
}
body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
	margin: 0;
	padding: 0;
}
div,figure,img {
	box-sizing: border-box;
}
body {
	background-color: #fff8e9;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}
img {
	display: block;
	max-width: 100%;
}
ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
}
.none {
	display: none;
}
#header {
	width: 100%;
	height: 0.45rem;
	font-size: 0.16rem;
	margin: 0 auto;
	background-color: #7b2605;
	position: fixed;
	top: 0;
	z-index: 9999;
}
#header .link {
	height: 0.45rem;
	line-height: 0.45rem;
}
#header .link li {
	width: 25%;
	text-align: center;
	float: left;
}
#header .link a {
	color: #eee;
	display: block;
}
#header .link a:hover, 
#header .active a {
	background-color: #7b2605;
}
#adver {
	max-width: 6.4rem;
	margin: 0 auto;
	padding: 0.45rem 0 0 0;
}
#search {
	max-width: 6.4rem;
	height: 0.33rem;
	margin: 0 auto;
	background-color: #ddd;
	padding: 3px 0 0 0;
	position: relative;
}
#search .search {
	display: block;
	outline: none;
	width: 95%;
	font-size: 0.14rem;
	border-radius: 0.04rem;
	background-color: #fff;
	border: none;
	height: 0.27rem;
	padding: 0 0.05rem;
	margin: 0 auto;
}
#search .button {
	display: block;
	background-color: #eee;
	outline: none;
	cursor: pointer;
	color: #8b3901;
	width: 0.5rem;
	height: 0.27rem;
	border: none;
	border-top-right-radius: 0.04rem;
	border-bottom-right-radius: 0.04rem;
	position: absolute;
	font-size: 0.12rem;
	top: 0.03rem;
	right: 1%;
}
#tour {
	max-width: 6.4rem;
	margin: 0.1rem auto 0 auto;
}
#tour h2 {
	text-align: #8b3901;
	color: #8b3901;
}
#tour h3 {
	text-align: #8b3901;
	font-weight: normal;
	color: #8b3901;
	margin: 0.05rem 0 0.1rem 0;
}
#tour .container {
	font-size: 0.12rem;
}
#tour .container figure {
	width: 50%;
	background-color: #eee;
	margin: 0 0 0.05rem 0;
	float: left;
}
#tour .container figure img {
	padding: 0.02rem;
	border-radius: 0.04rem;
	vertical-align: middle;
}
#tour .container figcaption {
	color: #8b3901;
	padding: 0.02rem 0.05rem;
}
#tour .container figcaption > strong {
	display: block;
	font-weight: normal;
	padding: 0.05px 0;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
}
#tour .container figcaption p {
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
}
#tour .container .info {
	padding: 0.1rem 0 0 0;
}
#tour .container .price {
	color: #f60;
}
#tour .container .price strong {
	letter-spacing: 0.01rem;
}
#tour .sat {
	color: #999;
	font-style: normal;
	float: right;
	position: relative;
	right: 0.05rem;
	top: 0.05rem;
}
#footer {
	max-width: 6.4rem;
	background-color: #752905;
	clear: both;
	margin: 0 auto;
	color: #fff8e9;
	text-align: center;
	padding: 0.1rem 0;
}
#footer .top {
	padding: 0 0 0.05rem 0;
}

#headline {
	max-width: 6.4rem;
	margin: 0 auto;
	padding: 0.45rem 0 0 0;
	position: relative;
}
#headline hgroup {
	position: absolute;
	top: 50%;
	left: 10%;
}
#headline h2 {
	color: #eee;
	letter-spacing: 0.01rem;
}
#headline h3 {
	color: #eee;
	letter-spacing: 0.01rem;
}
.list {
	max-width: 6.4rem;
	margin: 0.15rem auto;
	padding: 0 0.1rem;
	color: #8b3901;
}
.about h2, .scenery h2, .ticket h2, .information h2 {
	border-bottom: 1px dashed #999;
	padding: 0 0 0.15rem 0;
	color: #8b3901;
}
.about p {
	color: #8b3901;
	line-height: 2;
	margin: 0.2rem 0;
}
.about address {
	font-style: normal;
	font-size: 0.18rem;
	color: #8b3901;
	margin: 0.2rem 0;
	line-height: 1.6;
}
.ticket .type {
	margin: 20px 0 10px 0;
	border: none;
}
.ticket .type mark {
	color: #fff;
	background-color: #458B00;
	padding: 0.05rem 0.08rem;
	border-radius: 0.04rem;
	margin: 0 0.1rem 0 0.16rem;
}
.ticket .form {
	font-size: 0.2rem;
	border: none;
}
.ticket .form p {
	margin: 0.1rem 0;
}
.ticket .form label {
	display: block;
	margin: 0 0 0.05rem 0;
}
.ticket .form input {
	width: 97%;
	border: 0.01rem solid #ccc;
	background-color: #fff;
	border-radius: 0.04rem;
	padding: 0.05rem;
	color: #8b3901;
}
.ticket .form .submit {
	width: 30%;
	border-radius: 0.04rem;
	background-color: #f60;
	color: #fff;
	text-align: #8b3901;
	border: none;
	padding: 0.1rem;
	margin: 0 auto;
}
.ticket .new {
	margin: 0.2rem 0 0 0;
}
.ticket .new ul {
	margin: 0.2rem 0 0 0;
}
.ticket .new li {
	display: inline-block;
	padding: 0.05rem 0.1rem;
}
.ticket .new li:first-child {
	padding-left: 0;
}
.ticket .new li:nth-child(2) {
	background-color: #458B00;
	border-radius: 4px;
	color: #fff;
}
.ticket table {
	width: 100%;
    border-collapse:collapse;
    margin: 0.2rem 0 0 0;
    border: 0.01rem solid #ddd;
}
.ticket table th {
	padding: 0.1rem 0;
	border-bottom: 0.01rem solid #ddd;
	font-weight: normal;
}
.ticket table td {
	padding: 0.1rem 0;
	text-align: #8b3901;
	border-bottom: 0.01rem solid #ddd;
}
.ticket table tr:nth-child(2n) {
	background-color: #fafafa;
}
.ticket table tr:hover {
	background-color: #eee;
}
.ticket .price {
	color: #f60;
}
.ticket .more2 {
	text-align: #8b3901;
	margin: 0 auto;
	cursor: pointer;
	display: block;
	color: #8b3901;
}
.ticket .reserve {
	padding: 0.05rem 0.1rem;
	display: inline-block;
	border-radius: 0.04rem;
	background-color: #f60;
	color: #fff;
	text-align: #8b3901;
}
.information figure {
	margin: 0.15rem 0 0 0;
	position: relative;
}
.information figure:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
.information figure img {
	width: 50%;
	float: left;
}
.information figcaption {
	width: 48%;
	float: right;
}
.information .title {
	border: none;
	padding: 0 0 0.05rem 0;
	display: -webkit-box;
    overflow: hidden;
	-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.information .small_title {
	font-weight: normal;
	padding: 0;
	display: -webkit-box;
    overflow: hidden;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.information .price {
	position: absolute;
	bottom: 0;
}
.information .price strong {
	color: #f60;
}


/*页面尺寸大于639时*/
@media (min-width:639px) {
	#tour h2,.information .price strong {
		font-size: 0.28rem;
	}
	#tour h3 {
		font-size: 0.18rem;
	}
	#tour .container figcaption {
		font-size: 0.16rem;
	}
	#tour .container .price {
		font-size: 0.16rem;
	}
	#tour .container .price strong {
		font-size: 0.24rem;
	}
	#tour .sat {
		font-size: 0.14rem;
	}
	#footer {
		font-size: 0.16rem;
	}
	#headline h2 {
		font-size: 0.22rem;
	}
	#headline h3 {
		font-size: 0.14rem;
	}
	.about h2, .scenery h2, .ticket h2, .information h2 {
		font-size: 0.20rem;
	}
/*	.about img {
	margin: 20px auto;}*/
	.about p,.about address,.ticket .type,.ticket .form,.ticket .form input,.ticket .form .submit,.ticket .new,.information h2, .information h3,.information .price {
		font-size: 0.18rem;
	}

}

/*页面尺寸大于479且小于639时*/
@media (min-width:479px) and (max-width:639px) {
	#tour h2,.information .price strong {
		font-size: 0.24rem;
	}
	#tour h3 {
		font-size: 0.14rem;
	}
	#tour .container figcaption {
		font-size: 0.14rem;
	}
	#tour .container .price {
		font-size: 0.14rem;
	}
	#tour .container .price strong {
		font-size: 0.22rem;
	}
	#tour .sat {
		font-size: 0.12rem;
	}
	#footer {
		font-size: 0.14rem;
	}
	#headline h2 {
		font-size: 0.20rem;
	}
	#headline h3 {
		font-size: 0.12rem;
	}
	.about h2, .scenery h2, .ticket h2, .information h2 {
		font-size: 0.18rem;
	}
	.about p,.about address,.ticket .type,.ticket .form,.ticket .form input,.ticket .form .submit,.ticket .new,.information h2, .information h3,.information .price {
		font-size: 0.16rem;
	}
}

/*页面尺寸小于479时*/
@media (max-width:479px) {
	#tour h2,.information .price strong {
		font-size: 0.18rem;
	}
	#tour h3 {
		font-size: 0.14rem;
	}
	#tour .container figcaption {
		font-size: 0.12rem;
	}
	#tour .container .price {
		font-size: 0.12rem;
	}
	#tour .container .price strong {
		font-size: 0.16rem;
	}
	#tour .sat {
		font-size: 0.10rem;
	}
	#footer {
		font-size: 0.12rem;
	}
	#headline h2 {
		font-size: 0.18rem;
	}
	#headline h3 {
		font-size: 0.10rem;
	}
	.about h2, .scenery h2, .ticket h2, .information h2 {
		font-size: 0.16rem;
	}
	.about p,.about address,.ticket .type,.ticket .form,.ticket .form input,.ticket .form .submit,.ticket .new,.information h2, .information h3,.information .price {
		font-size: 0.14rem;
	}
}
