﻿/*--------------------------------------------------------------------团购首页--------------------------------------------------------------------*/
/*特惠游*/
.pre_tour{padding: 20px 5px 20px 10px;}
.pre_tour .title{color:#37c9d6;font-size: 1.6rem;line-height: 30px;}
.pre_tour ul{}
.pre_tour li{width: 50%; float: left;box-sizing: border-box;border-right: 5px solid #e9f4f5;}
.pre_tour li .img{padding-bottom: 66.5%;background-size: cover;position: relative;}
.pre_tour li .img .hui{position: absolute; top: 0; left: 5px; height: 30px; width: 20px;}
.pre_tour li .img .hui .t{height: 3px; background-color: #ff8800;}
.pre_tour li .img .hui .b{text-align: center; color: #fff; background-color: #ff8800; margin-top: 3px; height: 20px; line-height: 20px;}
.pre_tour li .img .price{position: absolute;bottom: 0; width: 100%;}
.pre_tour li .img .price span{z-index: 2; position: relative; display: block; height: 20px; line-height: 20px;font-size: 1rem;}
.pre_tour li .img .price span em{font-size:1.4rem;}
.pre_tour li .img .price .del{padding: 5px 0 0 10px;float: left;color: #666;text-decoration: line-through;}
.pre_tour li .img .price .rate{padding: 5px 10px 5px 0;float: right;color: #ff8800;}
.pre_tour li .img .price .bg{background-color: #c5ebef; opacity: 0.7; height: 30px; padding: 5px;bottom: 0;position: absolute;width: 100%;z-index: 1;box-sizing: border-box;}
.pre_tour li .img .price .bg .in_bg{background-color: #fff; height: 20px;}
.pre_tour li h2{color: #666; font-size: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px;}
.pre_tour li .con{color: #b9b9b9;max-height: 28px;overflow: hidden;font-size: 1.2rem;line-height: 14px;}
/*热门推荐*/
.hot{padding: 20px 8px 20px 10px;}
.hot .title{color:#37c9d6;font-size: 1.6rem;line-height: 30px;}
.hot .bd{}
.hot .bd li{width: 25%; float: left;line-height: 40px;height: 40px;text-align: center; font-size: 1.4rem;border: 1px solid #e1dfdf;/* border-width: 1px 0 1px 1px; */background-color: #fff;box-sizing: border-box;margin: -1px 0 0 -1px;overflow: hidden;color: #555;}
.hot .bd .more i{display: inline-block; width: 10px; height: 10px; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; -webkit-transform: rotate(45deg)translateY(-3px); transform: rotate(45deg)translateY(-3px); margin-left: 4px;}
/*团购类别*/
.type{margin-top: 10px;}
.type ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.type li{-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;text-align: center;font-size: 1.4rem;padding: 0 15px;}
.type li span.icon{background-size: 60%; background-color: #37c9d6; border-radius: 100%; text-align: center;margin: 10px auto;width: 100%;padding-bottom: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.type li span.icon.jiudian{background-image: url(../images/icon/tuan/jiudian.png);}
.type li span.icon.lvyou{background-image: url(../images/icon/tuan/lvyou.png);}
.type li span.icon.meishi{background-image: url(../images/icon/tuan/meishi.png);}
.type li span.icon.menpiao{background-image: url(../images/icon/tuan/menpiao.png);}
/*--------------------------------------------------------------------团购列表--------------------------------------------------------------------*/
.list .hd{height: 48px;margin-bottom: 6px;}
.list .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.list .hd li{/*width: 50%; float: left;*/-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;height: 48px; text-align: center;line-height: 46px; background-color: #fff; color: #666; font-size: 1.4rem;}
.list .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.list .bd{}
.list{}
.list .bd ul{padding: 0 15px;}
.list .bd li{position: relative;padding: 0;background-color: #FEFEFE;border: 0;margin-bottom: 50px;}
.list .bd li .img{width: 100%; padding-bottom: 50%; background-size: cover; background-position: center; background-repeat: no-repeat;position: relative;border-radius: 0;}
.list .bd li .img .tl{position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); width: 100%;padding: 5px 10px; box-sizing: border-box; color: #fff;}
.list .bd li .img .tl dt{font-size: 1.4rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list .bd li .img .tl dd{font-size: 1.2rem;}
.list .bd li .time{position: absolute;background-color: rgba(0, 0, 0, 0.5); color: #fff;top: 10px; left: 15px;height: 24px;border-radius: 12px;padding: 0 15px;background-image: url(../images/icon/tuan/time.png);background-size: 18px;background-repeat: no-repeat;background-position: 6px 2px;padding-left: 30px;line-height: 24px;}
.list .bd li .time span{font-size: 1.2rem;}
.list .bd li .time i{}
.list .bd li .time em{/*background-color: #ececec;*/ color: #ff8800; padding: 0 2px; border-radius: 2px;}
.list .bd li .fl{line-height: 30px;padding-right: 80px;padding-left: 5px;padding-bottom: 5px;height: 50px;}
.list .bd li .fl span{display: inline-block;}
.list .bd li .fl .rate{color: #ff8800;}
.list .bd li .fl .rate em{font-size: 1.4rem;}
.list .bd li .fl .rate i{font-size: 1rem; color: #b9b9b9;}
.list .bd li .fl .cost{text-decoration: line-through; color: #b9b9b9;}
.list .bd li .fl .cost em{font-size: 1.4rem;}
.list .bd li .fl .off{color: #fff; background-color: #ff8800; padding: 0 2px; border-radius: 2px;line-height: 16px;position: relative;top: -2px;height: 16px;}
.list .bd li .fl .off em{}
.list .bd li .fl .buy{}
.list .bd li .fl .buy em{color: #37c9d6;}
.list .bd li .fl .add{background: url(../images/icon/place.png) no-repeat -4px -5px/20px;display: block;padding-left: 16px;line-height: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list .bd li .btu{background-color: #ff8800;position: absolute;right: 10px;bottom: 10px;color: #fff;width: 70px;height: 30px;text-align: center;line-height: 30px;font-size: 1.4rem;border-radius: 5px;}
/*--------------------------------------------------------------------团购详情--------------------------------------------------------------------*/
.slideBox .bd .time{position: absolute;background-color: rgba(0, 0, 0, 0.5); color: #fff;top: 10px; left: 15px;height: 24px;border-radius: 12px;padding: 0 15px;background-image: url(../images/icon/tuan/time.png);background-size: 18px;background-repeat: no-repeat;background-position: 6px 2px;padding-left: 30px;line-height: 24px;}
.slideBox .bd .time span{font-size: 1.2rem;}
.slideBox .bd .time i{}
.slideBox .bd .time em{/*background-color: #ececec; */color: #ff8800; padding: 0 2px; border-radius: 2px;}
.banner{}
.banner ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;background-color: #c5ebef;}
.banner li{-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;height: 30px;line-height: 30px;text-align: center;color: #666;font-size: 1.2rem;}
.banner li i{background-image: url(../images/icon/tuan/show.png);background-repeat: no-repeat;background-size: 290px;display: inline-block;width: 17px;height: 17px;margin-top: 0px;position: relative;top: 4px;left: -2px;}
.banner li i.no{}
.banner li i.yes{background-position: 0px -42px;}
.banner li i.buy{background-position: -130px 0;}
#main .show{}
#main .show ul{border-top: 1px solid #e1dfdf;}
#main .show li{padding: 0 15px;background-color: #fff;/* border-bottom: 1px solid #e1dfdf; */height: 40px;line-height: 40px;font-size: 1.2rem;}
#main .show li.mb10{margin-bottom: 10px;}
#main .show li.bt1{border-bottom: 1px solid #e1dfdf;}
#main .show li .fr{float: right;}
#main .show li.title{padding: 10px 15px;height: auto;line-height: 20px;}
#main .show li.title h1{font-size: 1.6rem;}
#main .show li.title .price{color: #666; line-height: 25px;}
#main .show li.title .price em{color: #ff8800; font-size: 1.6rem;}
#main .show li.title .price i{color: #b9b9b9; text-decoration: line-through; padding-left: 10px;}
#main .show li.add i{background: url(../images/icon/tuan/show.png) no-repeat -300px 0px/320px;width: 20px;height: 20px;position: relative;display: inline-block;top: 5px;}
#main .show li.supplier i{background: url(../images/icon/tuan/show.png) no-repeat -141px -43px/315px;width: 20px;height: 20px;position: relative;display: inline-block;top: 3px;}
#main .show li.tel i{background: url(../images/icon/tuan/show.png) no-repeat -297px -44px/315px;width: 20px;height: 20px;position: relative;display: inline-block;top: 5px;}
#main .show li.detailHd{color: #37c9d6;font-size: 1.4rem;}
.detailBd{background:#fff;font-size: 1.4rem;}
.detailBd img{max-width: 100%;height: auto!important;}
.detailBd h2{
    padding: 0 15px;
    background-color: #fff;
    border-bottom: 1px solid #e1dfdf;
    height: 40px;
    line-height: 40px;
    /* border-top: 1px solid #e1dfdf; */
    color: #37c9d6;
    font-size: 1.4rem;
    }
.detailBd .detailCon{padding: 5px 15px;}

footer.f_show{background-color: #fff;padding: 0;height: 48px;}
footer.f_show ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
footer.f_show li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;height: 48px;line-height: 48px;font-size: 1.6rem;}
footer.f_show li:nth-child(1){-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;line-height: 18px;text-align: center;font-size: 10px;color: #666;background-color: #f0f0f0;padding: 5px 0;box-sizing: border-box;}
footer.f_show li:nth-child(2){background-color: #ff7d13; color: #fff;-moz-box-flex:2;-webkit-box-flex:2;box-flex:2;-o-box-flex:2;}
footer.f_show li:nth-child(2) a{color: #fff;}
footer.f_show li i{height: 30px;width: 30px;float: left;display: inline-block;margin-top: 7px;}
footer.f_show li i.collect{background: url(../images/icon/collect.png) no-repeat 0px -28px / 28px;display: block;float: none;height: 23px;margin: 0 auto;}
footer.f_show li i.collect.on{background-position: 1px -51px;}
footer.f_show li:nth-child(2) i{background-image: url(../images/icon/line/yuding.png);}
footer.f_show li span{float: right;}
footer.f_show li > div{width: 66px; height: 40px; margin: 0 auto;}