header{
	width:100%;
	height: 60px;
	background: #333333;
}
header .content{
	background: #333333;
	display: flex;
}
header .header-l {
	height: 60px;
	width:80%;
	float: left;
}
header .header-r {
	height: 60px;
	float:left
}
header .header-l img{
	margin-left: 6px;
}
header .header-l>li{
	float:left;
	height:60px;
	line-height: 60px;
	margin-right:30px;
}
header .header-l .on{
	color:#fff;
}
header .header-l .sort_arr{
	position: relative;
}
header .header-l .sort_arr .lsort{
	background:#333;
	z-index:1000;
	position:absolute;
	left:-10px;
	top:60px;
}
header .header-l .sort_arr .lsort .lsort_li{
	width:100px;
	color:#969896;
	text-align: left;
	line-height: 22px;
	padding:5px 10px
}
header .header-l .sort_arr .lsort .lsort_li:hover{

	background:#252525;
	
}
header .header-l .sort_arr .lsort .lsort_li a:hover{
	color:#fff;
	
}
header .header-l .logo{
	display: inline-block;
	font-size:16px;
	color:#fff;
	margin-right:40px;
}
header .header-l li a,header .header-r .system a{
	display: inline-block;
	font-size:14px;
	color:#adadad;
}
header .header-r .system li a{
	padding:0 7px;
	
}
header .header-r .system{
	float:left;
}
header .header-r .system li{
	float:left;
	heihgt:60px;
	line-height: 60px;
}
header .header-r .search{
	float:left;
	border:1px solid #969896;
	box-sizing: border-box;
	border-radius:7px;
	background: #fff;
	margin-top:14px;
	width:53%;
	margin-left:20px;
}
header .header-r .search button{
	border:0;
	background: none;
}
header .header-r .search .iconfont{
	font-size:16px;
	padding:8px 0 7px 10px;
}
header .header-r input{
	border:none;
	height:30px;
	font-size:14px;
	width:70%
}
header .header-r input:focus{
	outline:none;
	background: #fff;
}
header .header-r input:input-placeholder{
	color:#c4c4c4;
}
.banner{
	width:100%;
	position:relative;
	height:210px;
	min-width:1000px
}
.banner .box-in{
	height:210px;
	width: 100%;
	
	}
.time{
	width:100%;
	background: #fff;
}
.time .time_content{
	width:50%;
	height:60px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.time .time_content .current{
	color: #00af87;
}
.time .time_content li a{
	display: inline-block;
	font-size:14px;
	color:#333;	
}
.time .time_content img{
	margin-left:6px
}
.time #price{
	position:relative
}
.time .price{
	position: absolute;
	background:#fff;
	z-index:1000;
	left:-10px;
	top:39px;
	
}
.time .price .LI_price{
	width:120px;
	height:26px;
	line-height: 20px;
	padding:4px 10px;
	color:#969896
}
.time .price .LI_price:hover{
	background: #666666;
	color:#F6F6F6
}
main{
	width:100%;
	margin-top:20px;
}
main ul{
	overflow: hidden;
	margin:0 auto;
}
main ul li{
	flex:1;
	padding:15px;
	background: #fff;
	margin:15px;
    float:left;
	width:270px;
	height:100%
}
main ul li .image{
	height: 136px;
	margin-bottom:15px;
	overflow: hidden;
}

main ul li img{
	display: inline-block;
	width:100%;
}
main ul li .name{
	font-size:14px;
	line-height: 25px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    
}
main ul li .retail_price,main ul li .journey,main ul li .journey_days{
	font-size:12px;
	color:#9c9c9c;
	line-height: 22px;
}
main ul li .journey_time,main ul li .day{
	color:#333333
}
main ul li .retail_price span{
	color:#00a57d;
}
main ul li .retail_price .num{
	font-size:15px;
	margin:0 4px;
}
footer{
	height:30px;
	margin-top:10px;
	
}
footer .content{
	width:100%;
	position: fixed;
	left:0;
	bottom:0;
	overflow: hidden;
	background: #333;
	
}
footer ul{
	float:left;
	width:70%;
}
footer ul li{
	float:left;
	height:30px;
	line-height: 30px;
}
footer ul li a{
	display: inline-block;
	padding:0 10px;
	color:#bababa;
	font-size:12px
}
footer ul li:hover a{
	color:#fff
}
footer .footer-r{
	float:right;
	color:#bababa;
	font-size:11px;
	height:30px;
	line-height: 30px;
	font-size:10px;
}
footer .footer-r .tel{
	margin:0 15px
}

@media (min-width: 1024px){
    main ul{
    	margin-left: 60px;
    }
}
@media (min-width: 1326px){
    main ul{
    	margin-left: 63px;
    }
}
@media (min-width: 1366px){
    main ul{
    	margin-left: 83px;
    }
}
@media (min-width: 1400px){
    main ul{
    	margin-left: 100px;
    }
}
@media (min-width: 1440px){
    main ul{
    	margin-left: 120px;
    }
}
@media (min-width: 1560px){
    main ul{
    	margin-left: 30px;
    }
}
@media (min-width: 1600px){
    main ul{
    	margin-left: 50px;
    }
}
@media (min-width: 1640px){
    main ul{
    	margin-left: 70px;
    }
}
@media (min-width: 1680px){
    main ul{
    	margin-left: 90px;
    }
}
@media (min-width: 1880px){
    main ul{
    	margin-left: 40px;
    }
}
@media (min-width: 1920px){
    main ul{
    	margin-left: 60px;
    }
}