@charset "utf-8";
/* CSS Document */
.footer-info{ margin-top: 0; padding-top: 15px;}
/*排序*/
.form-search { background: #F9F9F9; height: 38px; line-height: 38px; border: 1px solid #EEE; margin: 15px 0; overflow: hidden;}
.form-search dl{ float: left; height: 38px; margin-left: 10px;}
.form-search dt, .form-search dd{ float: left; margin-left: 10px;}
.form-search .shop-name .text{ width: 150px; line-height: 25px; height: 25px; padding: 0 5px; border-radius: 2px; border: 1px solid #ddd; background: #fff; vertical-align: middle; margin-top: -2px;}
.form-search .shop-name .btn{ line-height: 25px; height: 25px; padding: 0; min-width: 60px; vertical-align: middle; margin-top: -2px; background: #FA4862; color: #fff; border: none;}

/*列表形式*/
.discount-list{ width: 1227px; display: inline-block;}
.discount-list li { float: left; width: 390px; height: 340px; position: relative; cursor: pointer; margin: 0 16px 15px 4px; }
.discount-list li.m-l-0{ margin-left: 0;}
.discount-list li a { height: 100%; color: #fff; width: 100%; display: block; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 8; cursor: pointer;}

.discount-list li .mask { display: block; width: 390px; height: 260px; left: 0; top: 0; position: absolute; background: rgba(0,0,0,.7); opacity: 0; vertical-align: middle; line-height: 260px; text-align: center; z-index: 2; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.discount-list li:hover .mask { opacity: 1;}
.discount-list li .mask .time-txt { color: #fff; font-size: 14px;}

.discount-list li .img-info { position: relative; width: 390px; height: 260px; margin: 0 auto; text-align: center; cursor: pointer;}
.discount-list li .img-info img { width: 390px; height: 260px;}

.discount-list li .img-info .goods-num{ position: absolute; text-align: center; height: 18px; line-height: 18px; width: 100%; font-size: 12px; left: 0; bottom: -9px; z-index: 3;}
.discount-list li .img-info .goods-num span{ padding: 0 10px; display: inline-block; line-height: 18px; height: 18px; color: #fff; background: #000; text-align: center; font-size: 12px;}

.discount-list li .discount-info{ margin-top: 19px; text-align: center;}
.discount-list li .discount-info .tag{ font-size: 20px; color: #333; font-weight: 800; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.discount-list li .discount-info .name{ font-size: 14px; color: #666; margin-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.discount-list .shop-info { width: 350px; height: 90px; padding: 0 20px;}
.discount-list .shop-info .shop-name-wrap { height: 45px; padding: 5px 0px; overflow: hidden;}
.discount-list .shop-info .shop-name-wrap .shop-logo{ width: 90px; height: 45px; margin-right: 20px;}
.discount-list .shop-info .shop-name-wrap .shop-logo img{ width: 90px; height: 45px;}
.discount-list .shop-info .shop-name-wrap .shop-name { width: 240px; font-size: 16px; height: 45px; line-height: 45px; color: #666; overflow: hidden;}

.discount-list .shop-info .line { width: 100%; height: 1px; border-bottom: 1px #ddd dashed; display: block; overflow: hidden;}
.discount-list .shop-info .shop-desc{ height: 20px; padding: 10px 0; overflow: hidden;}
.discount-list .shop-info .shop-desc p{ height: 20px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*活动详情*/
.crumbs { width: 1210px; margin: 20px auto; font-size: 12px; color: #333;}
.crumbs .path { width: 50%; float: left;}
.crumbs .path .name { font-size: 16px;}
.crumbs .path .name em{ width: 6px; height: 6px; border-radius: 3px; margin-right: 8px; vertical-align: middle; display: inline-block;}
.crumbs .count-down { float: right; text-align: right; position: relative;}
.crumbs .count-down i { vertical-align: middle; margin-right: 10px;}

.discount-item { width: 1210px; height: 390px; margin: 0 auto 20px; color: #666; background: #F5F5F5;}
.discount-item .info { width: 545px; height: 390px; float: left; padding: 0 40px; position: relative;}
.discount-item .info .cont { margin-top: 100px;}
.discount-item .info .cont .name { font-size: 30px; margin-bottom: 0; color: #333; font-weight: 800;}
.discount-item .info .cont .tag { font-size: 26px; margin-bottom: 40px;}
.discount-item .info .cont .shop-name { font-size: 16px; color: #D88458;}
.discount-item .pic { width: 585px; height: 390px; float: right; overflow: hidden;}
.discount-item .pic img { height: 100%;}

/*活动详情排序*/
#filter { border: 1px solid #EEE; background: #FFF;}
#filter.filter-fixed { position: fixed;top: 0; z-index: 999999; width: 1208px;}
#filter .fore1 { background: #F9F9F9; height: 38px; line-height: 38px; overflow: hidden;}
#filter .order { float: left; height: 38px;}
#filter .order dd { float: left;}
#filter .order a { display: block; height: 38px; padding: 0 18px; border-left: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; margin-left: -1px;}
#filter .order .first a, #filter .order .curr.first a { margin-left: 0; border-left: 0;}
#filter .order .curr a, #filter .order a:hover { position: relative; z-index: 1; background: #FFF; border-color: #eee; color: #E31939;}
#filter .order a i{ vertical-align: middle; color: #DDDDDD; margin-top: 2px; display: inline-block;}
#filter .order .curr a i, #filter .order a:hover i{ color: #E31939;}
#filter .pagin { float: right; line-height: 38px; overflow: hidden;}
#filter .pagin .prev, #filter .pagin .next, #filter .pagin .text { float: left; line-height: 37px;}
#filter .pagin .prev, #filter .pagin .next { padding: 0 15px; height: 38px;}
#filter .pagin .icon { background: url(../images/common-icon.png) no-repeat; display: inline-block; width: 6px; height: 9px; margin-top: 14px;}
#filter .pagin .prev .prev-btn { background-position: -26px 0;}
#filter .pagin .prev-btn:hover { background-position: -42px 0;}
#filter .pagin .prev-disabled { background-position: -58px 0;}
#filter .pagin .next .next-btn { background-position: -74px 0;}
#filter .pagin .next-btn:hover { background-position: -90px 0;}
#filter .pagin .next-disabled { background-position: -106px 0;}
#filter .total { float: right;}
#filter .total span { padding: 0 3px;}

.item-list { overflow: visible; margin-right: -20px;}
.item-list li { float: left; position: relative; margin: 17px 17px 0 0; width: 290px; height: 400px;}
.item-list li:nth(4n) { margin-right:0;}
.item-list li a.link-box { height: 395px; position: relative; display: block; cursor: pointer; overflow: hidden; text-decoration: none; background: #fff; border: 1px solid #dcdcdc;}
.item-list li:hover a.link-box { border-color: #26A96D; outline: #26A96D solid 1px;}
.item-list li a.link-box .item-pic { margin: 0 auto 10px -1px; display: block; width: 290px; height: 290px;}
.item-list li a.link-box h4 { margin: 0 5px 2px 10px; overflow: hidden;}
.item-list li a.link-box h4 .item-name { display: block; color: #333; font-size: 14px; font-weight: 400; overflow: hidden; height: 38px;}
.item-list li .item-info { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 50px; background-color: #26A96D;}
.item-list li .item-info .item-prices { margin-left: 8px; line-height: 50px; font-size: 34px; font-weight: 400; color: #fff; float: left;}
.item-list li .item-info .item-prices .discount-price {  line-height: 50px; display: inline-block; float: left; font-size: 22px; font-weight: 400;}
.item-list li .item-info .item-prices .orig-price {  line-height: 50px; color: #fff; font-size: 12px; float: left; margin: 5px 0 0 5px;}
.item-list li .item-info .item-link { position: absolute; top: 0; right: 0; width: 85px; height: 50px; line-height: 50px; padding-right: 5px; text-align: center; font-size: 16px; color: #FA4862; background-color: #FFFF00;}
.item-list li .item-info .item-link .triangle { width: 0; height: 0; position: absolute; left: -25px; border-top: 25px solid transparent; border-right: 25px solid #FFFF00; border-bottom: 25px solid transparent;}



/*打包一口价*/
.tip-box { position:relative; margin: 80px auto 0;width: 300px; height: 300px; text-align: center;}
.tip-box .tip-icon { display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.tip-box .tip-text { line-height: 20px; padding: 10px; font-size: 14px;}
.buyout-price-list{ overflow: hidden}
.buyout-price-list li{float: left; width: 390px; height: 280px; position: relative; cursor: pointer; margin: 0 20px 15px 0px; overflow: hidden;}
.buyout-price-list li:nth-of-type(3n) { margin-right: 0;}
.buyout-price-list li a { height: 100%; width: 100%; display: block; text-decoration: none; z-index: 8; cursor: pointer;}
.buyout-price-list li .time{ position: absolute; top:0px; right: 0px; z-index: 9; color: #fff; font-size: 12px;  text-align: center; background:rgba(0,0,0,.7);width: 220px; height: 22px; line-height: 22px; letter-spacing: 1px;}
.buyout-price-list li .img-info {position: relative; width: 100%; height: 200px; margin: 0 auto;  text-align: center; cursor: pointer;}
.buyout-price-list li .img-info img { width:100%;  height: 100%;}
.buyout-price-info{margin-top: 19px; text-align: left; }
.buyout-price-info .inter { width: 240px; float: left; }
.buyout-price-info .inter .name{font-size: 16px; width: 100%; color: #333; margin-bottom: 5px; display: block;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}
.buyout-price-info .desc{font-size: 12px; width: 100%; color: #999; display: block;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}
.buyout-price-info .price{ width: 145px;float: right; text-align: right; font-size: 16px;}
.buyout-price-info .price em{ display: inline-block;}
/*打包一口价详情*/
.set-meal-name{ line-height: 38px; font-size: 14px; color: #333; list-style: circle;}
.buyout-price-details-list{ overflow: hidden;width: 1100px;height: 350px; margin: 0px auto; position: relative;}
.buyout-price-details-list li{float: left; width: 350px; height: 350px; position: relative; cursor: pointer; margin: 0 24px 15px 0px; overflow: hidden;}
.buyout-price-details-list li a { height: 100%; width: 100%; display: block; text-decoration: none; z-index: 8; cursor: pointer;}
.buyout-price-details-list li .img-info {position: relative; width: 100%; height: 350px; margin: 0 auto;  text-align: center; cursor: pointer;}
.buyout-price-details-list li .img-info img { width:100%;  height: 100%;}
.buyout-price-details-box { position: relative;}
.buyout-price-details-box > a{ position: absolute; background: url(../images/btn.png) no-repeat 0 0;transition: 0.1s; opacity: 0.15; width:40px; height: 100px; left: 0px; top:50%; margin-top: -50px;}
.buyout-price-details-box > a.next{ right: 0px; left: auto; background-position: top right;}
.buyout-price-details-box > a:hover{ opacity: 0.5; transition: 0.1s;}
.buyout-price-details-info{margin-top: 10px; text-align: left; padding-left: 55px;}
.buyout-price-details-info .inter { width:100%; float: left; }
.buyout-price-details-info .inter .name{font-size: 16px; width: 100%; color: #333; margin-bottom: 5px; display: block;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}
.buyout-price-details-info .inter .desc{font-size: 12px; width: 100%; color: #999; display: block;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}
.buyout-price-type-box{ width:1100px; margin: 30px auto 0 55px; }
.buyout-price-type h5{ display: block; width: 100%; font-size: 15px; color: #333; font-weight: 500; line-height: 38px;}
.buyout-price-item-box{ overflow: hidden;}
.buyout-price-type{ margin-bottom: 20px;}
.buyout-price-type .buyout-price-item{width:150px; position: relative; text-align: center; display: inline-block; margin-right:40px; padding: 10px 0px; float: left; }
.buyout-price-type .buyout-price-item:nth-child(6n){ margin-right: 0;}
.buyout-price-type .buyout-price-item a{ display: block;}
.buyout-price-type .buyout-price-item a.sell-out{position: absolute; width: 95px; height: 95px; top: 22px; left: 50%; margin-left: -47px; background: url(../images/shouqing.png) no-repeat;}
.buyout-price-type .buyout-price-item img{ margin: 0px auto 5px; width: 120px; height: 120px; display: block;}
.buyout-price-type .buyout-price-item .title{ font-size: 13px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; height: 28px; display: block; color: #666; line-height: 28px; margin-bottom: 7px;}
.buyout-price-type .buyout-price-item .check-icon{ width: 20px; height: 20px; cursor: pointer; margin: auto; border-radius: 99%; background: #979797; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; display: block;}
.buyout-price-type .buyout-price-item.selected .check-icon{ background: #FB6E1C;}
.buyout-price-buy-box { background: #fff; overflow: hidden; width: 1100px; border-top: 1px solid #ccc; padding: 10px 0; margin-top: 20px;}
.buyout-price-buy-box.fixed{ position: fixed; bottom: 0px; z-index: 222;} 
.buyout-price-buy-box .total-price{ float: left; line-height: 38px; font-size: 16px;}
.buyout-price-buy-box .discount-price{ float: left; line-height: 38px; font-size: 16px; color: #999; margin-left: 10px;}
.buyout-price-type-box .btn-buy{float: right;}
.buyout-price-type-box .btn-buy a { float: left; overflow: hidden; position: relative; width: 160px; height: 38px; line-height: 38px; margin-left: 10px; border-width: 1px; border-style: solid; font-size: 16px; text-align: center; border-radius: 3px;}
.buyout-price-type-box .btn-buy a.add-cart, .buyout-price-type-box .btn-buy .buy-enable { border-width: 1px; border-style: solid; color: #fff;}
.buyout-price-type-box .btn-buy a.add-cart { border-radius: 3px;}
.buyout-price-type-box .btn-buy .buy-goods .buy-goods-border{position: absolute;left: 0;top: 0;display: block;width: 160px;height: 38px;opacity: .2;filter: alpha(opacity = 20);}
.buyout-price-type-box .btn-buy .buy-goods .buy-goods-bg{position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: .08; filter: alpha(opacity = 8);}
.buyout-price-type-box .btn-buy .buy-goods .buy-goods-border { border-color: #1f497d;}
.buyout-price-type-box .btn-buy a.add-cart i { display: inline-block; cursor: pointer; font-size: 18px; vertical-align: middle; margin-right: 5px; margin-top: -2px;}
.buyout-price-type-box .btn-buy a.disabled{ background: #f5f5f5 !important; border: 1px solid #c7c7c9 !important; color: #bbb; cursor: not-allowed;}
.buyout-price-type-box .btn-buy a.disabled .buy-goods-bg{background: #f5f5f5 !important;}
