@font-face{font-family:'millionaire_demoregular';src:url('../fonts/millionaire_demo-webfont.eot');src:url('../fonts/millionaire_demo-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/millionaire_demo-webfont.woff2') format('woff2'),url('../fonts/millionaire_demo-webfont.woff') format('woff'),url('../fonts/millionaire_demo-webfont.ttf') format('truetype'),url('../fonts/millionaire_demo-webfont.svg#millionaire_demoregular') format('svg');font-weight:normal;font-style:normal}
:root{--coupon-radius:var(--page-block-radius)}
.coupon-tabs{overflow:hidden}
.coupon-tabs .coupon-tab{width:33.333%;text-align:center;box-sizing:border-box;float:left;cursor:pointer}
.coupon-tabs .coupon-tab:first-child{border-radius:5px 0 0 5px}
.coupon-tabs .coupon-tab:last-child{border-radius:0 5px 5px 0}
.coupon-tabs .coupon-tab.active{color:white;background:#04be02}
.coupon-hd{padding:15px;margin:0 auto;background:#f3f3f3;box-sizing:border-box}
@media screen and (min-width:1024px){.coupon-hd{max-width:740px}
}
.location-tips{position:fixed;max-width:740px;margin:0 auto;top:62px;left:0;right:0;background:#ffc;box-sizing:border-box;color:#505050;padding:10px;text-align:center}
.coupon-tab-content{display:none}
.card-coupon-coupons .coupons{background-color:#f3f3f3;padding:10px 15px}
.card-coupon-coupons .simple-coupon{width:auto;max-width:unset}
.coupon-wrapper{position:relative;-webkit-user-select:none;user-select:none}
.coupon-text{display:block;font-size:12px;line-height:1.2;box-sizing:border-box;white-space:nowrap;overflow:hidden}
.coupon-name + .coupon-text{margin-top:10px}
.coupon-text .arrow{position:relative;width:1.2em;top:-1px}
.coupon-limit{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.simple-coupon .coupon-limit{display:none}
.simple-coupon .coupon-body{padding-top:0;padding-bottom:0}
.use-desc{position:absolute;right:10px;bottom:10px}
.coupon-popup-on .use-desc{display:none}
.coupon-text:not(.coupon-name) + .coupon-text{margin-top:5px}
.coupon{width:85%;max-width:350px;height:auto;margin:0 auto;position:relative;opacity:1;z-index:1;transition:opacity linear .3s;filter:drop-shadow(1px 1px 3px rgba(0,0,0,.1));-webkit-filter:drop-shadow(1px 1px 3px rgba(0,0,0,.1))}
.coupon + .coupon{margin-top:10px}
.coupon-container{position:absolute;display:block;width:100%;height:100%;border-radius:var(--coupon-radius);box-sizing:border-box;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:white}
.coupon-popup .coupon-container{margin-top:-42.857142857142855%}
.coupon .coupon-container{--coupon-clip-mask:radial-gradient(circle at 32% top,transparent 6px,red 6px) left top / 100% 7px no-repeat,radial-gradient(circle at 32% bottom,transparent 6px,red 6px) left bottom / 100% calc(100% - 6px) no-repeat,repeating-linear-gradient(to bottom,yellow 0,yellow 4px,transparent 4px,transparent 8px) 32% 8px / 1px calc(100% - 18px) no-repeat;-webkit-mask:var(--coupon-clip-mask);-webkit-mask-composite:source-over,source-out;mask-composite:add,subtract}
.coupon.coupon-popup .coupon-container{--coupon-clip-mask:radial-gradient(circle at left bottom,transparent 6px,red 6px) left bottom / 6px 100% no-repeat,radial-gradient(circle at right bottom,transparent 6px,red 6px) right bottom / 7px 100% no-repeat,radial-gradient(circle at calc(32% - 2px) top,transparent 6px,red 6px) 6px top / calc(100% - 12px) 7px no-repeat,radial-gradient(circle at calc(32% - 2px) bottom,transparent 6px,red 6px) 6px bottom / calc(100% - 12px) calc(100% - 6px) no-repeat,repeating-linear-gradient(to bottom,yellow 0,yellow 4px,transparent 4px,transparent 8px) 32% 8px / 1px calc(100% - 16px) no-repeat;-webkit-mask:var(--coupon-clip-mask);-webkit-mask-composite:source-over,source-over,source-over,source-out;mask-composite:add,add,add,subtract}
.coupon.coupon-popup .coupon-detail{--coupon-clip-mask:radial-gradient(circle at left top,transparent 6px,red 6px) left bottom / 6px 100% no-repeat,radial-gradient(circle at right top,transparent 6px,red 6px) right bottom / 7px 100% no-repeat,radial-gradient(circle at calc(32% - 2px) top,transparent 6px,green 6px) 6px top / calc(100% - 12px) 100% no-repeat,repeating-linear-gradient(to right,yellow 0,yellow 4px,transparent 4px,transparent 8px) 8px top / calc(100% - 16px) 1px no-repeat;-webkit-mask:var(--coupon-clip-mask);mask-composite:add,add,subtract;-webkit-mask-composite:source-over,source-over,source-out}
body:not(.share-mode) .coupon-other{display:none}
.coupon,.coupon-type-NORMAL_COUPON{--coupon-theme-color:#f1625e}
.coupon-type-GIFT_COUPON{--coupon-theme-color:#ffb83e}
.coupon-type-VOUCHER_COUPON{--coupon-theme-color:#4ccb78}
.coupon-type-DISCOUNT_COUPON{--coupon-theme-color:#4b8ced}
.coupon-panel[data-channel="MEITUAN_TUANGOU"] .coupon .coupon-type{--coupon-theme-color:#ffbd00}
.coupon .coupon-sharable{display:none;font-size:12px;transform:scale(.8)}
.coupon-detail{width:100%;height:0;background:#fff;overflow:hidden;transition:height .25s;-webkit-transition:height .25s;-moz-transition:height .25s;-ms-transition:height .25s;-o-transition:height .25s;display:flex;flex-direction:column}
.coupon-popup.move{top:20px}
.coupon-detail.expand{height:calc(90vh - 160px)}
.coupon .coupon-detail p{word-wrap:break-word}
.coupon .coupon-detail .p_details{flex:1;box-sizing:border-box;text-align:left;overflow-y:auto}
.coupon .coupon-detail .coupon-time{padding:10px 10px 10px 12px;box-sizing:border-box;text-align:left;overflow-y:auto}
.coupon .coupon-detail .p_details span{font-size:13px;color:#242424}
.coupon .coupon-detail .p_details .weui_cells:before,.coupon .coupon-detail .p_details .weui_cells:after,.coupon .coupon-detail .p_details .weui_cell + .weui_cell:before{display:none}
.coupon .coupon-detail .p_details .weui_cell{padding-top:0;padding-bottom:0}
.coupon .coupon-detail .p_details .weui_cells_title{color:#888;font-size:12px;line-height:1.2}
.coupon .share-btn{display:none;position:absolute;top:0;right:0;padding:5px 15px;color:var(--m-color-default)}
.coupon .coupon-quantity + .share-btn{right:35px}
.coupon-on{overflow:hidden}
.coupon-popup{position:fixed;top:10px;left:0;right:0;transition:top .25s;-webkit-transition:top .25s;-moz-transition:top .25s;-ms-transition:top .25s;-o-transition:top .25s;z-index:1}
.coupon-popup .coupon-desc-tips{display:none}
.coupon-popup-on .coupon-popup .coupon-container{border-radius:var(--coupon-radius) var(--coupon-radius) 0 0}
.coupon-popup-on .coupon-popup .coupon-detail{border-radius:0 0 var(--coupon-radius) var(--coupon-radius);margin-top:42.857142857142855%}
.coupon-popup-on .coupon-popup + .coupon{margin-top:170px}
.coupon-popup-on .coupon:not(.coupon-popup){opacity:0}
.coupon-popup-on .coupon-tab-content-COUPONS .coupon-popup .share-btn{display:block}
.coupon-main{position:absolute;width:32%;height:100%;top:0;left:0;display:flex;align-items:center;text-align:center}
.coupon-main .coupon-value{flex:1;font-weight:bold}
.coupon-body{position:relative;height:100%;margin-left:32%;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.coupon-value{font-size:28px}
.coupon-unit{font-size:12px}
.coupon-name{display:block;font-size:16px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:clip}
.coupon-date{display:block;font-size:12px;max-width:130px;text-overflow:clip;white-space:normal}
.coupon-status{width:100px;height:100px;right:0;top:50%;margin-top:-50px;position:absolute}
.coupon-quantity{right:-35px;top:5px;position:absolute;font-size:13px;transform:rotate(45deg) scale(.8);transform-origin:center center;background-color:var(--coupon-theme-color);color:white;padding:2px 40px;box-shadow:0 0 6px rgba(0,0,0,.1)}
.coupon-quantity:after{content:'张';font-size:12px}
.share-mode .coupon-multi:before,.share-mode .coupon-multi:after,.coupon-popup:before,.coupon-popup:after{display:none}
.simple-coupon .coupon-container{position:relative;height:auto;padding:25px 10px;align-items:center}
.coupon-head{width:100%;height:unset}
.coupon-type{display:block;text-align:center}
.coupon:not(.simple-coupon) .coupon-has-background .coupon-type{display:none}
.coupon-container .coupon-type:after{display:inline-block;line-height:18px;height:18px;font-size:12px;transform:scale(.8);text-align:center;background-color:var(--coupon-theme-color);color:white;padding:0 6px;border-radius:18px}
.coupon-channel-POS_FLYHAND.coupon-type-NORMAL_COUPON .coupon-type{display:none}
.coupon-type-GIFT_COUPON .coupon-type:after{content:'礼金券'}
.coupon-type-DISCOUNT_COUPON .coupon-type:after{content:'折扣券'}
.coupon-type-VOUCHER_COUPON .coupon-type:after{content:'抵用券'}
.coupon.coupon-channel-MEITUAN_TUANGOU .coupon-type:after{content:'美团团购券';background-color:#ffc802;color:black}
.coupon.coupon-channel-DOUYIN_TUANGOU .coupon-type:after{content:'抖音团购券';background-color:black;color:white}
.coupon.coupon-channel-JINGDONG_TUANGOU .coupon-type:after{content:'京东团购券';background-color:#e2423a;color:white}
.coupon-content{position:relative;height:0;padding-bottom:42.857142857142855%}
.coupon:not(.coupon-popup) .coupon-content{overflow:hidden}
.coupon.coupon-status-USED .coupon-container,.coupon.coupon-status-EXPIRED .coupon-container{background-color:#dcdcdc;filter:grayscale(90%);-webkit-filter:grayscale(90%)}
.coupon.coupon-status-USED .coupon-status{background-image:url("../../images/wechat/coupon_used.png");background-size:contain}
.coupon.coupon-status-EXPIRED .coupon-status{background-image:url("../../images/wechat/coupon_expired.png");background-size:contain}
.coupon.coupon-status-RECEIVED .coupon-status{background-image:url("../../images/wechat/coupon_received.png");background-size:contain}
.coupon.coupon-status-USED .coupon-status:before,.coupon.coupon-status-EXPIRED .coupon-status:before,.coupon.coupon-status-RECEIVED .coupon-status:before{display:none}
.no-coupon-img{width:160px;height:160px;margin:30px auto;background:url("../../images/wechat/no-coupon.gif");background-size:contain}
.no-coupon-text{font-size:14px;color:#666;text-align:center}
.coupon-tab-content .coupon:not(.coupon-status-USED):not(.coupon-status-EXPIRED).coupon-has-background .coupon-status{display:none}
.coupon-mask{width:100%;height:100%;background:url("../../images/overlay_bg_50p.png") repeat;position:fixed;left:0;top:0;display:none;opacity:0;transition:all linear .5s}
.coupon-popup-on .coupon-mask{opacity:1}
@supports(backdrop-filter:blur(0)){.coupon-mask{backdrop-filter:blur(0)}
.coupon-popup-on .coupon-mask{backdrop-filter:blur(3px)}
}
.barcode_box{position:fixed;top:50%;left:50%;margin-left:-150px;margin-top:-80px;width:300px;display:inline-block;height:auto;background:#fff;text-align:center}
.barcode_img{width:100%}
.barcode_img.loading{min-height:52px}
.barcode_img img{display:block;width:60%;margin:10px auto 0}
.discountFont{font-size:16px;margin-left:10px}
.coupon-discount{display:none;font-size:16px}
.simple-coupon{background-color:transparent;margin:0 auto;z-index:unset}
.simple-coupon{width:75%}
.simple-coupon .coupon-content{height:auto;padding-bottom:0;background-color:transparent;border-radius:var(--coupon-radius)}
.simple-coupon .coupon-status{display:none}
.simple-coupon .coupon-text{color:#666}
.simple-coupon .coupon-text.text-warn{color:var(--m-color-warn)}
.simple-coupon .coupon-text.coupon-name{color:#333}
.simple-coupon .coupon-text:not(.coupon-name) + .coupon-text{margin-top:0}
.coupon-choose-wrapper .coupon .coupon-body{padding-right:35px}
.coupon .coupon-name{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:0}
.coupon .coupon-text{white-space:normal}
.restaurant-info-wrapper{padding:5px 10px}
body:not(.locate-success) .coupon .restaurant-info,.coupon .restaurant-info:not(.has-tel) .restaurant-tel,.coupon .restaurant-info:not(.has-distance) .restaurant-nav,.coupon .restaurant-info:not(.has-distance) .restaurant-distance,.coupon .restaurant-info:not(.has-address) .restaurant-address{display:none}
.coupon .restaurant-info{display:flex;flex-direction:row;align-items:center;font-size:12px}
.coupon .restaurant-name{font-size:16px}
.coupon .restaurant-info.is-closest .restaurant-name:after{content:'最近';display:inline-block;background-color:var(--m-color-primary);margin-left:2px;padding:2px;border-radius:20% 0 20% 0;line-height:1;font-size:12px;color:var(--m-color-primary-reverse)}
.coupon .restaurant-main{flex:1}
.coupon .restaurant-distance{color:#888}
.coupon .restaurant-address .fa{margin-right:3px}
.coupon .restaurant-icon{display:block;padding:0 10px;color:var(--m-color-primary);text-align:center}
.coupon .restaurant-icon .fa{font-size:21px}
.coupon .restaurant-icon span{display:block;color:#888}
.coupon .restaurant-others{display:flex;align-items:center;justify-content:center;line-height:1.2;margin-top:5px;color:#888}
.coupon .restaurant-others:after{content:' ';display:inline-block;width:5px;height:5px;border:solid currentColor;border-width:1px 1px 0 0;transform:rotate(45deg);margin-left:3px}
.coupon-popup-detail .weui_dialog_bd{background-color:white}
.coupon-popup-detail .weui_dialog_bd .weui_cells{font-size:14px}
.coupon-popup-detail .weui_dialog_bd .weui_cells .weui_cell{padding-top:0;padding-bottom:0}
.coupon-popup-detail .weui_dialog_bd .weui_cells:before,.coupon-popup-detail .weui_dialog_bd .weui_cells:after,.coupon-popup-detail .weui_dialog_bd .weui_cells .weui_cell:before,.coupon-popup-detail .weui_dialog_bd .weui_cells .weui_cell:after{display:none}