@charset "utf-8"; 
.list-banner{
	min-width: 1190px; 
	width: 100%;
	height: 540px;
	display: block;
}
.list-p-relative{
	position: relative;
}
.list-pos{
	position: absolute; 
	top: 490px; 
	z-index: 100; 
	left: 50%;
	margin-left: -595px;
} 
.add_list_pos{
	position: fixed;
	top: 0;
	z-index: 150;
	background: #fff;
	width: 1190px;
    left: 50%;
    margin-left: -595px; 
}
/*搜索条件*/
.listSearch{
	background: #fff;
	position: relative; 
    border: #dfdfdf solid 1px; 
}
.listNav{
	height: 48px;
    background: #f9f9f9;
    line-height: 48px;
    font-size: 0;
    border-bottom: solid 1px #ff6700;
} 
.listNav li{
	display: inline-block;  
    margin-right: 1px;
    cursor: pointer; 
}
.listNav a{
	display: block;
	padding: 0 48px;
	font-size: 16px;
    color: #333;
    line-height: 48px;
}
.listItem{
	width: 1030px;
}
.listNav li.active,
.listItem li.active,
.listDayItem li:first-child.active,
.listPriceItem li:first-child.active,
.listTypeItem li.active,
.timesBtn.active,
.listNav li:hover,
.listItem li:hover,
.listTypeItem li:hover,
.timesBtn:hover{
	color: #fff;
    background: #ff6700;
}
.listDayItem a,
.listPriceItem a{
	display: block;
	line-height: 24px;
	color: #333;
}
.listItem li:hover a,
.listItem li.active a,
.listTypeItem li:hover a,
.listTypeItem li.active a,
.listNav li:hover a,
.listNav li.active a,
.listDayItem li:first-child.active a,
.listPriceItem li:first-child.active a{
	color: #fff;
}
.listPublic,.listTime,.listChioce{
	padding: 15px 0 0 21px;
    border-bottom: #dfdfdf dashed 1px;
    margin: 0 5px;
}
.listChioce{
	display: none; 
}
.listTitle{ 
	font-size: 14px;
    color: #999;
    margin-right: 20px; 
    width: 70px; 
    line-height: 22px;
}
.listItem li,
.listTypeItem li,
.listDayItem li,
.listPriceItem li{
	display: inline-block;
	margin: 0 8px 15px 0;
    cursor: pointer;
    padding: 0 8px;
    font-size: 14px;  
    line-height: 22px;
    -moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	behavior: url(./css/ie-css3.htc);
} 
/*调用icon*/
.listDayItem li:not(:first-child) a:before,
.listPriceItem li:not(:first-child) a:before,
.timesChoice input,
.linesFont,
.linesDate{
 background: url(../images/list.png) center no-repeat;
} 
.listDayItem li:not(:first-child) a:before,
.listPriceItem li:not(:first-child) a:before{
	content: '';
    display: inline-block;
    vertical-align: top;
    margin: 3px 8px 0;
    width: 18px;
    height: 18px;
    background-position: 0 0;  
}
.listDayItem li:not(:first-child).active a:before,
.listDayItem li:not(:first-child):hover a:before,
.listPriceItem li:not(:first-child).active a:before,
.listPriceItem li:not(:first-child):hover a:before{ 
   background-position: -18px 0;
}
.timesChoice input{
	width: 110px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #d7d7d7;
	color: #666;
	padding-left: 6px;
	background-position:  -50px 0; 
	cursor: pointer;
}
.timesBar{
	padding: 0 9px;
	color: #d7d7d7; 
}
.timesBtn{
	padding: 0 10px;
	margin-left: 20px;
	cursor: pointer; 
    line-height: 24px;
}
 
.listTime{
	padding-bottom: 15px;
}
.listChioce{
	padding-bottom: 10px;
}
.linesTypeNone{
	padding: 12px 0 12px 13px;
    cursor: pointer;
    font-size: 12px;
    color: #ff9a00;
    display: inline-block;
}
.listChioceItem li{
	height: 20px;
    border: #dfdfdf solid 1px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 6px;
    line-height: 20px; 
    margin: -1.5px 10px 7px 0; 
    display: none;
}
.listChioceTitle:after{
	display: inline-block;
	content: '|'; 
	padding: 0 10px;
}
.listChioceTitle{
	color: #999;
}
.listChioceTitle+span{
	color: #333; 
}
.listChioceCancel{
	color: #333;
	margin-left: 10px;
	cursor: progress ;
}
/*线路*/
.listContain{

}
.listLeft{
	width: 956px; 
}
.listRight{
	width: 220px;
}
.linesList{
	width: 100%; 
	background: #fff;
	margin-bottom: 14px;
}
.linesImg{
	width: 390px; 
	position: relative;
}
.linesImg a{
	display: block;
	width: 390px;
	height: 250px;
	overflow: hidden;
}
.linesImg img{
	max-width: 390px;
	width: 100%;
	min-height: 250px;
}
.linesCommend,
.listv-play{
position: absolute;
z-index: 10;
}
.linesCommend{ 
	left: 0;
	top: 0; 
	font-size: 12px;
	color: #fff;
	line-height: 20px; 
}
.listv-play{
	left: 50%;
	top: 50%;
	margin: -26px 0 0 -26px
}
.linesImg  .listv-play img{
	width: 52px;
	min-height:52px;
}
.lines-c-yellow{
	background: url(../images/list.png) center no-repeat #ff6700;
	background-position: 0 -18px;  
	padding: 0 8px 0 22px; 
}
.lines-c-red{
	background: #de0909;
	padding: 0 8px; 
}
.linesRight{
	width: 550px;
	position: relative;
	height: 250px; 
}
.lines-title{ 
	color: #333;
	line-height: 30px;
	font-size: 18px;
	height: 60px;
	text-align: justify; 
	margin: 10px 14px 10px 0; 
}
.linesTag{
	font-size: 0;
	height: 22px;
	overflow: hidden;
	margin-bottom: 10px; 
}
.linesTag img{
	margin-right: 6px;
	height: 22px;
	vertical-align: top; 
}
.linesFont{
	display: inline-block;
	line-height: 20px;
	border: 1px solid #ff6700;
	color: #ff6700;
	font-size: 12px;
	padding: 0 7px 0 20px;
	background-position: -2px -37px;  
	margin-right: 6px;
}
.linesInfo{
	padding-right: 14px;
	line-height: 20px;
	font-size: 12px;
	height: 60px;
	overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.linesLabel,.linesPeriod{
	font-size: 12px;
}
.linesLabel p{
	display: inline-block;
	margin-right: 40px;
}
.linesPeriod{
	margin-top: 8px;
}
.linesPeriod .clamp{
	width: 90px;
	height: 20px;
	line-height: 20px;
}
.linesPeriod p{
	margin-right: 40px;
}
.linesPrice{
	display: block;
	background: #ff6700;
	color: #fff;
	font-size: 12px;
	line-height: 38px;
	width:195px;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 20;
}
.linesPrice b{
	font-size: 22px;
}
.linesPrice span{
	font-size: 12px;
}
.linesDate{
	background-position: 0 -59px;
	padding-left: 16px; 
	color: #73b3ea; 
	position: relative;
}
.linesDate input{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 40;
	opacity: 0;
	filter: alpha(opacity=0); 
	cursor: pointer;
}
.hr_border{
	width: 100%;
	height: 1px;
	background: #e3e3e3;
	position: relative;
	margin: 9px 0;
}
.hr_border:before{
	display: block;
	content: '';
	position: absolute;
	background: #2696fc;
	left: 0;
	top: 0;
	height: 1px;
	z-index: 20;
	width: 70%;
}
.otherImg{
	display: block;
	height: 120px;
	overflow: hidden; 
	width: 100%;
} 
.otherImg img{
	width: 100%;
	height: 120px;
	vertical-align: top;
	object-fit: cover;
}
.linesOther{
	font-size: 16px;
	padding: 0 0 9px 9px;
}
.other-white{
	background: #fff;
	padding: 10px 0 5px;
}
.otherList{
	width: 200px;
	margin: 0 auto 5px;
}
.otherTop{
	position: relative;
}
.otherList:first-child .otherNum{
	background: #da5043;
}
.otherNum,
.otherListLink i{
	color: #fff;
	line-height: 16px;
	width: 16px;
	text-align: center;
	font-size: 12px;
	background: #aaa;
}
.otherNum{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15; 
}
.otherBottom a{color:#5d5d5d; display: block; padding: 6px 0 0;overflow: hidden;}
.otherBottom a:hover,
.lines-title:hover,
.otherListLink a:hover{
	color: #ff6700
}
.linesPrice:hover{
	background: #f90;
}
.linesImg img:hover{
	transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
} 
.otherBottom span{
	color:#da5043;
	font-weight: 600;
}
.otherListLink{
	padding: 0 10px;
}
.otherListLink li{
	margin: 10px 0;
	height: 20px;
} 
.otherListLink i{
	display: inline-block; 
	margin-right: 4px;
}
.otherListLink a{
	display: inline-block;
	color: #5d5d5d;
	font-size: 12px;
	line-height: 20px; 
}
.aug-star{ 
	vertical-align: top;
	display: inline-block; 
	height: 15px;
	margin: 3px 0 0 10px;
	background: url(../images/21detail/star.png) repeat-x;
}
.aug-star1{
	width: 20px;
}
.aug-star2{
	width: 40px;
}
.aug-star3{
	width: 60px;
}
.aug-star4{
	width: 80px;
}
.aug-star5{
	width: 100px;
}
/*日历*/ 
.laydate-day-mark{
	color: #ff6700;
	font-weight: bold;
}
.layui-this{background-color:#fff!important; }
.layui-laydate-content td.laydate-selected,
.layui-laydate-content td:hover{
	background-color:#fff!important;
	color: inherit;
}
.layui-laydate-content td:hover{
	cursor: default
}
