/*团购频道页*/
#mainContent{background: #f5f5f5;}
/*焦点图样式*/
.slideBox{position:relative; overflow:hidden;max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{background-color: rgba(0,0,0,0);position:absolute;bottom:0;z-index:1;width: 100%;text-align: center;}
.slideBox .hd ul {background: rgba(0,0,0,0.3);height: 26px;}
.slideBox .hd li{display:inline-block; width:16px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;background: #fff; text-indent:-9999px; overflow:hidden; margin:10px 5px;opacity: 0.5;}
.slideBox .hd li.on{background:#fff;opacity: 1;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{position:relative; text-align:center;}
.slideBox .bd li a > div {width: 100%;padding-bottom:50%;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.slideBox .bd li img{background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left;}

/*团购类型*/
.tuanType{}
.tuanType .hd{background-color: #fff;height: 3.5rem;line-height: 3.5rem;border-left: 0.5rem solid #ffd000;font-size: 1.4rem;padding-left: 1rem;margin-top: 1rem;border-bottom: 1px solid #e6e6e6;position: relative;}
.tuanType .bd{background-color: #fff;}
.tuanType .bd ul{}
.tuanType .bd li{font-size: 1.2rem;width: 25%;box-sizing: border-box;float: left;height: 3.5rem;line-height: 3.5rem;text-align: center;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.tuanType .bd li:nth-child(4n){border-right: 0;}
.tuanType .bd li a{display: block;}
.list_more {height: 3.5rem; line-height: 3.5rem; text-align: center; background-color: #fff; border-top: 1px solid #f5f5f5; font-size: 1.2rem;}

/*团购列表页*/
.searchTitle{padding: 1rem 1.5rem; border-bottom: 1px solid #eee; background-color: #F7F7F7;}
.searchTitle h2{background-color: #fff;border: 1px solid #efefef;border-radius: 0.5rem;line-height: 3rem;height: 3rem;font-size: 1.2rem;color: #999;padding: 0 1rem;position: relative;}
.searchTitle h2 i.ico{background: url(../images/ico/search.png) no-repeat 0 0.8rem/1.6rem;display: block;width: 2rem;height: 3.5rem;float: left;position: absolute;}
.searchTitle h2 input[type="text"]{width: 85%;padding-left: 2rem;box-sizing: border-box;font-size: 1.2rem;}
.searchTitle h2 a{background: #f8f8f8;border-left: 1px solid #efefef;border-radius: 0 0.5rem 0.5rem 0;color: #2ebd59;display: block;font-size: 1rem;padding: 0 1rem;position: absolute;right: 0;top: 0;}
.list{background-color: #f5f5f5;}
.list .hd{background-color: #fff;height: 3.5rem;line-height: 3.5rem;border-left: 0.5rem solid #9ed969;font-size: 1.4rem;padding-left: 1rem;margin-top: 1rem;border-bottom: 1px solid #e6e6e6;position: relative;}
.list ul{padding: 1rem;background-color: #fff;/* border-bottom: 1px solid #eee; */}
.list li{border-bottom: 1px solid #dcdcdc;padding-bottom: 0.5rem;padding-top: 0.5rem;}
.list li:nth-last-child(1){border-bottom: 0;}
.list .list_l{width: 8rem;height: 7.3rem;float: left;display: block;border-radius: 0.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;overflow: hidden;}
.list .list_r{padding-left: 9rem;height: 7.3rem;}
.list .list_r h4{color: #000;font-size: 1.3rem;height: 1.8rem;line-height: 1.8rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list .list_r .info{height: 2.8rem;overflow: hidden;padding-top: 0.5rem;}
.list .list_r .price{font-size: 1rem;color: #999;line-height: 2rem;float: left;}
.list .list_r .price i{color: #f63;font-weight: bold;}
.list .list_r .price em{color: #f63;font-size: 1.4rem;font-weight: bold;}
.list .list_r .text{color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 2rem;line-height: 2rem;}
.list .list_r .text .buyCount{float: right;padding-top: 0.3rem;}
.list .list_r .text .del{float: left;}
footer.menu{position: fixed; bottom: 0; width: 100%;max-width: 640px;}
footer.menu li{background-color: rgba(255,255,255,0.95);}
footer.menu li em{display: block;}
/*筛选条件*/
.asort{display: none;position: fixed;width: 100%;bottom: 5.4rem;background-color: rgba(0,0,0,0.5);color: #666;z-index: 100;height: 100%;max-width: 640px;}
.asort.on{display: block;}
.asort .title{background-color: #fff;height: 4rem;line-height: 4rem;border-left: 0.5rem solid #2ebd59;font-size: 1.4rem;padding-left: 1rem;border-bottom: 1px solid #e6e6e6;}
.asort .sort_list{display: none;border-top: 1px solid #dcdcdc;position: absolute;bottom: -5.5rem;width: 100%;max-height: 28.5rem;overflow: scroll;z-index: 101;}
.asort .sort_list.on{display: block;}
.asort dd{font-size: 1.4rem;line-height: 4rem;position: relative;border-bottom: 1px solid #dcdcdc;background-color: rgba(255,255,255,0.95);}
.asort span{display: block;padding-left: 1rem;color: #000;}
.asort dd i,.asort dl i{display: none;width: 1rem;height: 1.8rem;border-right: 2px solid #2ebd59;border-bottom: 2px solid #2ebd59;-webkit-transform: rotate(45deg)translateY(-3px);transform: rotate(45deg)translateY(-3px);margin-left: 4px;position: absolute;top: .6rem;right: 2.3rem;}
.asort dd.on span{color: #2ebd59;}
.asort dd.on i,.asort dl.on i{display: block;}
.asort dl {font-size: 1.4rem;line-height: 4rem;position: relative;/* border-bottom: 1px solid #dcdcdc; */background-color: rgba(255,255,255,0.95);}
.asort dl dt{font-size: 1.4rem; line-height: 4rem; position: relative; border-bottom: 1px solid #dcdcdc; background-color: rgba(255,255,255,0.95);}
.asort dl.alist dt i{width: 1rem;height: 1rem;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: 4px;position: absolute;top: 1.2rem;right: 2.3rem;display: block;}
.asort dl.alist dd{padding-left: 1rem;display: none;}
.asort dl.alist.open dd{display: block;}
.asort dl.alist dd span{color: #666;}
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icon/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.tuantype{position:absolute;left:0;top:0;width:100%;display:none;height:100%;z-index:9999;}
.tuantype .bg{height:100%;position:absolute;left:0;top:0;opacity: 0.5;background:#999;width:100%;z-index: -1;}
.tuantype .typeList{max-height:350px;overflow:auto;text-align:left;background:#FFF;}
.tuantype p{height:44px;padding-left:20px;line-height:44px;border-bottom:1px solid #ccc;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;margin-bottom:0; font-size:14px;}
.tuantype p.cur{ color:#F60;}

/*团购详情页*/
/*焦点图*/
.slideBox.focus .bd li a > div{padding-bottom:50%;}
.slideBox.focus .hd{bottom: 1rem;height: 1.8rem;}
.slideBox .txBox{background: rgba(0, 0, 0, 0.3);position: absolute;left: 0;bottom: 0rem;z-index: 1;width: 100%;height: 2.6rem;line-height: 2.6rem;background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.7) 100%);background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.7) 100%);box-sizing: border-box;padding: 0 0.5rem;}
.slideBox .txBox .item{color: #fff;}
.slideBox .txBox .clock i{background: url(../images/icon/clock.png) no-repeat 0 0 / cover;padding: 0 0.7rem;margin-right: 0.3rem;}
/*简要信息*/
.baseInfo{background-color: #fff;margin-bottom: 1rem;}
.baseInfo h2{font-size: 1.4rem;padding: 1rem 1rem 0;}
.baseInfo .b_brief{color: #888;font-size: 1rem;height: 1.8rem;line-height: 1.6rem;overflow: hidden;padding: 0.5rem 1rem 0;text-overflow: ellipsis;white-space: nowrap;}
.baseInfo .b_price{font-size: 1rem;padding: 0 1rem 0.8rem;color: #999;}
.baseInfo .b_price .price{font-size: 1rem;color: #999;line-height: 2rem;}
.baseInfo .b_price .price i{color: #f63;font-weight: bold;}
.baseInfo .b_price .price em{color: #f63;font-size: 1.4rem;font-weight: bold;}

/*团购Tab*/
.brief{margin-top: 1rem;}
.brief .hd{background-color: #fff;line-height: 4rem;text-align: center;font-size: 1.2rem;z-index: 999;top: 4.5rem !important;}
.brief .hd ul{display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;box-sizing: border-box;}
.brief .hd li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;border-bottom: 1px solid #ddd;}
.brief .hd li.on{border-bottom: 2px solid #2ebd59;}

/*团购介绍*/
.showInfo{}
.showInfo .bd{background-color: #fff;}
.showInfo .con{background-color: #fff;font-size: 1.2rem;color: #666;}
.showInfo .con .costInfo{padding: 1rem;}
.showInfo .con .costInfo h3{color: #000;line-height: 3rem;}
.showInfo .con .img{line-height: 3rem;height: 3rem;font-size: 1.4rem;}
.showInfo .con .img span{color: #000;}

/*猜您喜欢*/
.guess{background-color: #fff;margin-top: 1rem;}
.guess .hd{font-size: 1.4rem; line-height: 1.5rem; border-bottom: 1px solid #ccc; padding: 1rem 1rem 1rem 3.5rem; margin-bottom: 1rem; position: relative;color: #eb4f38;}
.guess .hd i{background-image:url(../images/ico/guess.png);background-size: cover;height: 2rem;left: 1rem;margin-top: -1rem;position: absolute;top: 50%;width: 2rem;}
.guess .bd{padding: 0 0 0 1rem;}
.guess .bd ul{}
.guess .bd li{width: 50%;float: left;box-sizing: border-box;padding-right: 1rem;padding-bottom: 1rem;}
.guess .bd li .img{width: 100%; padding-bottom: 75%; background-size: cover; background-position: 50% 50%;}
.guess .bd li .title{height: 3rem; font-size: 1rem; overflow: hidden; line-height: 1.5rem; margin-top: 0.5rem;}
.guess .bd li .price{color: #f40; font-size: 1rem; text-align: right;}
.guess .bd li .price em{font-size: 1.4rem;} 
.guess .bd li .price i{color: #666;}
/*页脚预订栏*/
footer.sub{background-color: #fff; bottom: 0; font-size: 1rem; height: 4rem; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 99;}
footer.sub span{float: left;display: block;text-align: center;height: 4rem;line-height: 4rem;box-sizing: border-box;}
footer.sub span a{display: block;}
footer.sub .collect{width: 20%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .collect:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/collect.png) 0 0/cover;}
footer.sub .collect.on:before{background-image: url(../images/ico/collect_on.png);}
footer.sub .tel{width: 20%;border-top: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .tel:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/phone.png) 0 0/cover;}
footer.sub .booking{background-color:#ff7d13;width: 60%;font-size: 1.2rem;}
footer.sub .booking a{color: #fff;}