/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2020-2-12, 23:57:23
    Author     : max
*/

.bg{width: 100%; padding-bottom: 30px; background: #F5F5F5;}

/*筛选*/
.shaiBox{width: 1200px; border-bottom: 1px solid #F0F0F0; margin: 20px auto 0; position: relative;}
.shaiBox .shaiTit{width: 1198px; height: 40px; background: #FFF; border: 1px solid #E5E5E5; border-bottom: 2px solid #cc3232; overflow: hidden;}
.shaiBox .shaiTit h2{padding: 0 20px; height: 40px; text-align: center; float: left; line-height: 40px; font-size: 18px; background: #cc3232; color: #FFF;}
.shaiBox .shaiTit .phone{height: 40px; line-height: 40px; font-size: 16px; color: #f00; float: right; padding-right: 15px; border: 0; overflow: hidden;}
.shaiBox .shaiTit .phone i{display: inline-block; float: left; width: 15px; height: 16px; margin: 13px 8px 0 0; background: url(/static/home/all.png) no-repeat -29px -1px; text-indent: -9999px;}

/*热门目的地*/
.hotMdd{width: 1200px; height: auto; padding-top: 15px; background: #FFF; padding-bottom: 15px; overflow: hidden;}
.hotMdd dt{width: 120px; height: 30px; font: 700 14px/30px "microsoft yahei","SimHei",Arial,sans-serif; text-align: center; float: left; color: #777;}
.hotMdd dd{width: 1080px; height: auto; float: right; overflow: hidden;}
.hotMdd dd a{display: inline-block; height: 30px; font: 100 14px/30px "microsoft yahei","SimHei",Arial,sans-serif; white-space: normal; word-break: keep-all; white-space: nowrap;  margin-right: 25px; color: #777;}
.hotMdd dd a:hover{color: #E4392A;}
.hotMdd dd a.on{background: #f00; color: #FFF; padding: 0 10px; border-radius: 5px; float: left;}
/*筛选部分*/
.shaiBox .shaiCon{width: 1200px; height: 100px; background: #FFF; overflow: hidden;}
.shaiBox .shaiCon .shaiCon_dl{width: 1200px; height: 30px; padding-top: 15px; border-top: 1px dotted #d9d9d9; margin: 0 0 15px; overflow: hidden;}
.shaiBox .shaiCon .shaiCon_dl dt{width: 620px; height: 60px; font: 700 22px/30px "microsoft yahei","SimHei",Arial,sans-serif; text-align:left; float: left; margin-left:30px; }
.shaiBox .shaiCon .shaiCon_dl dd{width: 1080px; height: auto; float: right; overflow: hidden;}
.shaiBox .shaiCon .shaiCon_dl dd a{display: inline-block; float: left; height: 30px; font: 100 14px/30px "microsoft yahei","SimHei",Arial,sans-serif; white-space: normal; word-break: keep-all; white-space: nowrap;  margin-right: 25px;}
.shaiBox .shaiCon .shaiCon_dl dd a:hover{color: #E4392A;}

/*日期筛选*/
.shaiBox .shaiCon .shaiCon_time{width: 1200px; padding-top: 15px; border-top: 1px dotted #d9d9d9; margin: -1px 0 15px;}
.shaiBox .shaiCon .shaiCon_time dt{width: 120px; height: 60px; font: 700 14px/30px "microsoft yahei","SimHei",Arial,sans-serif; text-align: center; float: left;}
.shaiBox .shaiCon .shaiCon_time dd{width: 1080px; float: right; margin-bottom: 10px;}
.shaiBox .shaiCon .shaiCon_time dd a{display: inline-block; float: left; height: 30px; font: 100 14px/30px "microsoft yahei","SimHei",Arial,sans-serif; white-space: normal; word-break: keep-all; white-space: nowrap; color: #777; margin-right: 25px;}
.shaiBox .shaiCon .shaiCon_time dd a:hover{color: #E4392A;}

.shaiBox .shaiCon .shaiCon_time dd div.time{float: left; margin-right: 8px; width: 150px; height: 28px; padding: 0 5px; border: 1px solid #E5E5E5; position: relative; z-index: 8888;}
.shaiBox .shaiCon .shaiCon_time dd div.time input{display: block; width: 150px; height: 28px; border: 0; background: none; line-height: 28px; font-size: 12px;}

.shaiBox .shaiCon .shaiCon_time dd input.dateBtn{display: inline-block; float: left; width: 80px; height: 30px; float: left; background: #cc3232; color: #FFF; font: 100 12px/30px "microsoft yahei","SimHei",Arial,sans-serif; cursor: pointer;}

/*已选条件*/
.shaiCurr{width: 1200px; height: auto; padding: 20px 0; border-top: 1px dotted #d9d9d9; overflow: hidden;}
.shaiCurr .titBox{width: 120px; height: 36px; font: 700 14px/36px "microsoft yahei","SimHei",Arial,sans-serif; text-align: center; float: left;}

.shaiCurr .conBox{width: 1080px; height: auto; float: right; overflow: hidden;}
.shaiCurr .conBox .conBox_lt{width: 1000px; float: left; height: auto; overflow: hidden;}
.shaiCurr .conBox .conBox_lt a.curr{display: inline-block; float: left; height: 24px; border: 1px solid #f30; margin: 5px 15px 5px 0; white-space: normal; word-break: keep-all; white-space: nowrap;}
.shaiCurr .conBox .conBox_lt a.curr span{display: inline-block; height: 24px; float: left; font: 100 12px/24px "microsoft yahei","SimHei",Arial,sans-serif;}
.shaiCurr .conBox .conBox_lt a.curr span.type{background: #f30; color: #FFF; padding: 0 5px;}
.shaiCurr .conBox .conBox_lt a.curr span.name{color: #777; padding: 0 10px;}
.shaiCurr .conBox .conBox_lt a.curr span.close{width: 11px; height: 10px; background: url(/static/home/all.png) no-repeat -141px -47px; margin: 7px 10px 7px 0; text-indent: -9999px;}
.shaiCurr .conBox .conBox_rt{width: 80px; height: 36px; float: right; font: 100 12px/12px "microsoft yahei","SimHei",Arial,sans-serif;}
.shaiCurr .conBox .conBox_rt a{color: #06f;}
/*筛选展开更多*/
.shaiBox .shaiMore{width:150px; height: 24px; font: 100 12px/24px "microsoft yahei","SimHei",Arial,sans-serif; text-align: center; border: 1px solid #F0F0F0; border-top: 0; background: #FFF; position: absolute; left: 50%; margin-left: -65px; bottom: -24px; color: #f40; cursor: pointer;}
.shaiBox .shaiMore i{display: inline-block; width: 12px; height: 6px; background-image: url(/static/home/all.png); background-repeat: no-repeat; margin-left: 10px; vertical-align: 1px;}
.shaiBox .zk i{background-position: 0 -38px;}
.shaiBox .sq i{background-position: -68px -58px;}

/*列表部分*/
.listBox{width: 1200px; height: auto; margin: 45px auto 0; overflow: hidden;}

/*左部*/
.listBox .list_lt{width: 900px; height: auto; float: left; overflow: hidden; }

/*列表抬头*/
.listTit{width: 898px; height: 22px; border: 1px solid #E5E5E5; padding: 15px 0; background: #FFF; overflow: hidden;}
/*排序*/
.listTit .listSort{height: 22px; float: left;}
.listTit .listSort li{height: 22px; float: left; border-right: 1px solid #E5E5E5; margin-right: -1px; font: 100 14px/22px "microsoft yahei","SimHei",Arial,sans-serif;}
.listTit .listSort li a{display: block; padding: 0 25px;}
.listTit .listSort li.curr a{color: #cc3232; font-weight: 700;}
/*价格区间*/
.listTit .price{height: 22px; float: left; margin-left: 50px;}
.listTit .price .mprice{display: inline-block; width: 80px; height: 20px; float: left; border: 1px solid #E5E5E5; padding: 0 5px; font: 100 12px/20px "microsoft yahei","SimHei",Arial,sans-serif; color: #555;}
.listTit .price .slide{display: inline-block; height: 22px; float: left; font: 100 14px/22px "microsoft yahei","SimHei",Arial,sans-serif; color: #555; margin: 0 3px;}
.listTit .price .priceBtn{display: inline-block; float: left; width: 60px; height: 22px; float: left; background: #cc3232; color: #FFF; font: 100 12px/22px "microsoft yahei","SimHei",Arial,sans-serif; cursor: pointer; margin-left: 8px;}

/*列表线路*/
.listLine{height: auto; padding: 20px;   background: #FFF; border-bottom: #c7c4c5 1px solid; border-left: #d8d5d6 1px solid; border-top: #e2e0e1 1px solid; border-right: #d8d5d6 1px solid; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); overflow: hidden;}
.listLine a{display: block;}

.listLine .line-up{height: auto; line-height: 30px; font-size: 18px; overflow: hidden;}

.listLine .line-down{height: auto; margin-top: 10px; text-align:center; overflow: hidden;}

.listLine .line-down .pic{width: 220px; height: auto;  position: relative; overflow: hidden;}
.listLine .line-down .pic img{width: 220px; min-height: 180px;}
.listLine .line-down .pic span{display: block; padding: 0 10px; height: 26px; background: #F20; color: #FFF; position: absolute; left: 0; top: 0; font: 100 12px/26px "microsoft yahei","SimHei",Arial,sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.listLine .line-down .con{width: 620px; height: auto; float: right; overflow: hidden;}
/*头*/
.listLine .line-down .con .th{height: 30px; border-bottom: 1px dotted #d5d5d5; padding-bottom: 6px; color: #848484; overflow: hidden;}
.listLine .line-down .con .th span{margin-right: 20px;}
.listLine .line-down .con .th span i{margin-right: 10px;}
/*中*/
.listLine .line-down .con .td{width: 620px; height: auto; overflow: hidden;}

/*中左*/
.listLine .line-down .con .td .lt{width: 479px; height: auto; float: left; padding-top: 10px; overflow: hidden;}
.listLine .line-down .con .td .lt p{height: 24px; color: #666; padding-top: 5px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.listLine .line-down .con .td .lt p em{float: left;}
.listLine .line-down .con .td .lt p span{display: inline-block; height: 24px; float: left; text-align: center; margin-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.listLine .line-down .con .td .lt p.spe{height: 22px; line-height: 20px;}
.listLine .line-down .con .td .lt p.spe span{border: 1px solid #ccc; color: #555; padding: 0 10px; height: 20px; border-radius: 3px;}

/*中右*/
.listLine .line-down .con .td .rt{width: 120px; height: auto; float: right; border-left: 1px dotted #D5D5D5; margin-top: 20px; padding-left: 20px; overflow: hidden;}
.listLine .line-down .con .td .rt p.price{height: 30px;  color: #f30; text-align: center;}
.listLine .line-down .con .td .rt p.renqi{height: 30px; line-height:30px; text-align: center; color: #878787;}
.listLine .line-down .con .td .rt p.btn{width: 120px; height: 35px; line-height:35px; border-radius: 5px; background: #f30; color: #FFF; text-align: center;}

/*è„š*/
.listLine .line-down .con .bot{width: 620px; height: 22px; color: #666; padding-top: 10px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.listLine .line-down .con .bot li{float: left; min-width: 120px; max-width: 145px; margin-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.listLine .line-down .con .bot li i,.listLine .line-down .con .bot li span{float: left; display: inline-block; }
.listLine .line-down .con .bot li i{background: #cc3232; color: #FFF; padding: 0 5px; border-radius: 2px; margin-right: 5px;}


/*右部*/
.list_rt{width: 280px; height: auto; float: right; overflow: hidden;}
.list_rt h3{height: 40px; border: 1px solid #E5E5E5; padding: 0 15px; line-height: 40px; font-size: 16px; background: #f00; color: #FFF; font-size: 16px; font-weight: 600;}
/*产品分类*/
.mddTit{padding: 15px 15px 0; height: auto;  background: #FFF; overflow: hidden;}
.mddTit em{display: block; height: 20px; padding-bottom: 10px; border-bottom: 2px solid #E5E5E5; font: 100 18px/20px "microsoft yahei","SimHei",Arial,sans-serif;}
.mddBox{width: 280px; height: auto; background: #FFF; padding-bottom: 15px; overflow: hidden;}
.mddBox  a{display: inline-block; width: 70px; height: 26px; line-height: 26px;  font-size: 12px; float: left; margin-left: 16px; margin-top: 16px; border: 1px solid #E5E5E5; text-align: center; border-radius: 5px; overflow: hidden;}
.mddBox  a:hover{background: #f00; color: #FFF;}

/*推荐产品*/
.tuijian{width: 240px; height: auto; padding: 18px; border: 1px solid #E5E5E5; background: #FFF; overflow: hidden;}
.tuijian h3{height: 20px; padding-bottom: 10px; border-bottom: 2px solid #E5E5E5; font: 100 18px/20px "microsoft yahei","SimHei",Arial,sans-serif;}
.commend{width: 240px; height: auto; overflow: hidden;}
.commend a{display: block; margin-top: 20px;}
.commend a div.pic{width: 240px; height: 120px; position: relative;}
.commend a div.pic img{width: 240px; height: 120px;}
.commend a div.pic span{display: block; padding: 0 10px; height: 26px; background: #F20; color: #FFF; position: absolute; left: 0; top: 10px; font: 100 12px/26px "microsoft yahei","SimHei",Arial,sans-serif; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.commend a div.con{width: 240px; height: auto; overflow: hidden;}
.commend a div.con em{display: block; font: 100 14px/25px "microsoft yahei","SimHei",Arial,sans-serif;}
.commend a div.con p{height: 30px; font: 100 12px/30px "microsoft yahei","SimHei",Arial,sans-serif; color: #848484;}
.commend a div.con p span{display: inline-block;}

/*固定部分*/
.fixedBox{width: 280px; position: relative; z-index: 88;}
.fixedBox .tit{height: 25px; padding-bottom: 10px; font: 700 18px/25px "microsoft yahei","SimHei",Arial,sans-serif; border-bottom: 2px solid #E5E5E5;}
.fixedIn_top{position: fixed; top: -18px;}
.fixedIn_bot{position: fixed; bottom: 373px;}
/*包团*/
.baotuan{width: 240px; height: auto; margin-top: 20px; background: #FFF; padding: 20px; overflow: hidden;}
.baotuan .tit{height: 25px; padding-bottom: 10px; font: 700 18px/25px "microsoft yahei","SimHei",Arial,sans-serif; border-bottom: 2px solid #E5E5E5;}
.baotuan ul{margin-top: 10px;}
.baotuan li{height: 28px; padding: 6px 0; font: 100 16px/28px "microsoft yahei","SimHei",Arial,sans-serif; padding-left: 28px; background: url(../images/list/list-select.png) no-repeat left center; color: #555;}
.baotuan .baotuan_phone{height: 45px; margin-top: 10px; background: #cc3232; font: 700 18px/45px "microsoft yahei","SimHei",Arial,sans-serif; color: #FFF; text-align: center;}

/*放心游*/
.fangxin{width: 240px; height: auto; margin-top: 20px; padding: 18px 20px 10px; background: #FFF; overflow: hidden;}
.fangxin .tit{height: 25px; padding-bottom: 10px; font: 700 18px/25px "microsoft yahei","SimHei",Arial,sans-serif; border-bottom: 2px solid #E5E5E5;}
.fangxin .sha{background: #7A8CA2; margin-top: 20px; height: auto; padding: 10px; font: 100 12px/22px "microsoft yahei","SimHei",Arial,sans-serif; color: #FFF; overflow: hidden;}

.fangxin .xia{height: auto; margin-top: 10px; overflow: hidden;}
.fangxin .xia li{height: 24px; border-bottom: 1px dotted #C5C5C5; margin: 15px 0 -1px; padding-bottom: 15px;}
.fangxin .xia li i{display: inline-block; width: 24px; height: 24px; float: left; background-image: url(/static/home/all.png); background-repeat: no-repeat;}
.fangxin .xia li i.icon-1{background-position: -135px -136px;}
.fangxin .xia li i.icon-2{background-position: -31px -136px;}
.fangxin .xia li i.icon-3{background-position: -57px -136px;}
.fangxin .xia li i.icon-4{background-position: -83px -136px;}
.fangxin .xia li i.icon-5{background-position: -109px -136px;}
.fangxin .xia li em{display: inline-block; height: 24px; float: left; margin-left: 10px; font: 100 14px/24px "microsoft yahei","SimHei",Arial,sans-serif; color: #777;}