.width-height-equal{width:100%;height:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.flex-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f-fz-28{font-size:3.733vw;content:"viewport-units-buggyfill; font-size: 3.733vw"}.f-fz-24{font-size:3.2vw;content:"viewport-units-buggyfill; font-size: 3.2vw"}.f-fz-22{font-size:2.933vw;content:"viewport-units-buggyfill; font-size: 2.933vw"}.f-fz-32{font-size:4.267vw;content:"viewport-units-buggyfill; font-size: 4.267vw"}.f-mr-30{margin-right:4vw;content:"viewport-units-buggyfill; margin-right: 4vw"}.f-ml-12{margin-left:1.6vw;content:"viewport-units-buggyfill; margin-left: 1.6vw"}.f-fz-64{font-size:8.533vw;content:"viewport-units-buggyfill; font-size: 8.533vw"}.f-mb-32{margin-bottom:4.267vw;content:"viewport-units-buggyfill; margin-bottom: 4.267vw"}.f-fz-20{font-size:2.667vw;content:"viewport-units-buggyfill; font-size: 2.667vw"}.font-bold{font-weight:700}.background-orange{background:#f2ca92}.flex-between{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.one-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-grey{color:#999}.color-less-black{color:#333}.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.orange{color:#ff7c00}.less-orange{color:#ff8900}.red{color:#c2102f}.f-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.card-block{width:100vw;height:66.133vw;border-radius:0 0 4.267vw 4.267vw;position:relative;content:"viewport-units-buggyfill; width: 100vw; height: 66.133vw; border-radius: 0 0 4.267vw 4.267vw"}.card-block .card-img{border-radius:0 0 4.267vw 4.267vw;content:"viewport-units-buggyfill; border-radius: 0 0 4.267vw 4.267vw"}.card-block .card-name{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:4.267vw;content:"viewport-units-buggyfill; bottom: 4.267vw"}.detail-block{padding:6.4vw;content:"viewport-units-buggyfill; padding: 6.4vw"}.detail-block .card-friend{max-width:33.867vw;display:inline-block;content:"viewport-units-buggyfill; max-width: 33.867vw"}.detail-block .detail-list{width:87.2vw;content:"viewport-units-buggyfill; width: 87.2vw"}.detail-block .detail-list .detail-item{width:100%;height:auto;margin-bottom:3.2vw;background:#fffbec;border-radius:2.133vw;position:relative;content:"viewport-units-buggyfill; margin-bottom: 3.2vw; border-radius: 2.133vw"}.detail-block .detail-list .detail-item .detail-coupon{padding:2.4vw 4.267vw;content:"viewport-units-buggyfill; padding: 2.4vw 4.267vw"}.detail-block .detail-list .detail-item .detail-coupon .coupon-img{width:16.533vw;height:16.533vw;margin-right:4.267vw;content:"viewport-units-buggyfill; width: 16.533vw; height: 16.533vw; margin-right: 4.267vw"}.detail-block .detail-list .detail-item .detail-coupon .coupon-msg{padding-left:4.267vw;border-left:1px dotted #ff8900;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;content:"viewport-units-buggyfill; padding-left: 4.267vw"}.detail-block .detail-list .detail-item .detail-coupon .coupon-msg .coupon-price{line-height:.9}.detail-block .detail-list .detail-item .detail-coupon .coupon-msg .rule-icon{width:3.2vw;height:3.2vw;margin-left:1.067vw;content:"viewport-units-buggyfill; width: 3.2vw; height: 3.2vw; margin-left: 1.067vw"}.detail-block .detail-list .detail-item .detail-msg{height:9.067vw;line-height:9.067vw;background:#ffebaa;color:#96791b;padding-left:4.267vw;border-radius:0 0 2.133vw 2.133vw;content:"viewport-units-buggyfill; height: 9.067vw; line-height: 9.067vw; padding-left: 4.267vw; border-radius: 0px 0px 2.133vw 2.133vw"}.detail-block .detail-list .detail-item .coupon-status{width:100%;height:100%;border-radius:2.133vw;left:0;top:0;background:rgba(205,166,39,.2);position:absolute;content:"viewport-units-buggyfill; border-radius: 2.133vw"}.detail-block .detail-list .detail-item .coupon-status img{position:absolute;bottom:0;right:1.067vw;width:20.533vw;height:15.467vw;content:"viewport-units-buggyfill; right: 1.067vw; width: 20.533vw; height: 15.467vw"}.detail-block .send-btn{padding:3.467vw 21.333vw;border-radius:5.333vw;content:"viewport-units-buggyfill; padding: 3.467vw 21.333vw; border-radius: 5.333vw"}.activate-success{width:100vw;height:40.533vw;border-top-left-radius:7.467vw;border-top-right-radius:7.467vw;padding:9.6vw 6.4vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;position:relative;content:"viewport-units-buggyfill; width: 100vw; height: 40.533vw; border-top-left-radius: 7.467vw; border-top-right-radius: 7.467vw; padding: 9.6vw 6.4vw"}.activate-success .close-icon{width:4.533vw;height:4.533vw;position:absolute;top:4.8vw;right:4vw;content:"viewport-units-buggyfill; width: 4.533vw; height: 4.533vw; top: 4.8vw; right: 4vw"}.activate-success .btn{width:34.133vw;height:9.6vw;line-height:9.6vw;text-align:center;color:#222;font-size:3.733vw;border-radius:4.8vw;content:"viewport-units-buggyfill; width: 34.133vw; height: 9.6vw; line-height: 9.6vw; font-size: 3.733vw; border-radius: 4.8vw"}.activate-success .btn-blank{border:.267vw solid #999;background:#fff;content:"viewport-units-buggyfill; border: 0.267vw solid #999999"}.activate-success .btn-default{border:.267vw solid #ffc501;background:#ffc501;content:"viewport-units-buggyfill; border: 0.267vw solid #FFC501"}.activate-success .btn-large{width:41.6vw;height:10.667vw;content:"viewport-units-buggyfill; width: 41.6vw; height: 10.667vw"}.shadow-box{width:100vw;height:100vh;background:rgba(0,0,0,.45);position:fixed;left:0;top:0;z-index:1;content:"viewport-units-buggyfill; width: 100vw; height: 100vh"}.shadow-box,.shadow-box .shadow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shadow-box .shadow{width:58.133vw;height:29.333vw;background:#fff;border-radius:3.2vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;content:"viewport-units-buggyfill; width: 58.133vw; height: 29.333vw; border-radius: 3.2vw"}