coupon优惠券 -- CSS样式


/* coupon */
/*HTML structure:
    /* 无边框 券样式 
    10元券

    /*无边框 返样式
    返8.7

    /*有边框 券 base64 版本
    10元券

    /*有边框 返 base64 版本
    返8.7

*/
/*------------- 无边框 券样式 ----------------*/
.coupon-quan { height: .38rem; display: -webkit-inline-box; -webkit-box-align: center; -webkit-box-pack: center; position: relative;  font-size: .22rem; color:#fff; background: -webkit-gradient(linear, right top, left top, from(#FF3726), to(#FB7645)); padding: 0 .04rem; background: linear-gradient(-90deg, #FF3726 0%, #FB7645 100%);}
.coupon-quan::before, .coupon-quan::after {content: ""; display: block; position: absolute;top:0; width:.08rem;height: .38rem;background-size: .08rem .38rem; background-repeat: no-repeat;}
.coupon-quan::before {left: 0;-webkit-transform: translateX(-90%);transform: translateX(-90%); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABMCAMAAABTYcffAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgyQ0U2NzFEQjE3NTExRTg5QUExRTAyMkFGODFCMDc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgyQ0U2NzFFQjE3NTExRTg5QUExRTAyMkFGODFCMDc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODJDRTY3MUJCMTc1MTFFODlBQTFFMDIyQUY4MUIwNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODJDRTY3MUNCMTc1MTFFODlBQTFFMDIyQUY4MUIwNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6nMH8YAAAAYFBMVEX8djz9fUb9i1r9eD//1sT+xq7+rIn/8uz/8Or9nnT9eD79dz3/6eD+qYT/4dX/7+j9l2r/39L/9/T/3tD9nHH9lWj+qob9mW7//Pv9iln/6N7/+vj+vKD+xKv/9vLSPwd9AAAAqElEQVR42tzUyxKCMAyF4ZNyR1S84QXR939LBx1n6J9F92SXb8HQtDmyXzVlmwXN9W3rKte/5r4I0hJeG0VQRL2sDoqhins1OaBEr5aQEYJWXAPBtrsuBrP9A2DvC8DuN4CdMoAdO4BdCSPBDoSJcCb0hGcS+uRHp9SPjanD8fgcEEfIIeMaeFHDmt9pSK6pW2S36i4MXFz4QHGR40PJx5YPtmX0fQQYAKjyBWNW+EhDAAAAAElFTkSuQmCC'); background-position: center right; } 
.coupon-quan::after { right: 0;-webkit-transform: translateX(90%);transform: translateX(90%); background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABMCAMAAABTYcffAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgyQ0U2NzIxQjE3NTExRTg5QUExRTAyMkFGODFCMDc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgyQ0U2NzIyQjE3NTExRTg5QUExRTAyMkFGODFCMDc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODJDRTY3MUZCMTc1MTFFODlBQTFFMDIyQUY4MUIwNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODJDRTY3MjBCMTc1MTFFODlBQTFFMDIyQUY4MUIwNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qdNvZAAAAZlBMVEX/QCj/SjP/STP/QSn/XUn/6+j/7Or/d2b/i33/r6X/xb7/Qyv/Qir/h3j/8/H/blz/1tD/a1n/opb/+Pf/dGP/cV//0cv/XEj/6OX/9PP/4d3/39r/+/r/iHn/Xkn/raP/083RuSw6AAAApklEQVR42tyUyQ7CMBBDnaZL0gXKTtn5/58sEkJi7MPc61veIZnYGgMfxSq1dfgKP/W5sQAoOgIYXgQwdARQNASQGfQ1AbQMEoOKQcSCtTWncnU1Fp43NobD2gZ1vNsonxcbdvmm9B+BwI3AGAjsGJwYTAz2LpjcS+VZGUxG18/J98UgtVBN1hg0KI1yYYrumiZv1aUMslMoXDlcSlRbptj+q28WYADyVgXxW52rbwAAAABJRU5ErkJggg==');background-position: center left;}
.fl-android .coupon-quan{ line-height: .4rem;}
.fl-android .coupon-quan::before{ -webkit-transform:translateX(-74%); transform:translateX(-74%);background-size: 100% 100%;}
.fl-android .coupon-quan::after{ -webkit-transform:translateX(74%); transform:translateX(74%);background-size: 100% 100%;}
/*适配小屏*/
@media screen and (max-width:375px) and (-webkit-max-device-pixel-ratio:2) {
    .coupon-quan::before, .coupon-quan::after {background-size: 100% 100%;}
}
/* small */
.coupon-quan.small {height: .34rem; font-size: .18rem;padding: 0 .04rem; color: #fff;}
.coupon-quan.small::before, .coupon-quan.small::after { width:.08rem;height: .34rem;background-size: .08rem .34rem; }
.coupon-quan.coupon-fan.small::before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABECAMAAAC/MkWyAAAAP1BMVEX/QCj/wrr/VkD/mIv/hHT/gXD/XUn/W0b/STP/9/b/9PL/8/H/5uP/yMH/x8D/ubD/uK//lYj/lIb/j4EeBQr5AAAAf0lEQVQ4y93Uyw6FMAhFUaBq7b2+9f+/1UQHDdtE5p5Z16QtBOROya3pFanpDSDSVKgiPkboCWKElpAJRT6btM3uuPgid4M6ONCoTj2kP2BVD0kBO2EijIRfCCNhCq9NAD6dn+P3WSCWkEV+tuHDKYQcDqFFg2zBMmheFkpdOSdWUALReV2feAAAAABJRU5ErkJggg==')}
.coupon-quan.coupon-fan.small::after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABECAMAAAC/MkWyAAAANlBMVEX8djz/08D+tJT9hlL/9/P+zbf+p4H9i1r9iVf9fUb/+vf/7eX/2Mf/18b+r43+pX79pH2lAfMJAAAAfklEQVQ4y93UsQ7DIAyE4TtMINC0ad//ZSulQ6M/g/fc5m9A2AjLR0pfp345yiFJfwidw1ouAgxAEdIJK2HqxnlFFWbqVgFe3gB7J/hDWCrAjeBKCMKTsBEeKWzpoZFdrGXNsf2dI+SQ+Qy3zUy/WCcUggehEBwAChfKZeV8AbXQAoMXd52oAAAAAElFTkSuQmCC');}
.fl-android .coupon-quan.small{ line-height: .38rem;}
.fl-android .coupon-quan.small::before,.fl-android .coupon-quan.small::after {background-size: 100% 100%;}
/* ------------ 无边框 返样式 base64 ----------- */
.coupon-fan { display: -webkit-inline-box; -webkit-box-align: center; -webkit-box-pack: center; position: relative; height: .38rem; padding: 0 .08rem 0 .03rem; border-top-right-radius: .06rem; border-bottom-right-radius: .06rem; font-size: .22rem; color: #fff; background-image: -webkit-gradient(linear, right top, left top, from(#FF4028), to(#FC763C)); background-image: linear-gradient(-90deg, #FF4028 0%, #FC763C 100%); background-size: 100% 102%;}
.coupon-fan::before { content: "";display: -webkit-box; width: .18rem; height: .38rem; left: 0rem; -webkit-transform: translateX(-90%); transform: translateX(-90%); top: 0; position: absolute; background: url('data:image/png;base64,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') no-repeat; background-size:100% 100%;background-position: top right;}
.fl-android .coupon-fan { line-height: .4rem; }
.fl-android .coupon-fan::before {-webkit-transform: translateX(-88%);transform: translateX(-88%);}
.coupon-fan.small {height: .34rem; font-size: .18rem;background-size: 100% 104%;}
.coupon-fan.small::before {height: .34rem; width: .16rem;}
.fl-android .coupon-fan.small {line-height: .36rem;}
/*------------ 有边框 券 base64 版本 --------------*/
.coupon-quan-border { display: -webkit-inline-box; -webkit-box-align: center; -webkit-box-pack: center; height: .38rem; position: relative; font-size: .22rem; color: #FE3C28; padding: 0 .02rem; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAByAQMAAACobSmlAAAABlBMVEX/6en/QCpaSgshAAAAAnRSTlOAgKCo1lMAAAAQSURBVAjXY2gAw+EKwL4DAFbzAwF6glQZAAAAAElFTkSuQmCC') repeat-x; background-size: 100% 100%; }
.coupon-quan-border::before { content: ""; display: block; width: .08rem; height: .38rem; left: -.08rem; top: 0; position: absolute; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAByCAMAAAB+xuH2AAAAclBMVEX/6ekAAAD/QCr/RTD/TDj/U0H/2tf/Vjv/X0//v7n/pZ3/joP/Z1f/WEX/Wkj/W0n/0c3/YlL/XEv/rqb/m5P/l43/dmj/YVH/WUj/YU//YFH/YlH/X0n/WEb/08//ubP/iX7/cGL/VEL/Y1P/Y1L/WjzyOW/qAAAAJnRSTlOAAICAf3qACTCAgICAdXAHgFkdgICAgIByZEY5Iw6AgICAgFBLEbwSj/YAAAFNSURBVEjH7ZbLcoMwDEVt84YQSJq2efbd///FXjtZMHBmtG1moh0+IMmyZK7zE6tOh32RhWQTUK+vazNw7vUEYJOeVrtmdDe7Ol9rNetKN7G0Xmj9RctzEN9/djO7+X9yS3BO7wPo5d8BqJVPSUCROwdWqQ4lgZP268gOIewQ7ENoEKgaIwLFdmjhAe4G5B8lH61QCw13LCJ6fYMxqCPKmyXww48cZu0CyLZ5HB4A/tLrmwaAHwrFGQH4i7ytACiOMmgJ+G85KwGkMB2BOKc5Al8oCoKjEkNQaZcE0i3xjmCjvBAor08EWx0Zgt8QvhAMSssG7IqDc7r2BrkkXEQuu31QfLTcDNw+3HBGi3JT8xjw4BijxsPJ48wXAF8Z//AiewAAxm8bf/QsDUwxwfKDBYspcVgUsYyyhBdLNVvcsRy0BSRLThCptqxlIfwHbN0Qj9fzZPwAAAAASUVORK5CYII=') no-repeat; background-size: 100% 100%; background-position: center right;}
.coupon-quan-border::after { content: ""; display: block; width: .08rem; height: .38rem; right: -.08rem; top: 0; position: absolute; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAByCAMAAAB+xuH2AAAAZlBMVEX/6ekAAAD/QCr/RjL/WUj/U0D/WDz/2tf/ZVX/jYL/TTn/v7n/pZ3/XUr/0c3/dGb/V0T/YlL/XU7/WUL/bkn/rqb/nJP/l43/YU//YVH/YlH/YE//Xkz/08//ubP/VEL/Y1P/YFFdxqsbAAAAInRSTlOAAICAcnsJgICAf4CAIYCAd1kxDwSAgIBkSTkuG4CAgFBFF4c4FwAAAUtJREFUSMftls1ygzAMhG0ZmwYCaYCmSZr+vf9LVmY6WQfU2ekth+yRb4xkozXrZFaI1fGcfCEFUDUsAVB3Bb/q28PTjPZXANWbkBclAKCdkpgAoNe8xgLuJdcBWKzpLOC0TmWCWnsbLOA2usQEtYgkZ0nP4GyCg8jRBK0WMUEvEp0pkfAXkAe4e6BuMMG2ETHA++yreErLwWny47eVDbbZ2afJA8A0Tbc2Z6vdPI9+Bfr8PPk10H6a0QMUhcPFA5QG+/JQ6a84WaAR0X1BRYXoSxUtfZsgG9UCH7o3fyP0tDfBTmS4Bah9McGnyGiCIDIRQF+F4h1pl2yQHAkOkR07/1D4tHwY+Phg4PiI8qGGDYhxiNVW5iR2JhcArow7vMge4J8gkB89iQYkTCB+sMDCIw5CEY9RCF4sqvFwhzjIAyQiJwmpJNZaQfgHiLMPZJ68A9kAAAAASUVORK5CYII=') no-repeat; background-size: 100% 100%; }
.fl-android .coupon-quan-border {line-height: .4rem;}
.coupon-quan-border.small {height: .34rem; font-size: .18rem;}
.coupon-quan-border.small::before,.coupon-quan-border.small::after {height: .34rem;width: .08rem;}
.coupon-quan-border.small::before {left: -.08rem;}
.coupon-quan-border.small::after {right: -.08rem; }
.fl-android .coupon-quan-border.small {line-height: .36rem;}

/*------------ 有边框 返 base64 版本 ----------------*/
.coupon-fan-border { display: -webkit-inline-box; -webkit-box-align: center; -webkit-box-pack: center; height: .38rem; position: relative; font-size: .22rem; color: #FE3C28; padding: 0 .02rem; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAByAQMAAABDWpKmAAAABlBMVEX/6en/k4m/gG+vAAAAEElEQVQI12M4AIbDFYB9BwACAgSB8a8ZkAAAAABJRU5ErkJggg==') repeat-x; background-size: 100% 100%; }
.coupon-fan-border::before { content: ""; display: block; width: .18rem; height: .38rem; left: -.17rem; top: 0;position: absolute; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAByCAMAAAAvUtKVAAAA2FBMVEUAAAD/lYv/lIr/mZD/nZT/q6v/qKD/rKX/trb/l43/mZD/nZT/ran/sKv/tKv/loz/mI//n5f/opn/q6X/rKL/nJL/npT/p5//sqv/r6//oJf/qqP/rqb/pJv/pJz/pZ3/qaL/raT/raL/pZ3/p6H/qKD/rKT/rqb/u6r/6en/k4n/5ub/397/mI7/lIr/rKT/5OP/4eD/w77/ta7/09D/zcr/m5L/loz/0M3/vLf/3dv/xcD/oJf/wLv/ubT/p6D/pJz/npX/1tT/1dP/1dL/ycb/r6j/rqe/opCrAAAAKXRSTlMA+v3p1RaFVAP07ds2Kxv48dC7WRLf140iB8dkRK2llmxdM5yAfk08D4+Pwi8AAAJhSURBVFjD7dldU9pAFAZgoggBQRGQj9patZ9nsyQlwYJKbau2/v9/5EncmaN7k7xnBscL95LJM3nZbJazh1r10f3SP2wHphhVTXhSfwQQa24bA7NhP+ZL4yS9sxEVo4p6n99qdmELUJk1Alb/50QI23mX3+ofEcBcwD+XhLFxHjCLCGEu4DkRxL62XUCIjbdYXUcEsb0DFxBiTQkIsI8uIMQmRcAVEcQGPVa/LUEs/JQHvIgIYpM6o58cEGKnLRcQYeFxEZAIYpNRHnBBGDvKAyZzgtj0OGb1iwhi3V0XEGASEGLTD4xiDgix7iGrv3eEsU7bBYRYp8cBUyKMhTyFywWhbMzqhlA2bckzBtgRzyHhrC8rHmH8yG4VjGffKhi/l6Rg8YuyrTdWjdmrZL2crZPUAmyeSXWVCfRY5H22WoqSH+IydmV41Bud4bDTKKrBtApb8YXbg2cV4Xk5szNjdveelDQjzmlLWcb3ypU4vl9WxmxszMCrNTim9VngmMzHqOaNA56VEpYY0/DZZ2OSErY25pvPznhzK2E8jzs++27MchMMD4lPif4B4I9bt7gC3VIOdC9OAL6mwn74m8KsZFMQBmxBwvANz2f+eBVs/435jJfqpYLxYl3oSrVrBTvl6j/CWdiTMhQseuMbnNV0JXbtrCUFPXx8uJ8TqQ4r8gWxo1EKMh4n+/hBTH/sy4OCh0z9kdYPih7XYzmu65oDcCtCguKND5ThbRZp6kjPZIMtJBlNCbrh9pgfdLOtPwkKNBqxtibeRMVbtniDGG5HP4VY8/tWmt94q13f2Ff+jfAAlEjezyqF8SMAAAAASUVORK5CYII=') repeat-x; background-size: 100% 100%; }
.coupon-fan-border::after { content: ""; display: block; width: .1rem; height: .38rem; right: -.1rem; top: 0; position: absolute; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAByCAMAAAB+xuH2AAAASFBMVEUAAAD/lYz/npT/saz/mY//nJT/nZX/opr/o5r/qaH/qqP/q6L/v7//mZD/6en/k4n/4+L/3dz/wbz/0tD/urX/rqj/p6D/y8imESupAAAADnRSTlMA+tcY6dvTv696bFIE56rQRAkAAAC0SURBVEjH7dZLDoMwDEVRmkApn7oE+tn/TusEi4cUS54ysKdHkQOT3OZV5taGfojNaXYQDWMNMt10AJVZ0rZ+Cz3mM4i+s9zjAZj0YXlGAGbNZ2YA5pf3CNRnJg2I93QqJD4yakB866DCwn8nakD8DwaB6mK9ChsvYVDv1TLo21Ug/hIHBwcHBweHKwGebeOhN9IAMWHlhx0sSBw7ipBRdnjZqYa4s3MQAWkkZx2pdtbqIfwH+1+PpYUg0K4AAAAASUVORK5CYII=') no-repeat; background-size: 100% 100%; }
.fl-android .coupon-fan-border { background-size: .08rem .37rem; height: .38rem; }
.fl-android .coupon-fan-border::before { background-size: .18rem .37rem;left: -.18rem; }
.fl-android .coupon-fan-border::after { background-size: .08rem .37rem; }

.coupon-fan-border.small { height: .34rem; font-size: .18rem;}
.coupon-fan-border.small::before { height: .34rem; width: .16rem; left:-.16rem;}
.coupon-fan-border.small::after { width: .1rem; height: .34rem; right: -.1rem; top: 0;}
.fl-android .coupon-fan-border.small { background-size: .04rem .33rem; height: .34rem;line-height: .36rem; }
.fl-android .coupon-fan-border.small::before { background-size: .16rem .33rem; }
.fl-android .coupon-fan-border.small::after { background-size: .08rem .33rem; }

/*------------- 无边框 券样式 v2 ----------------*/
.coupon-quan-v2 { height: .3rem; line-height:.3rem; display: -webkit-inline-box; -webkit-box-align: center; -webkit-box-pack: center; position: relative;  font-size: .22rem; color:#fff; background: -webkit-gradient(linear, right top, left top, from(#FF3C28), to(#FC7B3D)); padding: 0 .02rem; background: linear-gradient(-90deg, #FF3C28 0%, #FC7B3D 100%);}
.coupon-quan-v2::before, .coupon-quan-v2::after {content: ""; display: block; position: absolute;top:0; width:.08rem;height: .3rem;background-size: .08rem .3rem; background-repeat: no-repeat;}
.coupon-quan-v2::before {left: 0;-webkit-transform: translateX(-60%);transform: translateX(-60%); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABaCAMAAACVOWatAAAASFBMVEX9ez39fj79gD/+hUj+gkL/8er/9O/+yKz+pXf/2MX+yq/9oHH+sov/+vf+0Ln+w6b+u5j+upj9k1z9kVv/4tP/4dP+sYoxyEhtAAABJUlEQVRIx+1Wy3LEIAyzMbCwSfraPv7/T8uMywBVdOhMTzurozWSE8skSHDkrb5HlQle/jJtEP1FXKN2LERJozwT16RmyIQcW9mJpUk4WnEIBnIytS6YFZs1DGqgehmtbi7A5v5MWBdzIKVeRUkrT4qFMJ0ki2JwMoG0dqvFCxRgpWQm5szZe5A8lhmuioVCBVqxPOz/8ih7cgXu7uUVdtqJRlXM4+fglJPz4Xg27OEoYNVRnUHiEr0JEOENrLokCSgcO/ZwvBCr8KHEKguxelKXIEGtVM+Jzz8/7i5KRqJKh8jGriwoodGSZRBUlMQWDuq+omanS/34Xt3n9yqyPG4sj8ry2FgeOZE8wkHyCDniTPqPHvLoV4MhIJcJPB/5SCBhF5Zv7UUKzd/1cqUAAAAASUVORK5CYII=); background-position: center right; }
.coupon-quan-v2.transparent::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABaCAMAAACVOWatAAAAWlBMVEUAAAD+fj/9gED/gkL9fz79fz//gUH9fz/9gD/+fj/8fz/9fz//g0H8gED8fj/8fj//gEH/gD7/f0H/fUH/gj7/gET/gE39gEH9gD/9fT79ez39ej39fz9o133pAAAAGnRSTlMA+2ob25w98/Httq8pAcPDYU5OQjMtHgpubsaxWyIAAAFuSURBVEjH7ZbLUsMwDEVj5/0o9AEFnOj/fxMntiRyba+YYcVpu9EdRekcO04Vqe3U9G51zq3bunliuTVur/nvAQf3wZELhHIMPikWuSUGN3KkDRrUgy/7Dw9xW5zRkkdnOJ5RG/Jw1f84sEddIh0+0Q5XQ8cxoznq2sBDqj42UJwhwyngZDxfKlSlRf8g8V1Jj69qIGWPXEpv6+QjGe3R4QQ+OEAfHIAPDVIfHKQ+NEh9UMkHlXxQyQeVfHRzwUdVLS9ZH56LNRkfB92Y+ggsY+Ij0hn0wVj0wVxewYfwbs4+lPnsQ3mcffygYR8YtOIDgqv4gOBNfEDwZB8YfIgPDMCH8BQfOBx8CFfwIbTgQ2jAB/MAH8IcG1JR6gPU5n3Y0/6A5ZPxsYywP2CJsg9d1LA/eBtk90c3/z+v/uB59fvzoy/5aEo+ppIPW/JRm4KPqkUfemwXzvPqnvfh+cr62LkNiQ99/UAf8MKiPr4B2QK9QmTn4jYAAAAASUVORK5CYII=');
}
.coupon-quan-v2::after { right: 0;-webkit-transform: translateX(60%);transform: translateX(60%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABaCAMAAACVOWatAAAASFBMVEX/Oif/PCj/OCb/QjH/6+n/q6P/7+7/cWT/PCv/lYv/h3z/Vkf/w73/dWj/9/b/5uT/0s7/t7D/pp7/pJz/al7/wr3/dWepeHZkAAABRklEQVRIx+2Wy5LCIBBFm2cSEx11nJn//9MJEG6XXNi5suyFiz5eKnDoVMQcJXv5bY7BlRJ0pfwua1Cw9w4o1oo/AxQkqKjAHEvZlLGyZ6QN2ER8wFLaz5kVQCqyuSTUpUwhYLEmtFsysxgQPFaqDTtvIl7PCqAUEngqUQCmgBO2EiSwb0ro1jNiH0iwDwDyAUA+MmAfAOwDgH0gQUdCPtqdU+RVPpaf754Pf5qc6/i4TN35MNF158Pcc5vno/yf5+PvaLfz4acG1IVO6D/PxxKeAXzMpcdLPRoAH7cG4GGvBAqTL06kCAOw6yhxGyUe3QQ2SD7oSCrCIbIPPnYIvAx8sFq9JHfyQdeH5gMXjuYDV5TmI13qz/vqPd9X1vqRj23kYx75iAMfEgY+Vtf34YPr+pBfvtS2DknHhz/zfODzQxP0wfIPZOgLwpgZ8QcAAAAASUVORK5CYII=);background-position: center left;}
.coupon-quan-v2.transparent::after {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABaCAMAAACVOWatAAAAS1BMVEUAAAD/OSb/PSr/Oif/Oyn/OSf/OSf/Oij/OSf/OSf/OSf/OSf/Oif/PCz/OCf/Oif/OCf/Oif/PCf/PCj/Pij/TTP/Oyf/PSj/OCaPE/fHAAAAFnRSTlMA/RtqP9uc8/nttq9OKfPDw25hMy0K8jAxZwAAAUFJREFUSMftVtFuwyAMNBBImq7Z1m2U///SCZGzJh9+mtSnntQXXy+X+DAgj47af7WueU9RTjxO1IEWykmhfDKttvWNFb3eWvgEUf9KOtM1MFdFxxHJYxCtKKGSgRBFvUEMJKNoYHarAJFVYR51UEsA0RbCA4T5DCXIwyjYxDXnPEhBb0V5DFAengcRKgEoD1aQB+fh98pvSbgu0zw+biKTPLYkHeRxWaSD8rjc5vOxjf/zfCSRqeJ9FGk+wjfKZj6uo8YeiyEgyWIIeBdxFHdP8cXE8I6GUMmPIdBCIvQzouMBc87j7pkXcXqVHQWaSHmYtiuDoMiDoh0SbzFUWj5mPmjBVUCXKM/HlqZbOMaA5gOD89qvnrFf/f/8ODyP7OWxe+bJySNEJ48i8zzWSOe5HvTWQ68GnIe5TFTv+kEXll8wA57TrN67zwAAAABJRU5ErkJggg==');
}
.fl-android .coupon-quan-v2{ line-height: .32rem;}
.fl-android .coupon-quan-v2::before{ -webkit-transform:translateX(-60%); transform:translateX(-60%);background-size: 100% 100%;}
.fl-android .coupon-quan-v2::after{ -webkit-transform:translateX(60%); transform:translateX(60%);background-size: 100% 100%;}
/*适配小屏*/
@media screen and (max-width:375px) and (-webkit-max-device-pixel-ratio:2) {
    .coupon-quan-v2::before, .coupon-quan-v2::after {background-size: 100% 100%;}
}
/* ------------ 无边框 返样式 v2 ----------- */
.coupon-fan-v2 { display: -webkit-inline-box; -webkit-box-align: center; -webkit-box-pack: center; position: relative; height: .3rem; padding: 0 .1rem 0 .02rem; border-top-right-radius: .06rem; border-bottom-right-radius: .06rem; line-height:.3rem; font-size: .22rem; color: #fff; background-image: -webkit-gradient(linear, right top, left top, from(#FF3726), to(#FF762E)); background-image: linear-gradient(-90deg, #FF3726 0%, #FF762E 100%); background-size: 100% 102%;}
.coupon-fan-v2::before { content: "";display: -webkit-box; width: .14rem; height: .3rem; left: 0rem; -webkit-transform: translateX(-93%); transform: translateX(-93%); top: 0; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABaCAMAAAD5PzSoAAAAhFBMVEX/di7/dS3/eTL/9/L/ezX/i03/nWn/7OH/6t7/mmT/l2H//Pr/+vb/387/3cr/rID/iEr/gkD/yq7/yKr/hUT/fTn/+PT/9O3/z7X/x6n/vpv/kFX/7uX/59r/wqL/u5b/kln/8en/4tL/2sb/1L3/xab/uJL/sYj/pnb/onH/oG4/PCI7AAACKklEQVRIx42X61YCMQyEY4sLLCCCgCLIxRuo7/9+Wuxld6dDGvjHnDlp8pGmclMSg8/v47JAOn6ujAtd+rwU4z6q9Kkvf1HiejcXI+6rSte38i9UpRsJoSQwvjfeU5M+9iWZXq3A69ZlWOK6W3o/78ul7ysxUWeu1fXBSgjF9XTJMuYqhrmOv9qGvAW9USin19FcXyoT7FpqlL7Nw6GDkpH14fgQ9EXXvW0fhruexXQ1kuV18hOPEQX5Yj0dO9X0gbwOZ6EsSZXndbqCBkme17V1v2KG6LohKSKv6U/UbhXyei9KRNdD9IlOhNedhfQYr7UAn4TXAXBEed0An5TXGnworxX0kvJ6m+ezXgwfJ4OHusmrzfE5m8ZZXKVi2Uw1R73mfz3yapHPmVMmbWWCFM807dwHgVcLfNY3negHV2j4Auai+AoAn0O4NsWg6yV6XekkuAKfKDW+W8BnLgG5SBOf/Fjg6tWjXLHESYFPbEFwBT6hsWK8K/AJuATXVY7XJoSJ13mO1ybaiddt8tPmax94pfN1D7zS+foCvPL5GpcJfb4OrZHS+XqQggijuHS+Om3hfHVx0Odr4zLS52u64vT5mi5OZb62ruNr8xUueW0fSHFW9gG6kDQju+ZwXnF54rziSsZ5xUUvBwRbHymvGCfKK8bCIq98gUZe+VqOvPJlH3nlTwjklT9MgFceG3DlsbbIK3+aQbGUB58UPiPnhCz2OMUK8CfvdvkLI9oXkuz0ExYAAAAASUVORK5CYII=) no-repeat; background-size:100% 100%;background-position: top right;}
.coupon-fan-v2.transparent::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAABaCAMAAAD5PzSoAAAAwFBMVEUAAAD/fEH/e0D/hkj9ej39gD/9gD//g0f+dzz9ez38fT7/lFH+fT7+djz9dzz8eT3+eD39ej79gED9gD/+eT3/dzz/iET+eT39fz/+ez3/fkH/f0P9fD3+eT39ez3+ej3+dTz9fT/+ej39fT/9dDz+dzz8gT/9eD39fj79fj/8fj/8dz7/fT//ez7/gED/gED/gED/ekP/fD79gD/9gUD9ez79ej39fD79dTv9dzz9ez39fT79djv9eTz9fz/9fj7BQ2j9AAAAOHRSTlMAKD8MZfz4EdzawQP76L27uLGef3BqB/rveS4j9/Lq5OPg0czMw7mclIVeWlJHOBwYFxDd1KiniJRnZqIAAAJySURBVEjHjNXnbsMgFAXgYjvN3qNtupfadA+pKmDj93+rcjH4UrAhN8m/TwcMJ/LBXkNW87urPdxm3fuFicv1WME4/ZzlcvahyZgqGafPRzQHG6cnVA7AGB0+KAk0D9N0RhWN7/X9hlKTmgdTt5eFljSS+noOUg2kBmg2KgqqcfgKdgWMlqENbH6YHJ0avILuQDoYDG2hp32mBqia1g28XRgYe6yXMwXhYyBt7sBqxM3yMjeQOnwE6NjGvqZzzjivIENJ/dSPWy4HQ431+0quwSFF6fY1OeYq1GyAUW29vj6NKsedE/D7uizLEkO1berrcFECxViAzX1diFKAtGOb+7oTkCm/rJYtfd12BFgdq2xbXwdCCIAlLt/SVyJgdCiDX2tfl0r6Z+X3tVpfW9CBvn5jqntbbuohSDxXM9OMpCnJJnZfzVOBrVP7SV2jHh5Wx1grdtC1/uv39V4Fxpq+9r8kQdszfe1U0u5A4rwPAOIG7BOYHjgzye1U+w4yl2YAkVqxxKUkR/q/r6lLU6ROX33613i5pDAIREGQQG6QkA/Ze4KILtT7H8uVlNK+KWctMp+iXvfIax14LTbAp/B6cqzt0+A1L4sNHHnNJ4Cs4DUflk/3vCYuJa8BIbx+znidQXuC1z83YH7t4NX8+uVY5tcfG1C/djBgfr2hN/XrY1G/omLxawhe/MrYcL8yjNyvjDj3K4Oz4dcYxw2/5pDXPEB00DzAejZ4zZjjeYDwVPOakazmNYNexWuuV1/ymmsoec11f7NXD9DBq8RyeLWwz3NpheBYXkzg1esOf/USBa9ezbgsL3zweqlGFmR5OfXKuwIveBWFb/8gPAAAAABJRU5ErkJggg==');
}
.fl-android .coupon-fan-v2 { line-height: .32rem; }
.fl-android .coupon-fan-v2::before {-webkit-transform: translateX(-86%);transform: translateX(-86%);}
.fl-android .coupon-fan-v2.transparent::before {-webkit-transform: translateX(-82%);transform: translateX(-82%)}

/* ------------ 红包再返样式 ----------- */
.coupon-redpack { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; -webkit-box-align: center; -webkit-box-pack: center; position: relative; height: .3rem; padding: 0 .1rem 0 .1rem; border-top-right-radius: .06rem; border-bottom-right-radius: .06rem; line-height:.3rem; font-size: .22rem; color: #F10C10; background: #FEEBE9; border: 1px solid #FB998F; border-left: 0px;margin-left: .22rem;}
.coupon-redpack::before { content: "";display: -webkit-box; width: .28rem; height: .3rem; left: -.22rem;  top:0; position: absolute;  -webkit-transform: translateY(-4%);  transform: translateY(-4%); background: url(data:image/png;base64,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) no-repeat; background-size:100% 100%;background-position: top right;}
.fl-android .coupon-redpack { line-height: .3rem;}
.fl-android .coupon-redpack::before {-webkit-transform: translateY(-8%);transform: translateY(-8%);}

.coupon-quan-v3{position: relative; padding-left: .3rem; padding-right: .08rem; height: .3rem;line-height:.3rem;font-size: .22rem; color: #FF3927; background-image: linear-gradient(to right, #FF3726 0%, #FC803F 100%); border-radius: 0.06rem; overflow: hidden;}
.coupon-quan-v3>* {position: relative;z-index: 2;}
.coupon-quan-v3::before{content: '券'; position: absolute; left: 0; top: 0;  z-index: 2; width: .3rem; height: .3rem; color: #fff; font-size: .2rem; text-align: center; background-image: linear-gradient(to right, #FF3726 0%, #FC803F 100%);border-radius: 0.06rem;}
.coupon-quan-v3::after{content: ''; position: absolute; right: 1px; top: 1px; z-index: 1; width: 100%; height: calc(.3rem - 2px); background-color: #FFF4EE; border-radius: 0.06rem;}

你可能感兴趣的:(工作文档,css3,前端,css)