/*dd*/
.dd-box{ width: 90%; padding: 10px 5%; margin: 15px 0 0; background: #fff; margin-bottom: 400px; }
.dd-box .dd-title{ font-size: 16px; color: #666; line-height: 30px; }
.dd-box .dd-cont{ font-size: 14px; color: #888; line-height: 24px; padding: 8px 0; }
.dd-btbox { width: 94%; padding: 0 3%; height: 30px; }
.dd-btbox .dd-bt{ width: 20%; height: 30px; background: #ccc; border-radius: 5px; float: right; text-align: center; line-height: 30px; }

/*coupon*/
.coupon-top{ width: 92%; height: 9%; padding-left: 2%; background: #e4e4e4; border-bottom: 1px solid #aaa; line-height: 44px; text-align: center; margin: 0 3%; font-size: 19px; position: relative; }
.coupon-top i{ font-size: 26px; position: absolute; margin-top: 9px; margin-left: -30px; }
.coupon-node{ width: 92%; padding: 10px 4% 0; line-height: 18px; font-size: 13px; color: #666; }
.coupon-node span{ color: #ff8000; float: right; position: relative; }
.coupon-node span i{ font-size: 16px; padding-right: 4px; position: absolute; right: 75px; top: 0px; }
.coupon-member{ width: 94%; padding: 6px 3% 0px; font-size: 16px; color: #555; line-height: 20px; }

.coupon-li{ width: 94%; height: 94px; margin: 10px auto 0px; position: relative; background: #fff; font-size: 14px; }
.coupon-li::after{ content: ""; display: block; height: 0px; clear: both; }
.coupon-li .coupon-li-left{ width: 32%; height: 100%; text-align: center; color: #fff; float: left; position: relative; }
.coupon-li .coupon-lt1{ background: #33A3A7; }
.coupon-li .coupon-lt2{ background: #D6D2A2; }
.coupon-li .coupon-lt3{ background: #FF9C08; }
.coupon-li .coupon-type{ width: 19%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; line-height: 21px; float: left; display: flex; align-items:center; justify-content: space-around; flex-direction: column; }
.coupon-li .coupon-type-bg{ width: 19%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: #000; opacity: 0.2; }
.coupon-li .coupon-price-box{ width: 81%; height: 94px; display: flex; align-items:center; justify-content: space-around; flex-direction: column; font-size: 20px; font-weight: bold; padding-left: 19%; float: left; }
.coupon-li .coupon-li-right{ width: 68%; float: left; }
.coupon-li .coupon-li-right::after{ content: ""; display: block; clear: both; height: 0px; }
.coupon-li .coupon-name{ width: 86%; height: 52px; padding-top: 8px; margin: 0 7% 6px; color: #555; font-size: 16px; line-height: 26px; overflow:hidden; float: left; }
.coupon-li .coupon-name2{ width: 86%; height: 22px; padding-top: 8px; margin: 0 7% 3px; color: #555; font-size: 16px; line-height: 20px; overflow:hidden; float: left; }
.coupon-li .coupon-desc2{ width: 86%; height: 33px; padding-bottom: 3px; margin: 0 7% 0px; color: #a7a7a7; font-size: 12px; line-height: 18px; overflow:hidden; float: left; }
.coupon-li .coupon-fun{ width: 23%; margin-left: 7%; border-top: 1px dashed #aaa; float: left; color: #999; font-size: 12px; line-height: 28px; }
.coupon-li .coupon-outtime{ width: 63%; margin-right: 7%; border-top: 1px dashed #aaa; float: left; text-align: right; color: #999; font-size: 12px; line-height: 28px; }
.coupon-li .coupon-li-bg{ display: none; width: 97%; height: 100%; padding-right: 3%; position: absolute; left: 0px; top: 0px; background: #000; opacity: 0.4; z-index: 3; text-align: right; line-height: 140px; font-size: 24px; color: #fff; }
.coupon-li .coupon-li-bg i{ font-size: 36px; position: absolute; margin-top: 51px; margin-left: -40px; }
.coupon-li input{ display: none; }
.coupon-li .coupon-gift{ width: 80%; margin-left: 7%; border-top: 1px dashed #aaa; float: left; color: #999; font-size: 12px; line-height: 28px; }
.coupon-member-gift{ width: 94%; padding: 8px 3%; font-size: 13px; color: #999; text-align: right; line-height: 12px; position: relative; }
.coupon-member-gift i{ font-size: 18px; position: absolute; right: 194px; top: 4px; }

.coupon-loadmore{ display: none; width: 100%; line-height: 40px; font-size: 18px; text-align: center; color: #999; }
.coupon-showprice{ width: 94%; padding: 0 3%; height: 8%; line-height: 40px; font-size: 18px; text-align: right; color: #f00; }
.coupon-price{ font-weight: bold; }
.coupon-bt-box{ width: 100%; height: 10%; text-align: center; font-size: 18px; }
.coupon-bt-box .coupon-close{ display: inline-block; width: 37%; border: 1px solid #ccc; background: #fff; line-height: 40px; font-size: 18px; border-radius: 5px; color: #333; margin: 0 6px; }
.coupon-bt-box .coupon-submit{ background: #bd000c; color: #fff; }
.coupon-content-box{ width: 100%; height: 73%; overflow: hidden; overflow-y: scroll; }

/*mycoupon*/
.mycoupon-nav{ width: 100%; height: 50px; border-bottom: 1px solid #999; line-height: 50px; background: #fff; }
.mycoupon-nav::after{ content: ""; display: block; clear: both; height: 0; }
.mycoupon-nav-a{ width: 33.33%; float: left; height: 24px; margin-top: 13px; line-height: 24px; color: #333; font-size: 16px; text-align: center; box-sizing: border-box; }
.mycoupon-nav .mycoupon-middle{ border-left: 1px solid #555; border-right: 1px solid #555; }
.mycoupon-nav .mycoupon-on::after{ content: ""; height: 3px; background: #d3d3d3; width: 100%; display: block; margin-top: 10px; }
.mycoupon-btbox{ width: 100%; padding: 16px 0; }
.mycoupon-btbox .mycoupon-bt{ width: 50%; height: 30px; line-height: 30px; font-size: 16px; text-align: center; color: #fff; background: #F59E46; margin: 0 auto; border-radius: 5px; }
.mycoupon-btbox .mycoupon-desc{ box-sizing: border-box; width: 100%; font-size: 0.9em; padding: 8px 5%; color: #333; background: #fff; }
.mycoupon-li{ width: 94%; height: 94px; margin: 0 auto 10px; position: relative; background: #fff; font-size: 14px; }
.mycoupon-li::after{ content: ""; display: block; height: 0px; clear: both; }
.mycoupon-li .mycoupon-li-left{ width: 32%; height: 100%; text-align: center; color: #fff; float: left; position: relative; }
.mycoupon-li .mycoupon-lt1{ background: #33A3A7; }
.mycoupon-li .mycoupon-lt2{ background: #D6D2A2; }
.mycoupon-li .mycoupon-lt3{ background: #FF9C08; }
.mycoupon-li .mycoupon-type{ width: 19%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; line-height: 22px; float: left; display: flex; align-items:center; justify-content: space-around; flex-direction: column; }
.mycoupon-li .mycoupon-type-bg{ width: 19%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: #000; opacity: 0.2; }
.mycoupon-li .mycoupon-price-box{ width: 81%; height: 94px; display: flex; align-items:center; justify-content: space-around; flex-direction: column; font-size: 20px; font-weight: bold; padding-left: 19%; float: left; }
.mycoupon-li .mycoupon-li-right{ width: 68%; float: left; }
.mycoupon-li .mycoupon-li-right::after{ content: ""; display: block; clear: both; height: 0px; }
.mycoupon-li .mycoupon-name{ width: 86%; height: 52px; padding-top: 8px; margin: 0 7% 6px; color: #555; font-size: 16px; line-height: 26px; overflow:hidden; float: left; }
.mycoupon-li .mycoupon-fun{ width: 23%; margin-left: 7%; border-top: 1px dashed #aaa; float: left; color: #999; font-size: 12px; line-height: 28px; }
.mycoupon-li .mycoupon-outtime{ width: 63%; margin-right: 7%; border-top: 1px dashed #aaa; float: left; text-align: right; color: #999; font-size: 12px; line-height: 28px; }
.mycoupon-li .mycoupon-li-bg{ width: 97%; height: 100%; padding-right: 3%; position: absolute; left: 0px; top: 0px; background: #000; opacity: 0.4; z-index: 3; text-align: right; line-height: 140px; font-size: 24px; color: #fff; }
.coupon-li .coupon-li-bg i{ font-size: 36px; position: absolute; margin-top: 51px; margin-left: -40px; }

/*mycoupon-pupop*/
.mycoupon-p-top{ width: 94%; height: 48px; padding: 12px 3% 0; line-height: 24px; background: #fff; }
.mycoupon-p-top::after{ content: ""; display: block; clear: both; height: 0px; }
.mycoupon-p-top .mycoupon-p-tt{ width: 60%; height: 24px; padding-left: 2%; font-size: 16px; border-left: 3px solid #f00; float: left; }
.mycoupon-p-top .mycoupon-p-cancel{ display: block; color: #333; width: 30%; float: right; text-align: right; font-size: 22px; }
.mycoupon-p-top .mycoupon-p-bar{ border-bottom: 1px dashed #666; width: 100%; height: 12px; float: left; }
.mycoupon-p-con{ display: none; width: 92%; padding: 12px 4%; line-height: 24px; font-size: 16px; color: #333; }
.weui-popup-modal{ background: #fff; }