/*reset*/
*{
    box-sizing: content-box;
	padding:0;
	margin:0;
	border:0;
}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline-style:none; 
}
body {
     background: #fff;
	 font-family: "微软雅黑";
}
ul li {
	list-style-type: none;
}
a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
/*public*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.title1, .title2{
	width:458px;
	height:108px;
	color:#FFFAF8;
	line-height:80px;
	font-size:28px;
	text-align:center;
}
.title1{
	background:url(title1.png) repeat;
	margin:0 auto 20px;
}
.title2{
	background:url(title2.png) repeat;
	margin: 30px auto 20px;
}
/*head*/
#headertop{
    height:30px;
    line-height:30px;
	background:#f6f5f3;
}
#headertop ul{
    height:30px;
}
#headertop ul li{
    float:left;
    padding-right:20px;
}
#headertop ul li:last-child{
    float:right;
    padding:0;
}
#headertop ul li a{
    font-size:14px;
    color:#666666;
}
#headertop ul li a span{
    padding-right:5px;
    font-size:1px;
    color:#ffaa00;
    position:relative;
    top:-1px;
}
.w{
     width:1200px;
     margin:0 auto;
}
/*banner*/
#banner{
     position:relative;
     width:100%;
     min-width:1200px;
     height:534px;
     overflow: hidden;
}
#banner .bx-viewport{
    height:500px !important;
}
#banner .viewportlunbo{
    width: 100%;
    min-width: 1200px;
    height: 534px;
    overflow: hidden;
}
#banner .top-banner-bg{
	width:100%;
	height:100%;
    position: absolute;
    left:50.45%;
    margin-left: -960px;
    top: 0;
}
.suopiao{
	width:100%;
    position:absolute;
    top:50px;
    left:0;
    z-index:9999;
}
.step1{
	width:1200px;
	height:400px;
	margin:0 auto;
}
.step1 .step2{
	float:left;
	margin:30px 0 0 350px;
	color:#3E403F;
	font-weight:bold;
	font-size:20px;
}
.step1 .step3{
	float:left;
	margin:220px 0 0 -275px;
	color:#fff;
	font-weight:bold;
	font-size:24px;
}
.free-ticket{
    width:290px;
	height:400px;
	background:#fff;
	margin-left:910px;
}
.free-ticket .top{
     height: 27px;
     line-height:24px;
     text-align: center;
     font-size: 26px;
     color: #333;
     font-weight: 600;
     padding-top:20px;
}
.free-ticket .peoplebox{
    width:209px;
    height:45px;
    text-align:center;
    color:#333;
    font-size:12px;
    padding-top:5px;
    margin:10px auto 15px; 
    background-image:-moz-linear-gradient(0deg, #14ffd4 0%, #eafd42 100%);
    background-image:-o-linear-gradient(0deg, #14ffd4 0%, #eafd42 100%);
    background-image:-webkit-linear-gradient(0deg, #14ffd4 0%, #eafd42 100%);
    background-image:-ms-linear-gradient(0deg, #14ffd4 0%, #eafd42 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#14ffd4,endColorStr=#eafd42);
    position:relative;
    border-radius:100px; 
}
.free-ticket .peoplebox .purple{
    font-weight:600;
}
.free-ticket .peoplebox b{
     font-size:14px;
}
.free-ticket .peoplebox b.surplus{
     font-weight:600;
}
.free-ticket .peoplebox:before,.free-ticket .peoplebox:after{
     display:block;
     content:"";
     position:absolute;
     width:14px;
     height:14px;
     border-radius:7px;
     top:19px;
     background:#fff;
}
.free-ticket .peoplebox:before{
     left:-7px;
}
.free-ticket .top .peoplebox {
     text-align:center;
}
.free-ticket .peoplebox:after{
     right:-7px;
}
.free-ticket .peoplebox .leftcircle,.free-ticket .peoplebox .rightcircle{
     z-index:9;
     display:block;
     position:absolute;
     width:14px;
     height:14px;
     border-radius:7px;
     top:19px;
}
.free-ticket .peoplebox .leftcircle{
     left:-14px;
     background:#20ffcc;
}
.free-ticket .peoplebox .rightcircle{
     right:-14px;
     background:#eafd42;
}
.free-ticket .top .peoplebox .danwei{
     font-size:16px;
}
.free-ticket .top .peoplebox .people{
     color: #f1cbe9;
     display: inline-block;
     font-size: 18px;
     border-radius: 5px;
}
.free-ticket .top .peoplebox .people em{
     color: #ff0101;
     font-style: normal;
     font-size: 16px;
     font-weight: 500;
}
.purple{
     font-size: 12px;
     padding: 10px 14px 5px;
     color: #726e66;
     text-align: center;
}
 .userinfo{
    margin:1px;
    text-align:center;
    color:#666666;
    font-size:14px;
	margin-bottom:30px;
}
.userinfo li{
    width:298px;
    height:30px; 
    position:relative;
}
 .userinfo li input{
    width:268px;
    height:30px;
    line-height:30px;
    border:1px solid #ddd;
    padding:0 0 0 30px;
}
.submitbtn{
     width: 250px;
     height: 36px;
     line-height:36px;
     background-color: #ffaa00;
     border:0;
     display: block;
     cursor: pointer;
     color: #fff;
     font-size: 14px;
     margin:0 auto;
}
.free-ticket .purple{
    padding-left:0;
    padding-right:0;
}
 /*body*/
#zt{
    position:relative;
}
.main{
    background: #e4f6ed;
	width: 100%;
	overflow: hidden;
}
 /*省钱秘笈*/
.secret{
    width: 100%;
	background: url(pc_02.jpg) repeat center top;
	min-height: 677px;
	position: relative;
	border: 1px solid transparent;
}
.miji{
	width:100%;
	height:108px;
	background:#E5F6EE;
	padding-top:5px;
}
.miji img{
	margin:0 auto;
	display:block;
}
.order-bg {
    background: url(money5.png) no-repeat top center;
    width: 1269px;
    height: 558px;
    margin: 0 auto 15px;
}
.order-ul {
    overflow: hidden;
    width: 1150px;
    margin: 0 auto 28px;
}
.order-ul li {
    float: left;
    width: 378px;
    height: 255px;
    margin-right: 5px;
    text-align: center;
}
.order-ul li:last-child {
    margin-right: 0;
}
.order-ul li b {
    display: block;
    font-size: 25px;
    line-height: 32px;
    margin-top: 145px;
    margin-bottom: 5px;
}
.order-ul li i {
    font-style: normal;
    color: #fff;
    font-size: 20px;
    display: block;
    line-height: 28px;
}
.order-ul li span {
    color: #fff;
    font-size: 20px;
    display: block;
    line-height: 24px;
}
.order-ul li p {
    color: #fff;
    font-size: 32px;
    line-height: 54px;
}
.order-div {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 28px;
}
.order-div span {
    float: left;
}
.order-div p {
    float: left;
    width: 750px;
}
.order-ul2 {
    overflow: hidden;
    margin: 0 auto 28px;
    position: absolute;
    top:515px;
    left:50%;
    margin-left: -482px;
}
.order-table {
    overflow: hidden;
    width: 750px;
    height: 134px;
    position: absolute;
    top:409px;
    left:50%;
    margin-left: -321px;
}
.order-table div p{
	width:250px;
	height:31px;
	line-height:31px;
	float:left;
	font-size:21px;
	color:#fff;
	text-align:center;
}
.order-table p{
	width:750px;
	height:62px;
	line-height:31px;
	font-size:21px;
	color:#fff;
	text-align:center;
}
.table-ex {
    width: 1250px;
    background: #f3f3f3;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 0px 5px #6baa88;
    -o-box-shadow: 0 10px 0px 5px #6baa88;
    -ms-box-shadow: 0 10px 0px 5px #6baa88;
    -moz-box-shadow: 0 10px 0px 5px #6baa88;
    -webkit-box-shadow: 0 10px 0px 5px #6baa88;
}
.table-ex img {
    display: block;
    width: 360px;
    height: 36px;
    margin: 0 auto 20px;
}
.table-ex div{
	width:1000px;
	height:36px;
	margin:0 auto;
	padding:2px 0;
}
.table-ex-con{
	margin-top:-4px !important;
}
.table-ex div p{
	float:left;
	border:0.5px solid #f3f3f3;
	width:209px;
	height:35px;
	color:#f3f3f3;
	text-align:center;
	font-size:22px;
	line-height:34px;
}
.table-ex-tit p{
	background:#6baa88;
}
.table-ex-con p{
	background:#87cba6;
}
#table-ex-spe{
	width:159px;
	height:35px;
}
.table-ex p {
    color: #434141;
    font-size: 22px;
    text-align: center;
    line-height: 54px;
}
/*出行方式*/
.travel {
	background: #fff;
	width: 100%;
	overflow: hidden;
}
.container {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	position: relative
}
.travel-title{
	margin-top:15px;
}
#atlas {
	height: 540px;
	margin-bottom: 80px;
}
.atlas_l {
	width: 813px;
	height: 540px;
}
.atlas_r {
	background: #81c6a0;
	width: 327px;
	height: 530px;
	padding: 5px 30px;
	overflow: auto;
}
.atlas_r h3 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	background: #f3c05b;
	border-radius: 20px;
    display: inline-block;
    padding: 1px 15px;
}
.atlas_r p {
	font-size: 15px;
	color: #fff;
	line-height: 28px;
}
/*合作商家*/
.cooperate .nav {
	background: rgba(255,255,255,0.70);
}
.cooperate .nav li {
	color: #666;
}
.cooperate .cooperate-list {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 490px;
	margin: 20px 0 65px 0;
}
.cooperate ul {
	margin-right: -42px;
	margin-top: -20px;
	display: none;
}
.cooperate ul.active {
	display: block;
}
.cooperate ul li {
	width: 140px;
	height: 140px;
	text-align: center;
	margin-right: 25px;
	margin-top: 20px;
	float: left;
	border-radius: 5px;
	background: #fff;
	padding: 5px;
	overflow: hidden;
	position: relative;
}
.cooperate ul li img {
	width: 100%;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.nav {
	height:70px;
	cursor:pointer;
	margin: 20px auto;
	list-style-type: none;
}
.nav li {
	float:left;
	width:150px;
	height:70px;
	line-height:70px;
	font-size:18px;
	color:#fff !important;
	text-align:center;
	background:#81c6a0 url(nav.jpg) no-repeat left center;
	padding: 0;
}
.nav li:first-child {
	background-image:none !important;
}
.nav .active {
	color:#060606 !important;
	background:#f3c05b;
}
.nav .active+li, .nav-new .active+li{
	background-image:none !important;
}
/*关于家芭莎*/
.about{
	width: 100%;
	overflow: hidden;
	margin-top:20px;
}
.about-bazaar {
	overflow: hidden;
}
.about-bazaar img{
	width:570px;
	height:350px;
}
.about-bazaar .introduce_r {
	width: 526px;
}
.about-bazaar .introduce_r h2 {
	font-size: 30px;
	color: #333333;
	height: 42px;
	line-height: 42px;
	padding-bottom: 10px;
	font-weight: normal;
}
.about-bazaar .introduce_r p{
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	font-weight: normal;
	text-indent: 2em;
}
.about-bazaar .introduce_r p {
	padding-top: 30px;
    text-align: justify;
}
.past{
	width:100%;
	height:260px;
	background:#C40C24;
	margin-top:20px;
}
.past-box{
	width:1200px;
	padding:30px 0;
	margin:0 auto;
}
.past-tit{
	float:left;
	margin-left:20px;
}
.past-tit p{
	font-size:24px;
	color:#FFFFBC;
}
.past-tit ul li{
	margin-top:10px;
}
.past-tit ul li a{
	color:#F4FFF1;
	font-size:17px;
}
.past-box img{
	float:right;
	margin-right:10px;
}
/*question*/
.question{
	background:#E8F7F0;
	width:100%;
	padding:15px 0;
	margin-top:-70px;
}
.question-box{
	width:1160px;
	margin:0 auto;
	background:#99FF99;
	padding:30px 0 10px 20px;
}
.question-box h5{
	text-align:center;
	color:#035000;
	font-size:22px;
	margin-bottom:30px;
}
.question-box p{
	font-size:16px;
	color:#010002;
	line-height:25px;
	font-weight:bold;
}
.question-box span{
	font-size:16px;
	color:#006801;
	line-height:25px;
	margin-bottom:15px;
	display:block;
}
/*foot*/
.foot {
    background: #333;
    color: #f5f5f5;
    font-size: 14px;
}
.foot .hezi {
    overflow: hidden;
}
.foot .hezi .descrip {
    float: left;
    width: 130px;
    margin-right: 100px;
}
.foot .hezi .descrip h2 {
    border-bottom: 1px solid #484848;
    position: relative;
    padding-top: 15px;
    margin-bottom: 15px;
    line-height: 42px;
    font-size: 18px;
    font-weight: normal;
}
.foot .hezi .descrip h2:after {
    content: "";
    display: inline-block;
    width: 35px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #888888;
}
.foot .hezi .descrip ol {
    font-size: 14px;
    margin-bottom: 35px;
    list-style-type: none;
}
.foot .hezi .descrip ol li {
    line-height: 25px;
}
.foot .hezi .descrip ol li a {
    color: #fff;
}
.foot .hezi .erWeima {
    float: left;
    padding-top: 50px;
}
.foot .hezi .erWeima .xiaZai {
    width: 100px;
    height: 120px;
    text-align: center;
    padding-left: 47px;
    box-sizing: content-box;
    margin-bottom: 60px;
}
.foot .hezi .erWeima .dianHua {
    height: 57px;
    display: table-cell;
    vertical-align: bottom;
}
.foot .hezi .erWeima .dianHua span {
    font-size: 30px;
    padding-right: 6px;
}
.icon-dianhua3:before {
    content: " ";
    background: url(icon.png) no-repeat top center;
    width: 31px;
    height: 31px;
    display: inline-block;
    vertical-align: text-bottom;
}
.foot .hezi .erWeima .dianHua b {
    font-size: 24px;
    font-weight: normal;
}
.foot .lianjie {
    overflow: hidden;
    padding-bottom: 25px;
}
.foot .lianjie p span{
	font-weight:bold;
	display:block;
	float:left;
	line-height: 26px;
    font-size: 13px;
}
.foot .lianjie p a{
    line-height: 26px;
    font-size: 13px;
    padding-right: 15px;
	color: #f5f5f5;
	display:block;
	float:left;
}
.dibu {
    font-size: 16px;
    padding: 25px 0;
    line-height: 20px;
}
.dibu ul {
    overflow: hidden;
    text-align: center;
}
.dibu ul li {
    display: inline-block;
}
.dibu ul li a {
    color: #333;
}
.dibu p {
    text-align: center;
}