@charset "utf-8";
/* 

 * 优惠券样式表
 * TIME: 2016-07-05
 
 */

/* 清除浮动 */
.coupon-list ul:after,.pd-coupon-list ul:after{content:'';display: block;height: 0;clear: both;visibility: hidden;}
.coupon-list ul,.pd-coupon-list ul{*zoom:1;}


/* 标题栏 */
.coupon-tit-bar{background: url(../img/coupon_title_bg.png) 0 center repeat-x;text-align: center;padding: 13px 0;margin-bottom: 10px;}
.coupon-tit-bar .coupon-tit {display: inline-block;padding: 0 40px; background-color: #fff;font-size: 30px;font-weight: normal;}
.coupon-tit-bar .coupon-tit{*display:inline;}


/* 全场优惠券 */
.coupon-list{width: 100%;position: relative;overflow: hidden;_padding-bottom: 20px;}
.coupon-list ul{width: 100%;}
/*.coupon-list ul li{width: 222px;float: left;margin: 0 20px 35px 0;}*/
.coupon-list ul li{width: 91%;margin: 1rem auto;background: #fff;}
.coupon-list ul li a{display: block;}
.coupon-list ul li a:hover{text-decoration: none;}
.coupon-list ul li a *{_cursor: pointer;}
.coupon-list ul li .coupon-bd{display: block;height: 96px;background-color: #ff7676;padding: 7px 0 0 15px;}
.coupon-list ul li .coupon-bd,.coupon-list ul li .coupon-bd a{color:#fff;}
.coupon-list ul li .coupon-bd .coupon-price{display: block;font-size: 14px;line-height: 1.3;}
.coupon-list ul li .coupon-bd .coupon-price i{font-size: 20px;}
.coupon-list ul li .coupon-bd .coupon-price b{font-size: 36px;padding-right: 10px;font-weight: normal;position: relative;top: 3px;}
.coupon-list ul li .coupon-bd .coupon-time{display: block;padding-top: 8px;font-size: 0.6rem;}
.coupon-list ul li .coupon-ft{display: block;height: 30px;line-height: 30px;overflow: hidden;padding: 5px 15px 10px;border: 1px solid #d6d6d6;border-top: 0; color:#666;font-size: 0.6rem;}
.coupon-list ul li .coupon-ft b{font-weight: normal;float: right;margin-left: 12px; color:#ff5556;}

/* 单品优惠券 */
.pd-coupon-list {width: 100%;position: relative;overflow: hidden;padding-bottom: 40px;}
.pd-coupon-list ul{width: 100%;}
.pd-coupon-list ul li{width: 91%; margin: 1rem auto;background: #fff;}
.pd-coupon-list ul li a:hover{text-decoration: none;}
.pd-coupon-list ul li .pd-coupon-bd{position: relative;overflow: hidden;text-align: center;}
.pd-coupon-list ul li .pd-coupon-bd .pd-img,.pd-coupon-list ul li .pd-coupon-bd .pd-img img{display: block;width: 70%;    margin: 0 auto;}
.pd-coupon-list ul li .pd-coupon-bd .pd-img{margin: 0 auto;position: relative;}
.pd-coupon-list ul li .pd-coupon-bd .pd-name{display: block;width: 200px;height: 1.5em;line-height: 1.5em;margin: 0 auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;font-weight: normal;}
.pd-coupon-list ul li .pd-coupon-bd .pd-name,.pd-coupon-list ul li .pd-coupon-bd .pd-name a{color:#999;}
.pd-coupon-list ul li .pd-coupon-time{display: block;height: 2.5rem;line-height: 2.1rem;overflow: hidden;position: relative;width: 100%; color:#666;font-size: 0.6rem;}
.pd-coupon-list ul li .pd-coupon-time:before{content:'';display: block;width: 100%;height: 1px;background-color: #fbb;position: absolute;left: 0;top: 18px;padding: 0 10px;}
.pd-coupon-list ul li .pd-coupon-time span{display: inline-block;position: relative;z-index: 9;background-color: #fff;padding: 0 10px;}
.pd-coupon-list ul li .pd-coupon-time span{*display:inline;}
.pd-coupon-list ul li .pd-coupon-ft,.pd-coupon-list ul li .pd-coupon-ft .txt-desc,.pd-coupon-list ul li .pd-coupon-ft .txt-get{height: 39px;line-height: 39px;}
.pd-coupon-list ul li .pd-coupon-ft{background-color: #ff5556;padding: 2px 0;text-align: center;font-size: 16px;overflow: hidden;margin-top: -1px;position: relative;z-index: 2;}
.pd-coupon-list ul li .pd-coupon-ft:hover{background-color: #f24b4d;}
.pd-coupon-list ul li .pd-coupon-ft a{display: block;height: 39px;}
.pd-coupon-list ul li .pd-coupon-ft a *{_cursor: pointer;}
.pd-coupon-list ul li .pd-coupon-ft,.pd-coupon-list ul li .pd-coupon-ft a{color:#fff;}
.pd-coupon-list ul li .pd-coupon-ft .txt-desc{display: block;padding-left: 0.6rem;overflow: hidden;font-size: 20px;float: left;}
.pd-coupon-list ul li .pd-coupon-ft .txt-get{display: block;width: 86px;overflow: hidden;border-left: 1px dashed #f88;float: right;}

/* 优惠券弹窗 */
.coupon-pop{background-color: #ffe8a9;width: 440px;padding: 30px 0;border-radius: 10px;text-align: center;position: fixed;left: 50%;margin-left: -220px;z-index: 10009;font-size: 14px;top: 50%;display: none;_position:absolute;_top:expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft));}
.coupon-pop,.coupon-pop a,.coupon-pop a:hover{color:#ff5556;}
.coupon-pop .pop-tit{font-size: 30px;text-align: center;font-weight: normal; color:#ff5556;padding-bottom: 10px;line-height: 1.5;}
.coupon-pop .pop-btns{padding-top: 30px;}
.coupon-pop .pop-btns li{display:inline;padding: 0 5px;}
.coupon-pop .pop-btn{display: inline-block;height: 40px;line-height: 40px;border: 1px solid #ff5556;font-size: 22px;border-radius: 21px;padding: 0 35px;}
.coupon-pop .pop-btn:hover{text-decoration: none;}
.coupon-pop .pop-btn-reg,.coupon-pop a.pop-btn-reg:hover{background-color: #ff5556; color:#fff;}
.coupon-pop a.pop-btn:hover{color: #fa4c4e;border-color:#fa4c4e;}
.coupon-pop a.pop-btn-reg:hover{background-color: #fa4c4e; color:#fff;}
.coupon-pop .ico-close{display: block;width: 30px;height: 30px;position: absolute;right: 15px;top: 15px;background-position: -72px -779px;transition:all 0.25s ease-in-out;}
.coupon-pop .ico-close:hover{background-position: -72px -809px;}
.coupon-pop-reg{margin-top: -102px;_margin-top: auto;}
.coupon-pop-reg .pop-tit{padding: 10px 0;}
.coupon-pop-succ{margin-top: -70px;_margin-top: auto;}
.coupon-pop-repeat{margin-top: -70px;_margin-top: auto;}
.coupon-body-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 10008;background-color: #000;opacity: 0.7;filter: alpha(opacity=70);display: none; _position:absolute;_bottom:auto; _top:expression(eval(document.documentElement.scrollTop));}