/*
	*@Description:topic 优惠劵wap版
	*@Author:     wuyiting
	*@Update:     wuyiting(2015-1-7)
*/

/* =S 通用样式 */
.fl{ float: left;}
.fr{ float: right;}
.hide{ display: none;}
.clearfix:after{display:table;clear:both;content:""}
.clearfix{zoom:1}
.coupon-icon{ background: url(images/sprite.png) no-repeat; display: inline-block;}
/* =S 通用样式 */
.coupon-top-nav{ height: 42px; padding: 18px 0 0 0; background: url(images/coupon_header_bg.jpg) #a9c02f center center no-repeat;}
.coupon-top-nav .back{ background: url(images/back_bg.png) 0 center no-repeat; margin: 0 10px; color: #fff; font-size: 16px;}
.coupon-top-nav .submit_btn{ color: #fff; background: none; padding: 0 14px; font-size: 16px;}
.coupon-top-nav h3{ color: #fff; font: 400 22px/28px Microsoft YaHei;}

/* =S 申请优惠劵 */
.coupon-content{ font: 400 12px/1.5 Simsun,Arial; color: #404040;}
.coupon-require-title{ width: 96%; padding: 0 2%; height: 36px; background: #fff; color: #404040; font: 400 14px/36px Simsun,Arial; margin: 10px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
.coupon-discount-type{ height: 18px; width: 18px; color: #fff; font-size: 12px; text-align: center; line-height: 18px; margin: 0 6px 0 0; border-radius: 3px; display: inline-block;}
.coupon-discount-type1{ background: #f29703;}
.coupon-discount-type2{ background: #0bd884;}
.coupon-discount-type3{ background: #f203b7;}
.coupon-discount-type4{ background: #0368f2;}
.coupon-discount-type5{ background: #76ca09;}
.coupon-discount-type6{ background: #144f8f;}
.coupon-require-form{ width: 100%; border-top: 1px solid #dcdcdc; background: #fff;}
.coupon-require-form dl{ border-bottom: 1px solid #dcdcdc; line-height: 44px; padding: 0 2%;}
.coupon-require-form dt{ width: 32%; color: #999; word-break: break-all;}
.coupon-require-form .icon-require{ height: 18px; width: 14px; vertical-align: middle; margin: 0 8px 0 0;}
.coupon-require-form .icon-user{ background-position: 0 0;}
.coupon-require-form .icon-name{ background-position: -27px 0;}
.coupon-require-form .icon-mobile{ background-position: -53px 0;}
.coupon-require-form .icon-date{ background-position: -79px 0; width: 18px;}
.coupon-require-form dd{ width: 62%; padding-left: 5%;}
.coupon-require-form dd label{ padding: 0 2% 0 0;}
.coupon-require-form .coupon-require-txt{ height: 30px; width: 51%; padding: 0 3%; line-height: 30px; border: 1px solid #ccc; border-radius: 8px;}
.coupon-require-form .require-link{ height: 36px; width: 94%; margin: 30px auto; font: 400 16px/36px Microsoft YaHei; color: #fff; text-align: center; border-radius: 8px; display: block;}
.coupon-require-form .require-trueLink{ background: #f29703;}
.coupon-require-form .require-falseLink{ background: #a0a0a0;}
.coupon-require-form .require-code{ background: #f29703; width: 38%; font-size: 14px; display: inline-block; margin: 0 0 0 4px; border: 0; cursor: pointer; overflow: hidden; vertical-align: middle;}
.coupon-require-form .red{ color: #ff5b5b; font-weight: bold; padding: 0 3px;}
.coupon-require-form .coupon-require-assure{ text-align: center; padding: 2% 0 0 0;}
	.coupon-require-assure span{ display: inline-block; padding: 0 2%;}
	.icon-assure{ height: 17px; width: 17px; padding: 0 4px 0 0; background-position: -88px -199px; vertical-align: middle;}
	.coupon-content .coupon-require-get{ width: 80%; margin: 0 auto; text-align: center; font-size: 16px;}
	.coupon-require-get p{ padding: 10px 0;}
	.coupon-require-get .coupon-require-get-title{ font: 400 20px/32px Microsoft YaHei; border: 0;}
    .coupon-register-banner{margin-top:20px;}
    .coupon-register-banner img{width:100%;height:auto;max-width:none;}
.down-win{ width: 80%; margin: 10px auto 0 auto; text-align: center;padding: 30px 0 0 0;}
.down-win a{ height: 58px; width: 188px; text-indent: -9999px; margin: 5px 0; display: inline-block;}
.down-win .iphone{ background: url(images/win_iphone.jpg) no-repeat;}
.down-win .android{ background: url(images/win_android.jpg) no-repeat;}
.coupon-require-get .coupon-btn{ height: 40px; width: 100%; margin: 10px 0 0 0; background: #a90603; color: #fff; text-align: center; font-size: 18px; line-height: 40px; border-radius: 4px; display: block;}
/* =E 申请优惠劵 */

/* =S 申请优惠劵 成功 */
.coupon-require-form .coupon-require-success{ text-align: center; padding: 16px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #dcdcdc;}
	.coupon-require-success .require-success-txt{ color: #ff5b5b; padding: 0 0 10px 0;}
/* =E 申请优惠劵 成功 */

/* =S 申请优惠劵 金币换购 */
.coupon-require-gold dd{ width: 35%;}
.coupon-require-form .coupon-require-goldNum{ margin: 10px 0 0 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.coupon-red{ color: #ff5b5b;}
.coupon-require-form .icon-gold{ background-position: -108px -2px;}
.coupon-require-form .icon-returnGold{ width: 18px; margin: 0 2px 0 0; background-position: -72px -158px;}
/* =E 申请优惠劵 金币换购 */

/* =S 我的优惠劵 */
.coupon-mine{ padding: 0 3%; margin: 8px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.coupon-mine .coupon-titleCont{ padding: 8px 0; border-bottom: 1px solid #dcdcdc;}
.coupon-mine .coupon-titleCont.no-border{ border: 0;}
.coupon-mine .coupon-titleCont a{ display: -webkit-box; display: -moz-box; display: box;}
.coupon-mine .coupon-titleCont .coupon-titleCont-info{ text-align: right; color: #333;}
.coupon-mine .coupon-titleCont .coupon-titleCont-info .red{ font: 700 16px/24px Microsoft YaHei; color: #ff0000;}
.coupon-mine .coupon-title{ max-height: 40px; font-size: 14px; line-height: 20px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; margin: 0 0 0 6px; display: box; display: -webkit-box; display: -moz-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden;}
.coupon-mine .coupon-code{ min-width: 59%; padding: 10px 10% 10px 6px; margin: 5px 0; border-right: 1px solid #dcdcdc;}
	.coupon-code .coupon-code-text{ display: inline-block; float: left;}
	.coupon-code .coupon-code-info{ font-size: 14px; line-height: 24px; padding: 0 0 4px 0;}
	.coupon-code .coupon-code-info em{ color: #ff5b5b; font-weight: bold;}
	.coupon-code .coupon-code-expired{ font-size: 14px; line-height: 24px; padding: 10px 0 0 0;}
	.coupon-code .coupon-code-deadline{ font-size: 12px; color: #999;}
	.coupon-code .coupon-code-img{ padding: 15px 0 0 0; text-align: center;}
	.coupon-code .icon-coupon-show{ height: 12px; width: 22px;float: left; margin: 20px 0 0 15px;}
	.coupon-code .icon-coupon-down{ background-position: 0 -39px;}
	.coupon-code .icon-coupon-up{ background-position: -39px -39px;}
.coupon-mine .coupon-code-control{ padding: 10px 0;}
.coupon-mine .coupon-code-control a{ height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #fb8200; border: 1px solid #fb8200; border-radius: 5px; padding: 0 5px; display: block; margin: 5px 0;}
.coupon-mine .coupon-code-control .coupon-code-control-returned{ color: #999; border: 1px solid #999;}
/* =E 我的优惠劵 */

/* =S 我的优惠劵 首页 */
.coupon-ad{ width: 100%; max-width: 640px; height: auto; margin: 0 auto;}
	.coupon-select{ position: relative;}
	.coupon-select-list{ width: 100%; height: 32px; padding: 8px 0; background: #fff; border-bottom: 1px solid #b8b8b8; position: relative; z-index: 3;}
	.coupon-select-list.fixed{ position: fixed; top: 0; left: 0;}
	.coupon-select-list li{ width: 33%; height: 100%; line-height: 32px; text-align: center; border-right: 1px solid #b8b8b8; float: left; cursor: pointer;}
	.coupon-select-list li.current{ color: #ec7777;}
	.coupon-select-list li:last-child{ border: 0;}
	.icon-select-direction{ height: 8px; width: 14px; float: right; margin: 12px 10px 0 0;}
	.icon-select-down{ background-position: 0 -231px;}
	.icon-select-up{ background-position: -21px -231px;}
	.coupon-selectDown-list{ width: 100%; background: #fff; overflow-y: scroll; display: none; position: relative; z-index: 3;}
	.coupon-selectDown-list.fixed{ position: fixed; top: 49px; left: 0;}
	.coupon-selectDown-list.current{ display: block;}
	.coupon-selectDown-list .coupon-all-city{ background: #eee; width: 49%; float: left; max-height: 180px; overflow-y: scroll;}
	.coupon-selectDown-list .coupon-all-cityIn{ background: #fff; width: 50%; float: left; display: none; max-height: 180px; overflow-y: scroll;}
	.coupon-selectDown-list .coupon-all-chooselist{ background: #fff; width: 50%; float: left; display: none; max-height: 180px; overflow-y: scroll; display: none;}
	.coupon-selectDown-list li{ height: 36px; line-height: 36px; cursor: pointer; text-indent: 9%;}
	.coupon-selectDown-list li.current{ background: #ddd;}
	.coupon-selectDown-list li a{ width: 100%; height: 100%; display: block;}
	.coupon-selectDown-list li a:hover{ color: #333; text-decoration: none; background: #eee;}
.coupon-select .coupon-pop-up{ height: 26px; width: 100%; position: relative; z-index: 2; background: url(images/pup_up_bg.jpg) no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.coupon-select .coupon-pop-up.fixed{ position: fixed; top: 229px;}
.coupon-select .coupon-selectDown-mask{ height: 100%; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; background: rgba(0,0,0,0.4); display: none;}
.coupon-choose-list{ background: #e7e7da; padding: 0 2%;}
.coupon-choose-list li{ width: 100%; height: 135px; margin: 18px 0 0 0; line-height: 24px; text-align: center; color: #fff; position: relative;}
.coupon-choose-list li.coupon-bgColor1{ background: url(images/coupon_choose_list_bg4.png) no-repeat; background-size: 100%;}
.coupon-choose-list li.coupon-bgColor2{ background: url(images/coupon_choose_list_bg3.png) no-repeat; background-size: 100%;}
.coupon-choose-list li.coupon-bgColor3{ background: url(images/coupon_choose_list_bg2.png) no-repeat; background-size: 100%;}
.coupon-choose-list li.coupon-bgColor4{ background: url(images/coupon_choose_list_bg1.png) no-repeat; background-size: 100%;}
.coupon-choose-list li a{color: #fff;}
.coupon-choose-list li .coupon-choose-list-title{ padding: 8px 0 0 0; font: 700 18px/24px Microsoft YaHei; height: 24px; width: 100%; overflow: hidden;}
.coupon-choose-list li .coupon-choose-list-price{ font: 400 16px/24px Microsoft YaHei; height: 24px; width: 100%; overflow: hidden;}
.coupon-choose-list li .coupon-choose-list-date{ font: 700 13px/24px Microsoft YaHei;}
.coupon-choose-list li .coupon-choose-list-num{ font: 700 12px/24px Microsoft YaHei; padding: 0 15px; border-radius: 15px; background: #2da898; display: inline-block;}
.coupon-choose-list .coupon-bgColor1 .coupon-choose-list-num{ background: #2da898;}
.coupon-choose-list .coupon-bgColor2 .coupon-choose-list-num{ background: #b06c36;}
.coupon-choose-list .coupon-bgColor3 .coupon-choose-list-num{ background: #a2932b;}
.coupon-choose-list .coupon-bgColor4 .coupon-choose-list-num{ background: #b2395b;}
.coupon-choose-list li .coupon-discount-type{ position: absolute; top: 5px; right: 10%;}
.coupon-loading-word{ width: 100%; height: 24px; line-height: 24px; padding: 7px 0; text-align: center;}
.coupon-loading{ height: 32px; width: 100%; background: url(images/loading.gif) center center no-repeat; display: none;}
/* =E 我的优惠劵 首页 */

/* =S 我的优惠劵 申请 */
.coupon-detail-banner{ width: 100%; max-width: 640px; position: relative; margin: 0 auto; overflow: hidden;}
.coupon-detail-banner .swipe-wrap{ width: 500%; position: relative; overflow: hidden;}
	.swipe-wrap li{ float: left; position: relative;}
	#pager{ position: absolute; bottom: 10px; right: 8%;}
	#pager li{display: inline-block; margin:0 5px; float: left; height: 7px; width: 7px; border-radius: 50%; background: #fff; text-indent: -9999px;}
	#pager li.on{ background: #ff5b5b;}

.coupon-detail-banner img{ width: 100%; max-width: 640px; height: auto; max-height: 400px;}
.coupon-detail-discount-icon{ height: 25px; width: 25px; text-align: center;font: 700 16px/20px Microsoft YaHei; color: #fff; display: inline-block; position: absolute; top: 10px; right: 3%; z-index: 20;}
.coupon-detail-discount-icon1{ background-position: 0 -94px;}
.coupon-detail-discount-icon2{ background-position: -39px -94px;}
.coupon-detail-discount-icon3{ background-position: -78px -94px;}
.coupon-detail-discount-icon4{ background-position: -119px -94px;}
.coupon-detail-discount-icon5{ background-position: -157px -94px;}
.coupon-detail{ background: #f5f5f5; margin: 0 0 10px 0;}
.coupon-detail .coupon-detail-hd{ padding: 5px 2%; border-bottom: 1px solid #dcdcdc; background: #fff;}
	.coupon-detail-hd .coupon-detail-hd-desc{ height: 48px; width: 70%; font-size: 14px; line-height: 24px; display: box; display: -webkit-box; display: -moz-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden;}
	.coupon-detail-hd .coupon-link{ height: 36px; color: #fff; font: 400 18px/36px Microsoft YaHei; padding: 0 10px; margin: 8px 0 0 0; border-radius: 5px;}
	.coupon-detail-hd .coupon-trueLink{ background: #f29703;}
	.coupon-detail-hd .coupon-falseLink{ background: #a0a0a0;}
.coupon-detail .coupon-detail-shop,.coupon-detail-info{ margin: 10px 0 0 0; font-size: 13px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: #fff; padding: 0 2%;}
.coupon-content .coupon-detail-info{ border-bottom: 0;}
	.coupon-detail-shop .coupon-detail-shop-info{ padding: 10px 0; border-bottom: 1px solid #dcdcdc;}
		.coupon-detail-shop-info .coupon-num em{ color: #ff5b5b; font-weight: bold; padding: 0 2px;}
	.coupon-detail-shop .coupon-detail-shop-else{ font-size: 12px; line-height: 16px; color: #999; padding: 10px 0;}
	.coupon-detail-shop .coupon-detail-shop-else li{ float: left; padding: 0 2% 0 0; line-height: 18px;}
.icon-shop-discount{ height: 18px; width: 18px; vertical-align: middle; padding: 0 4px 0 0;}
.icon-shop-discount1{ background-position: -97px -158px;}
.icon-shop-discount2{ background-position: -48px -158px;}
.icon-shop-discount3{ background-position: 0 -158px;}
.icon-shop-discount4{ background-position: -24px -158px;}
.icon-shop-discount5{ background-position: -72px -158px;}
.icon-shop-discount6{ background-position: -122px -158px;}
.icon-shop-discount7{ background-position: -145px -158px;}
.icon-shop-discount8{ background-position: -175px -158px;}
.icon-shop-discount9{ background-position: -202px -158px;}
.icon-shop-discount10{ background-position: -227px -158px;}

.coupon-detail-info .coupon-detail-info-title,.coupon-detail-shop .coupon-detail-shop-title{ padding: 6px 0; font-size: 14px; line-height: 20px; border-bottom: 2px solid #f29703; margin: 0 0 10px 0;}
	.coupon-detail-info-title .icon-detail-title{ height: 16px; width: 16px; background-position: -215px 0; vertical-align: middle; margin: 0 6px 0 0;}
.coupon-detail-info .detail-info-list{ width: 100%; overflow: hidden;}
	.detail-info-list li,.detail-shop-list li{ padding: 10px 0; width: 100%; border-bottom: 1px solid #dcdcdc; display: box; display: -webkit-box; display: -moz-box;}
	.detail-info-list li:last-child,.detail-shop-list li:last-child{ border-bottom: 0;}
	.coupon-content .detail-info-list li{ border: 0;}
	.detail-info-list .detail-info-text{ color: #666; width: 80%; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
	.detail-info-list .detail-info-text em{ padding: 0 3px; color: #ff5b5b;}
	.detail-info-list .detail-info-text img{ max-width: 300px;}
	.detail-info-list .detail-info-text .more{ padding: 0 4px; color: #333;}
	.detail-info-list .detail-shop-address{ padding: 0 0 4px 0;}
	.detail-info-list .edit-text{ width: 70%; word-break: break-all;}
	.icon-shop-address{ height: 18px; width: 15px; background-position: 0 -200px; float: right;}
	.icon-shop-title{ height: 16px; width: 16px; background-position: -44px -200px; margin: 0 6px 0 0; vertical-align: middle;}
	.detail-shop-list .detail-shop-text{ height: 40px; font-size: 12px; line-height: 40px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; margin: 0 0 0 6px; display: box; display: -webkit-box; display: -moz-box; line-clamp: 1; -webkit-line-clamp: 1; -moz-line-clamp: 1; box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden;}
	.detail-shop-list .coupon-discount-type{ margin: 0 12px;}
.coupon-detail-hd-gold .coupon-detail-hd-desc{ width: 50%;}
.coupon-detail-hd-gold .coupon-link{ padding: 0 4px;}
.coupon-detail-hd-gold .coupon-link .gold-num{ height: 24px; line-height: 24px; margin: 6px 3px 0 0; padding: 0 3px 0 0; border-right: 1px solid #fff; display: inline-block;}

/* =E 我的优惠劵 申请 */

/* =S 申请退金币 */
.coupon-return{ margin: 10px 0; padding: 30px 10px; font: 400 16px/32px Microsoft YaHei; background: #fff; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; text-align: center;}
.coupon-return .coupon-return-gold{ height: 32px; padding: 0 20px; margin-top: 10px; border-radius: 15px; background: #fb8200; color: #fff; display: inline-block;}
.coupon-return .coupon-complaint{ text-align: left;}
.coupon-return .coupon-complaint-tel{ color: #fb8200; font-size: 30px; padding-top: 25px;}
/* =E 申请退金币 */
.coupon-enter{ width: 100%; max-width: 100%;}
.coupon-return-cont{ padding: 3%; font-size: 14px;}
.coupon-return-cont .coupon-title{ display: inline-block;}
.coupon-return-cont .coupon-return-cont-info{ padding: 5px 0 0 0;}
.coupon-return-cont .coupon-return-cont-info .red{ color: #ff5b5b; font-weight: bold; padding: 0 3px;}

/* =S WAP优惠券核销（商家用）*/
.coupon-search{ padding: 0 2%;}
.coupon-form p{ padding: 10px 0;}
.coupon-form input{ height: 32px; line-height: 32px; width: 80%; float: left;}
.coupon-form .coupon-form-btn{ padding: 0 5%; line-height: 32px; color: #fff; background: #f29703; display: inline-block; float: right;}
.coupon-result{ background: #eee; border: 1px dashed #ccc; margin: 10px 0; padding: 0 10px;}
.coupon-result p{ padding: 10px 0;}
.coupon-result .noresult{ text-align: center;}
.coupon-result .result-btn-cont{ padding: 20px 0 10px 0; text-align: center;}
.coupon-result .result-btn{ height: 32px; padding: 0 5%; margin: 0 5%; text-align: center; line-height: 32px; color: #fff; display: inline-block;}
.coupon-result .result-cancle{ background: #666;}
.coupon-result .result-sure{ background: #ff0000;}
.coupon-top{ background: #eee; padding: 2%;}
.coupon-top .icon-important{ height: 20px; width: 20px; background: url(images/important.png) no-repeat; float: left; background-size: contain;}
.coupon-top a{ float: right; margin: 0 0 0 2%;}
.coupon-top-title{ font: 400 18px/36px Microsoft YaHei; text-align: center;}
.important-mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none;}
.important-mask .mask-cont{ width:70%; margin: 30px auto 0 auto; padding: 5%; background: #fff; color: #999;}
.important-mask .mask-cont p{ padding: 0 0 20px 0;}
.important-mask .mask-cont p em{ color: #cc0000;}
.important-mask .mask-cont .mask-know{ text-align: center;}
.important-mask .mask-cont .mask-know a{ height: 24px; line-height: 24px; text-align: center; background: #666; color: #fff; padding: 0 10px; margin: 0 auto; display: inline-block;}
/* =E WAP优惠券核销（商家用）*/

/* =S 无优惠劵 */
.coupon-content .coupon-no{ text-align: center; padding: 20px 0;}
	.coupon-no .icon-nocoupon{ height: 165px; width: 174px; background: url(images/icon_shopcar_no.png) no-repeat; margin: 0 auto; display: block;}
	.coupon-no p{ font: 400 18px/32px tahoma,Microsoft YaHei; padding: 15px 0 0 0;}
/* =E 无优惠劵 */

/* new coupon */
.coupon-require-get1 .coupon-require-get-title{font-size: .32rem;line-height: .5rem;padding:.05rem 0}
.coupon-require-get1 .coupon-require-get-title.red{ color: #f4575f;font-weight: bold}
.weixin-title{ padding: 20px 0 0 0; text-align: left;}
.weixin{ text-align: left; padding: 0 0 0 10px;}
.weixin .red{ color: #f4575f;}
.coupon-require-cont .marry-link{ color: #f4575f; font-weight: bold; text-decoration: underline;}
.coupon-require-get1 p{padding:0}
.coupon-require-get1 .coupon-require-get-sectitle{font-size: .28rem;font-family: "microsoft yahei";padding:.05rem 0;max-width: 5rem; text-align: center; margin: 0 auto;}
.coupon-require-get1   a.goBtn{display:block;width:4.6rem;height: .7rem;line-height:.7rem;border:1px solid #bbb;text-align: center;font-size: .26rem;margin:0.1rem auto; font-family: Microsoft YaHei;color:#000}