@charset "utf-8";
/* CSS Document */
body, div, ul, li, ol, dl, dt, dd, p, a, h1, h2, h3, h4, form, input, textarea {
	padding: 0;
	margin: 0;
}
body {
	font: 12px/24px "Microsoft YaHei", Tahoma, Arial, Roboto, ”Droid Sans”, ”Helvetica Neue”, ”Droid Sans Fallback”, ”Heiti SC”, sans-self;
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none;  /*webkit浏览器*/
	-ms-user-select: none;   /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;

}
img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
a, button, input, div {
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
a:focus, button:focus, input:focus, textarea:focus{
	outline: none;
}
a {
	color: inherit;
	text-decoration: none;
}
li {
	list-style: none;
}
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
div:after, ul:after, li:after, dl:after, dt:after, dd:after, form:after {
	content: '';
	display: table;
	clear: both;
}
.clear {
	clear: both;
}
div, ul, li, dl, dt, dd, form {
	*zoom: 1
}
/*重置样式*/
.icon{
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
}
.content{
	width:320px;
	height: auto;
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #313639;
}
@media  screen and (min-width:320px ){
	.content{
		width: 100%;
	}
}
@media  screen and (min-width:480px ){
	.content{
		width: 100%;
	}
}
@media  screen and (min-width:640px ){
	.content{
		width: 640px;
	}
}
.warp{
	width: 200%;
}
.section{
	width: 50%;
	float: left;
	background-color: #fff;
	color: #000;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	float: left;
}
.section.showmenu{
	margin-left: -25%;
}
.menu{
	float: left;
	width: 50%;
	min-height: 100%;

}
/*header*/
.header{
	padding:10px 15px;
	color: #fff;
	background-color:#008857;
	font-size: 16px;
}
.logo{
	width: 44.06%;
	float: left;
}
.telphone{
	width: 31.72%;
	float: right;
}
.header img{
	width: 100%;
}
.telphone img{
	float: right;
}
/*banner*/
.swipe {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: auto
}
.swipe a, .swipe img {
	border: 0;
	display: block;
	width: 100%
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0
}
.swipe ul li {
	display: none
}
.swipe #pagenavi {
	position: absolute;
	bottom: 10px;
	text-align: right;
	width: 100%;
	right: 3.125%
}
.swipe #pagenavi a {
	width: 8px;
	height: 8px;
	line-height: 99em;
	background: #999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	*display:inline;
	*zoom:1
}
.swipe #pagenavi a.active {
	background: #ff8a00
}
/*目的地*/
.channel-nav ul{
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px #e9e8ec solid;
}
.channel-nav ul:last-child{
	border: 0;
}
.channel-nav li{
	float: left;
	width: 33.33%;
	text-align: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	border-right:1px #e9e8ec solid;
	font-size: 16px;
	color: #222;
}
.channel-nav a{
	display: block;
	width: 100%;
	height: 100%;
}
.channel-nav li:last-child{
	border: 0;
}
.channel-nav i{
	display: block;
	width: 60px;
	height: 60px;
	margin: 20px auto
}
.cjy{
	background-position: -1px -1px;
}
.gny{
	background-position: -61px -1px;
}
.xay{
	background-position: -121px -1px;
}
.zby{
	background-position: -181px -1px;
}
.zjy{
	background-position: -241px -1px;
}
.tsy{
	background-position: -301px -1px;
}

/*destination*/
.bg-green{
	background-color: #33c45e;
}
.bg-blue{
	background-color: #21a3f8;
}
.bg-orange{
	background-color: #ff6330;
}
.bg-yellow{
	background-color: #ffa530;
}
.destination-box{
	margin: 10px 5px;
	overflow: hidden;
}
.destination-list{
	width: 100%;
	background-color: #fbfbfb;
	margin-top: 1px;
}
.destination-kind{
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.destination-list li.items{
	float: left;
	width: 25%;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
}
.items.current{
	background-color: #e0e0e0;
}




.detail-destination{
	clear: both;
	width: 100%;
	background-color: #e0e0e0;
	padding: 5px 0;
}

.detail-destination li{
	float: left;
	padding-left: 5px;
	color: #333;
}
.detail-destination li a{
	padding-right: 5px;
	font-size: 13px;
	line-height: 30px;
}
.get-more{
	display: block;
	width: 100px;
	height: 30px;
	margin: 5px auto 0;
	line-height: 30px;
	text-align: center;
	background-color: #fff;
	border:1px #e2e2e2 solid;
	text-align: center;
	color: #999;
}
/*攻略、咨询、景点*/

.table-select{
	border-left: 0;
	line-height: 40px;
	background-color: #f1f1f1;
	margin: 0 5px;
	color: #333;
	font-size: 16px;
	cursor: pointer;
}
.table-select li{
	width: 33.33%;
	float: left;
	text-align: center;
}
.table-select li.current{
	background-color: #33c45e;
	color: #fff;
}

.tab-con{
	margin: 0 5px;
	padding: 5px 0;
	margin-bottom: 10px;
	color: #333;
}
.tab-option{
	display: none;
}
.hot-attr-list li{
	float: left;
	width: 33.33%;
	padding: 3px 5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	text-align: center;
}
.hot-attr-list img{
	width: 104px;
	height: 50px;
}
.gonglue-list li{
	border-bottom: 1px #ccc dashed;
	line-height: 30px;
	padding: 0 5px;
}
.gonglue-list span{
	float: right;
	color: #ccc;
}

.footer{
	background-color: #008857;
	text-align: center;
	padding: 10px 0;
	margin-top: 20px;
	margin-bottom: 50px;
	color: #fff;
	font-size: 14px;
}
.bottom{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 90%;
	height: 40px;
	padding: 5px 5%;
	background-color: rgba(0,0,0,0.4)
}
.dianhua, .share{
	width: 62%;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}
.share{
	width: 34%;
}
.dianhua:active{
	background-color: #E06A01;
}
.share:active{
	background-color:#0083AE;
}
.bottom i{
	display:block;
	float: left;
}
.dianhua{
	float: left;
	background-color: #ff7800;
}
.share{
	float: right;
	background-color: #0099cc;
}
.dianhua a{
	display:block;
	width: 100%;
}
.dianhua .center{
	width: 130px;
	margin: 0 auto;
}
.dianhua i{
	width: 18px;
	height: 18px;
	background-position: -374px -13px;
	margin: 11px 5px 0 0;
}
.share .center{
	width: 60px;
	margin: 0 auto;
}
.share i{
	width: 20px;
	height: 17px;
	background-position: -372px -38px;
	margin: 11px 5px 0 0;
}
/*channle*/

.goback{
	width: 40px;
	float: left;
}

.goback a{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin: 4px auto 0;
	background-position: -176px -65px;

}
.menu-bnt{
	width: 40px;
	float: right;
	cursor: pointer;
}
.menu-bnt i{
	display: block;
	float: right;
	width: 40px;
	height: 27px;
	background-position: 0 -60px;
	margin-top: -2px;
}
.channle-title{
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}

.nav-root{
	width: 50%;
	float:left;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
}
.nav-root a{
	display: block;
	width: 100%;
	height: 100%;
}
.nav-root i{
	float: right;
	margin-right: 30px;
}

.nav-list{
	margin-bottom: 1px;
	background-color: #454c50;
}
.nav-list a{
	padding-left: 20px;
	background-color: #454c50;
}
.channle-ul{
	display: none;
}
.channle-ul li{
	background-color: #454c50;
	color: #33c45e;
	margin-bottom: 1px;

}
.channle-ul li a{
	padding-left: 50px;
	background-color: #3b4144;
}
.line-list {
	padding: 5px;
	border-top: 1px #ccc solid;
	color: #666;
}
.line-list li{
	margin-bottom: 5px;
	padding: 5px 0;
	border-bottom: 1px #ccc solid;
}
.line-img{
	width: 30%;
	float: left;
}
.line-text{
	width: 70%;
	float: left;
	padding:0 10px;
	font-size: 13px;
	line-height: 18px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
}

.price{
	color: #ff6000;
}
.line-text span{
	display: block;
	width: 100%;
	color: #ccc;
}
.line-text p:last-child{
	text-align: right;
	padding-right: 10px;
	margin-top: -20px;
}
.travel-kind{
	float: left;
}
.travel-day{
	float: right;
}
.slide-con{
	margin: 0 5px;
}
.slide-handle{
	display: block;
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 14px;
	width: 100%;
	background-color: #33c45e;
	color: #fff;
	font-size: 16px;
}
.slide-handle span{
	display: block;
	float: left;
}
.jdtj{
	width: 18px;
	height: 20px;
	background-position: -40px -66px;
	margin: 10px 10px 0 10px;
}
.lvgl{
	width: 22px;
	height: 14px;
	background-position:-68px -68px;
	margin: 13px 10px 0 10px;
}
.lvzn{
	width: 18px;
	height: 18px;
	background-position: -99px -67px;
	margin: 11px 10px 0 10px;
}
.slide-handle i{
	float: right;
	margin-right: 10px;
	font-size: 24px;
}
 .slide-box{
 	display: none;
 }
.line-list.dashed li{
	border-bottom: 1px #949494 dashed;
	list-style: disc inside;
}
.showicon{
	display: block;
	float: right;
	width: 19px;
	height: 19px;
	background-position: -129px -66px;
	margin-top: 10px;
}
.hideicon{
	background-position: -153px -66px;
}
/*visa*/

.visa-list li{
	padding: 0 2px;
	min-width: 100px;
	float: left;
	margin-top: 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
@media screen and (min-width: 320px){
	.visa-list li{
		width:33.33%;
	}
}
@media screen and (min-width: 480px){
	.visa-list li{
		width:25%;
	}
}
.visa-list li a{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px #33c45e solid;
	background-color: #33c45e;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
}
.visa-list li a:hover, .visa-list li a.current{
	background: none;
	color: #333;
}



.visa-detail{
	margin: 10px 0;
	font-size: 14px;
	background-color: #fbfbfb;
}
.visa-detail li{
	line-height: 40px;
	border-bottom: 1px #949494 dashed;
	color: #666;
}
.visa-detail span{
	color: #f60;
}
.visa-detail span.data{
	float: right;
	color: #ccc;
	font-size: 12px;
	padding-right: 5px;
}

.detail-con{
	margin: 10px 5px;
}
.detail-con h4{
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
}
.detail-con small{
	display: block;
	font-size: 14px;
	color: #ccc;
	text-align: center;
	padding: 10px 0;
}
.detail-con  p{
	padding-bottom: 5px;
	text-indent: 24px;
	font-size: 14px;
	line-height: 26px;
	color: #333;
}
.detail-con img{
	display: block;
	float: left;
	width: 150px;
	padding-right: 10px;
}
.attr-detail h2{
	font-size: 18px;
	color: #666;
	text-align: center;
	line-height: 40px;
	font-weight: normal;
	color: #000;
	padding: 10px 0;
}
.attr-images{
	margin-bottom:10px; 
}
.line-span{
	left: 0 !important;
	bottom: 0 !important;
}
.line-span a{
	display: block;
	width: 33.33% !important;
	height: 3px !important;
	float: left;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	margin: 0 !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-left: 1px;
}
.line-span a span{
	display: block;
	width: 100%;
	height: 3px;
	background-color:#666; 
}
.line-span a.active span{
	background-color:#ff7800; 
}
.detail-text{
	margin: 0 5px;
	color: #333;
	font-size: 14px;
	line-height: 26px;
}
.detail-text p{
	text-indent: 24px;
	padding-bottom: 10px;

}
.attr-detail-inf{
	margin: 10px 5px;
	padding: 5px;
}
.attr-tag li{
	border-bottom: 1px #ccc dashed;
	background-color: #f7f7f7;
	line-height: 40px;
	padding-left: 15px;
	font-size:16px;
}
.attr-tag li.notic{
	font-size: 14px;
	color: #999;
}
.attr-tag li:nth-child(2n){
	background-color: #fbfbfb;
}
.attr-tag li:last-child{
	border: 0
}
.attr-tag span{
	padding: 0 5px;
	color: #f00;
	font-size: 14px;
}
.attr-tag li.price{
	font-size: 16px;
	color:#ff7800;
}
.line-pic{
	position: relative;
}
.pic-box{
	width: 70%;
	margin: 0 auto;
}
.pic-box img{
	width: 100%;
}
.line-name{
	position: absolute;
	left: 1%;
	bottom: 0;
	width: 98%;
	font-size: 16px;
	line-height: 20px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}
.line-name p{
	padding: 5px 10px;
}
.line-price{
	font-size: 18px;
	color: #ff6330;
	padding: 15px 10px;
}
.line-price span{
	font-size: 26px;
}
.line-price i{
	color: #999;
	font-style: normal;
	text-decoration: line-through;
}
.line-con{
	line-height: 30px;
	font-size: 13px;
	padding: 0 10px;
	color: #666;
}
.line-con span{
	color: #000;
	padding-right: 10px;
}
.customer-fill{
	border-top: 1px #eaeaea dashed;
	border-bottom: 1px #eaeaea dashed;
	padding: 20px 0;
	margin:20px 10px;
}
.fill-con{
	background-color: #fbfbfb;
}
.fill-left{
	position: relative;
	float: left;
	width: 35%;
	background-color: #ff6330;
	font-size: 15px;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}
.xiaolian{
	display: block;
	width: 36px;
	height: 36px;
	background-position: -202px -63px;
	margin: 0 auto 6px ;
}
.sanjiao{
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border: 10px #fbfbfb solid;
	border-left-color: #ff6330;
}
.fill-center{
	float: left;
	margin-left: 30px;
	font-size: 30px;
	color: #ff6330;
	line-height: 86px;
}
.fill-right{
	float: right;
	padding-right: 10px;
	line-height: 86px;
	font-size: 14px;
}
.line-detail-title{
	background-color: #33c45e;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin: 0 10px;
}
.fill-detail{
	display: none;
	margin-top: 20px;
}

.fill-detail-left{
	width: 38%;
	float: left;
	border: 1px #949494 solid;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.fill-detail-left span{
	font-size: 30px;
	color: #ff6330;
}
.fill-detail-list{
	width: 54%;
	float: right;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.feature{
	display: block;
	float: left;
	width: 14px;
	height: 18px;
	background-position: -243px -62px;
	margin: 11px 10px;
}
.feature-list{
	padding:10px 20px;
}
.feature-list li{
	color: #666;
	line-height: 24px;
	font-size: 14px;
	list-style: url(../images/xx.png) inside;
}

.travel{
	display: block;
	float: left;
	width: 16px;
	height: 20px;
	background-position: -267px -63px;
	margin: 10px;
}

.travel-list{
	padding: 10px 20px;
}
.travel-list li{
	position: relative;
	width: 100%;
	padding: 10px;
	border-bottom: 1px #e7e7e7 dashed;
}
.travel-day{
	float: left;
	width: 70px;
}
.travel-day span{
	font-size: 16px;
	padding: 2px 5px;
	background-color: #ff7800;
	color: #fff;
}
.travel-feature{
	width: 65%;
	float: left;
	font-size: 14px;
	line-height: 20px;
}
.travel-go-detail{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	width: 19px;
	height: 19px 
}
.travel-go-detail span{
	display: block;
	width: 19px;
	height: 19px;
	background-position: -311px -65px;
}

.money{
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	background-position: -287px -64px;
	margin: 11px 10px 0;
}
.money-list{
	padding: 10px 20px;
}
.money-list li{
	padding: 5px 0;
	font-size: 14px;
	color: #999;
}
.spe-box{
	line-height: 40px;
	background-color: #f8f8f8;
	border-left: 10px #33c45e solid;
	margin: 0 10px 2px 10px;
	padding-left: 30px;
	font-size: 16px;
	color: #666;
}
.spe-box a{
	display: block;
	width: 100%;
	height: 100%;
}
.go-next{
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	width: 19px;
	height: 19px;
	background-position: -311px -65px;
}

.reserve-text{
	padding: 10px;
	font-size: 14px;
	color: #666;
}
.reserve-text h2{
	font-size: 24px;
	line-height: 40px;
	color: #666;
	font-weight: normal;
}
.travel-detail{
	padding: 20px 0;
}
.day-anpai{
	margin: 10px;
	font-size: 14px;
	color: #666;
}
.goto-top{
	display: none;
	position: fixed;
	right: 10px;
	bottom: 60px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
}
.goto-top img{
	width: 100%;
}
.shoping-list{
	display: none;
	color: #666;
	line-height: 28px;
	font-size: 14px;
	padding: 10px;
}
.display-block{
	display: block;
}
.first-page a{
	background-color: #33c45e;
	color: #fff;
	line-height: 40px;
}

.booking-form{
	width: 280px;
	margin: 10px auto;
}
.form-group{
	margin-bottom: 20px;
}
.booking-form label{
	width: 64px;
	float: left;
	text-align: right;
	margin-right: 10px;
	line-height: 30px;
}
.booking-form label span{
	color: red;
}

.form-input{
	width: 206px;
	float: right;
}
.form-input input{
	width: 196px;
	padding-left: 10px;
	height: 28px;
}
.submit-bnt{
	width: 280px;
	height: 40px;
	margin: 0 auto;
	border: 0;
	background-color: #008857;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.form-input textarea{
	width: 196px;
	height: 100px; 
	padding:5px;
}
.online-booking{
	display: block;
	width: 200px;
	height: 40px;
	margin: 10px auto 0;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background-color: #ff7800;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*-----------------5-8修改--------------------*/

.icon-img{
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
.page-list ul{
	position: relative;
	left: 50%;
	float: left;
	height: 40px;
}
.page-list li{
	position: relative;
	right: 50%;
	z-index: 2;
	float: left;
	line-height: 40px;
	font-size:14px;
	padding: 0 15px;
	background-color: #eee;
	border-radius: 3px;
	margin: 0 5px;
}
.page-list li.current{
	background-color: #008857;
}
.page-list li.current a{
	color: #fff;
	font-weight: bold;
}
.bshare-custom{
	position: fixed;
	right: 0;
	bottom: 60px;
}
.bshare-custom{
	display: none;
}

.destination-list{
	margin: 0;
	border-bottom: 1px #ccc solid;
}
.zhengwen img{
	max-width: 100%;
	height: auto !important;
}
.share img{
	width: 40px;
	height: 40px;
}
.dianhua.add-book .center{
	width: 90px;
}