{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_coupon.vue?vue&type=style&index=0&id=15ef5ed8&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobilePage\\home_coupon.vue","mtime":1761614938970},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY291cG9uQ29uIHsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCn0NCi5jb3Vwb241IHsNCiAgaGVpZ2h0OiA3OHB4Ow0KICBiYWNrZ3JvdW5kOiAjZmZmZmZmOw0KICBib3JkZXItcmFkaXVzOiA4cHg7DQogIHBhZGRpbmctbGVmdDogMTBweDsNCiAgd2lkdGg6IDEwMCU7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIC5saXN0IHsNCiAgICBmbGV4LXdyYXA6IG5vd3JhcDsNCiAgICAuaXRlbSB7DQogICAgICB3aWR0aDogMTE0cHg7DQogICAgICBoZWlnaHQ6IDU0cHg7DQogICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMGRlZywgI2U5MzMyMyAwJSwgI2ZmNzkzMSAxMDAlKTsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDZweDsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KDQogICAgICAucm9sbCB7DQogICAgICAgIHdpZHRoOiA4cHg7DQogICAgICAgIGhlaWdodDogOHB4Ow0KICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7DQogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgbGVmdDogLTRweDsNCiAgICAgIH0NCiAgICAgIC5yaWdodCB7DQogICAgICAgIGZsZXg6IDE7DQogICAgICAgIC5yaWdodENvbiB7DQogICAgICAgICAgd2lkdGg6IDIwcHg7DQogICAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgICBsaW5lLWhlaWdodDogMS4yOw0KICAgICAgICB9DQogICAgICB9DQogICAgICAubGVmdCB7DQogICAgICAgIHdpZHRoOiA4NnB4Ow0KICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgMCUsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KSAxMDAlKTsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICBwYWRkaW5nOiA4cHggMDsNCiAgICAgICAgLm1vbmV5IHsNCiAgICAgICAgICBmb250LXNpemU6IDIxcHg7DQogICAgICAgICAgbGluZS1oZWlnaHQ6IDIxcHg7DQogICAgICAgICAgZm9udC1mYW1pbHk6IEQtRElOLVBSTywgRC1ESU4tUFJPOw0KICAgICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQoNCiAgICAgICAgICAubGFiZWwgew0KICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgICAudGlwcyB7DQogICAgICAgICAgZm9udC1zaXplOiAxMXB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQp9DQouY291cG9uNCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDExMHB4Ow0KICBiYWNrZ3JvdW5kOiAjZmZmZmZmOw0KICBib3JkZXItcmFkaXVzOiA4cHg7DQogIHBhZGRpbmc6IDEycHggMTBweDsNCg0KICAubGlzdCB7DQogICAgYmFja2dyb3VuZDogI2U5MzMyMzsNCiAgICBib3JkZXItcmFkaXVzOiAxMnB4Ow0KICAgIGhlaWdodDogODZweDsNCiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgd2lkdGg6IDEwMCU7DQogICAgLmxpc3RDb24gew0KICAgICAgZmxleC13cmFwOiBub3dyYXA7DQogICAgfQ0KICAgIC5wb2NrZXQgew0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDBkZWcsICNlOTMzMjMgMCUsICNmZjc5MzEgMTAwJSk7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICB0b3A6IDA7DQogICAgICByaWdodDogMDsNCiAgICAgIHdpZHRoOiAxNDhweDsNCiAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgIHBhZGRpbmctdG9wOiAxMHB4Ow0KDQogICAgICAudGlwcyB7DQogICAgICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgICAgICBmb250LXNpemU6IDE2cHg7DQogICAgICB9DQogICAgICAuaW5mbyB7DQogICAgICAgIGZvbnQtc2l6ZTogMTBweDsNCiAgICAgICAgY29sb3I6ICNmNWY1ZjU7DQogICAgICB9DQogICAgICAuYm50IHsNCiAgICAgICAgd2lkdGg6IDgwcHg7DQogICAgICAgIGhlaWdodDogMjRweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMTNweDsNCiAgICAgICAgYmFja2dyb3VuZDogI2U5MzMyMzsNCiAgICAgICAgbWFyZ2luOiA0cHggYXV0byAwIGF1dG87DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICAuYm50Q29uIHsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpOw0KICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgICAgYm9yZGVyLXJhZGl1czogMTNweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgICAuaXRlbSB7DQogICAgICB3aWR0aDogNzBweDsNCiAgICAgIGhlaWdodDogNjZweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogICAgICBib3JkZXItcmFkaXVzOiA2cHg7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICBtYXJnaW4tcmlnaHQ6IDZweDsNCiAgICAgIC50eXBlIHsNCiAgICAgICAgZm9udC1zaXplOiAxMXB4Ow0KICAgICAgICBjb2xvcjogI2U5MzMyMzsNCiAgICAgICAgd2lkdGg6IDU0cHg7DQogICAgICAgIGhlaWdodDogMTlweDsNCiAgICAgICAgYmFja2dyb3VuZDogI2U5MzMyMzsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDEycHggMTJweDsNCiAgICAgICAgbWFyZ2luOiAwIGF1dG87DQoNCiAgICAgICAgLnR5cGVDb24gew0KICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTsNCiAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAubW9uZXkgew0KICAgICAgICBmb250LXNpemU6IDIwcHg7DQogICAgICAgIGZvbnQtZmFtaWx5OiBELURJTi1QUk8sIEQtRElOLVBSTzsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgICAgICAgbWFyZ2luLXRvcDogNHB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMjRweDsNCiAgICAgICAgY29sb3I6ICNlOTMzMjM7DQogICAgICAgIC5sYWJlbCB7DQogICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAudGlwcyB7DQogICAgICAgIGZvbnQtc2l6ZTogOXB4Ow0KICAgICAgICBjb2xvcjogIzMzMzMzMzsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCi5jb3Vwb24yIHsNCiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLCAjZTkzMzIzIDAlLCAjZmY3OTMxIDEwMCUpOw0KICBoZWlnaHQ6IDE0MHB4Ow0KICBwYWRkaW5nLWxlZnQ6IDEycHg7DQogIHdpZHRoOiAxMDAlOw0KICBvdmVyZmxvdzogaGlkZGVuOw0KICAubGlzdCB7DQogICAgZmxleC13cmFwOiBub3dyYXA7DQogICAgLml0ZW0gew0KICAgICAgd2lkdGg6IDEwMnB4Ow0KICAgICAgaGVpZ2h0OiAxMTZweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogICAgICBib3JkZXItcmFkaXVzOiA4cHg7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICBwYWRkaW5nLXRvcDogMTRweDsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KICAgICAgLnR5cGUgew0KICAgICAgICBmb250LXdlaWdodDogNTAwOw0KICAgICAgICBjb2xvcjogIzMzMzMzMzsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgfQ0KICAgICAgLm1vbmV5IHsNCiAgICAgICAgZm9udC1zaXplOiAyMnB4Ow0KICAgICAgICBmb250LWZhbWlseTogRC1ESU4tUFJPLCBELURJTi1QUk87DQogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICBsaW5lLWhlaWdodDogMS4zOw0KICAgICAgICAubGFiZWwgew0KICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLnRpcHMgew0KICAgICAgICBmb250LXNpemU6IDlweDsNCiAgICAgICAgY29sb3I6ICNlOTMzMjM7DQogICAgICB9DQogICAgICAuYm50IHsNCiAgICAgICAgd2lkdGg6IDY4cHg7DQogICAgICAgIGhlaWdodDogMjRweDsNCiAgICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLCAjZmY3OTMxIDAlLCAjZTkzMzIzIDEwMCUpOw0KICAgICAgICBib3JkZXItcmFkaXVzOiAxM3B4Ow0KICAgICAgICBjb2xvcjogI2ZmZmZmZjsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgICAgICBtYXJnaW46IDZweCBhdXRvIDAgYXV0bzsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCi5jb3Vwb24xIHsNCiAgcGFkZGluZzogMTlweCAwIDEycHggMTJweDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgLmxpc3Qgew0KICAgIG1hcmdpbi10b3A6IDEycHg7DQogICAgZGlzcGxheTogaW5saW5lLWZsZXg7DQogICAgZmxleC13cmFwOiBub3dyYXA7DQoNCiAgICAuaXRlbSB7DQogICAgICB3aWR0aDogNzhweDsNCiAgICAgIGhlaWdodDogNzZweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmMTJhMTM7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICBib3JkZXItcmFkaXVzOiA2cHggNnB4IDE1cHggMTVweDsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KICAgICAgLm1vbmV5IHsNCiAgICAgICAgd2lkdGg6IDcycHg7DQogICAgICAgIGhlaWdodDogNTNweDsNCiAgICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2ZjZWFlOTsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICBsZWZ0OiAzcHg7DQogICAgICAgIHRvcDogLTE4cHg7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgZm9udC1zaXplOiAyMHB4Ow0KICAgICAgICBmb250LWZhbWlseTogRC1ESU4tUFJPLCBELURJTi1QUk87DQogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgICBwYWRkaW5nLXRvcDogNnB4Ow0KICAgICAgICBib3JkZXItcmFkaXVzOiA2cHggNnB4IDAgMDsNCiAgICAgICAgLmxhYmxlIHsNCiAgICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIH0NCiAgICAgICAgLnRpcHMgew0KICAgICAgICAgIGZvbnQtc2l6ZTogOXB4Ow0KICAgICAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIC5zaWxsIHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICBib3R0b206IDA7DQogICAgICAgIGxlZnQ6IDA7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDM5cHg7DQogICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgI2U5MzMyMyAwJSwgI2ZmNzkzMSAxMDAlKTsNCiAgICAgICAgY29sb3I6ICNmZmY7DQogICAgICAgIGxpbmUtaGVpZ2h0OiA0NnB4Ow0KICAgICAgICBib3JkZXItcmFkaXVzOiAwIDAgMTVweCAxNXB4Ow0KICAgICAgICBmb250LXNpemU6IDEwcHg7DQogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIH0NCiAgICAgIGltZyB7DQogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgbGVmdDogMDsNCiAgICAgICAgd2lkdGg6IDc4cHg7DQogICAgICAgIGhlaWdodDogMTBweDsNCiAgICAgICAgYm90dG9tOiAzMnB4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLmNvdXBvbiB7DQogIGhlaWdodDogOTlweDsNCiAgYmFja2dyb3VuZDogI2ZmZjsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgcGFkZGluZy1sZWZ0OiAxMnB4Ow0KICB3aWR0aDogMTAwJTsNCiAgLmxpc3Qgew0KICAgIGZsZXgtd3JhcDogbm93cmFwOw0KICB9DQogIC5pdGVtQ29uIHsNCiAgICBiYWNrZ3JvdW5kOiAjZTkzMzIzOw0KICAgIGJvcmRlci1yYWRpdXM6IDhweDsNCiAgICB3aWR0aDogMTM3cHg7DQogICAgaGVpZ2h0OiA3NXB4Ow0KICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgbWFyZ2luLXJpZ2h0OiA2cHg7DQogIH0NCiAgLml0ZW0gew0KICAgIGZsZXgtc2hyaW5rOiAwOw0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIHdpZHRoOiAxMzdweDsNCiAgICBoZWlnaHQ6IDc1cHg7DQogICAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpOw0KICAgIGJvcmRlci1yYWRpdXM6IDhweDsNCiAgICBjb2xvcjogI2ZmZjsNCiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgYm9yZGVyOiAxcHggc29saWQgI2U5MzMyMzsNCiAgICAubGVmdCB7DQogICAgICB3aWR0aDogMTAwcHg7DQogICAgICBoZWlnaHQ6IDc1cHg7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgIGNvbG9yOiAjZTkzMzIzOw0KICAgICAgcGFkZGluZy1ib3R0b206IDVweDsNCiAgICAgIC5udW0gew0KICAgICAgICBmb250LXNpemU6IDIycHg7DQogICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQoNCiAgICAgICAgc3BhbiB7DQogICAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAudHh0IHsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgfQ0KICAgIH0NCiAgICAucmlnaHQgew0KICAgICAgZmxleDogMTsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBib3JkZXItbGVmdDogMXB4IGRhc2hlZCAjZTkzMzIzOw0KICAgICAgY29sb3I6ICNlOTMzMjM7DQogICAgICAucmlnaHRDb24gew0KICAgICAgICB3aWR0aDogMjFweDsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgICBsaW5lLWhlaWdodDogMS4yOw0KICAgICAgfQ0KICAgIH0NCiAgICAucm9sbCB7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICB3aWR0aDogOHB4Ow0KICAgICAgaGVpZ2h0OiA4cHg7DQogICAgICBib3JkZXItcmFkaXVzOiAwIDAgNTAlIDUwJTsNCiAgICAgIGJhY2tncm91bmQ6ICNmZmY7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjZTkzMzIzOw0KICAgICAgJi51cC1yb2xsIHsNCiAgICAgICAgcmlnaHQ6IDMxcHg7DQogICAgICAgIHRvcDogLTVweDsNCiAgICAgIH0NCiAgICAgICYuZG93bi1yb2xsIHsNCiAgICAgICAgcmlnaHQ6IDMxcHg7DQogICAgICAgIGJvdHRvbTogLTVweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlIDUwJSAwIDA7DQogICAgICB9DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["home_coupon.vue"],"names":[],"mappings":";AAoiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"home_coupon.vue","sourceRoot":"src/components/mobilePage","sourcesContent":["<template>\r\n  <div\r\n    class=\"couponCon\"\r\n    :style=\"{\r\n      background: bottomBgColor,\r\n      marginTop: mTop + 'px',\r\n      paddingTop: topConfig + 'px',\r\n      paddingBottom: bottomConfig + 'px',\r\n      paddingLeft: prConfig + 'px',\r\n      paddingRight: prConfig + 'px',\r\n    }\"\r\n  >\r\n    <div\r\n      class=\"coupon1 acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-if=\"styleConfig == 0\"\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"item\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n            background: toneConfig ? couponBgColor : colorStyle.theme,\r\n          }\"\r\n        >\r\n          <div\r\n            class=\"money\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div><span class=\"lable\">¥</span>70</div>\r\n            <div class=\"tips\">满5000可用</div>\r\n          </div>\r\n          <div\r\n            class=\"sill\"\r\n            :style=\"{\r\n              background: toneConfig\r\n                ? `linear-gradient(90deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)`\r\n                : themeColor,\r\n            }\"\r\n          >\r\n            满200可用\r\n          </div>\r\n          <img src=\"../../assets/images/newVip02.png\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon2 acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else-if=\"styleConfig == 1\"\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"item\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n          }\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n        >\r\n          <div class=\"type\">品类券</div>\r\n          <div\r\n            class=\"money\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <span class=\"label\">¥</span>50\r\n          </div>\r\n          <div\r\n            class=\"tips\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            满500元可用\r\n          </div>\r\n          <div\r\n            class=\"bnt\"\r\n            :style=\"{\r\n              background: toneConfig\r\n                ? `linear-gradient(90deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)`\r\n                : themeColor,\r\n            }\"\r\n          >\r\n            去领取\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else-if=\"styleConfig == 2\"\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"itemCon\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n            background: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n          }\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            class=\"item\"\r\n            :style=\"{\r\n              borderColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div\r\n              class=\"left\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <div class=\"num\"><span>￥</span>50</div>\r\n              <div class=\"txt\">满100元可用</div>\r\n            </div>\r\n            <div\r\n              class=\"right\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n                borderLeftColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <div class=\"rightCon\">立即领取</div>\r\n            </div>\r\n            <div\r\n              class=\"roll up-roll\"\r\n              :style=\"{\r\n                background: moduleColor2,\r\n                borderColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            ></div>\r\n            <div\r\n              class=\"roll down-roll\"\r\n              :style=\"{\r\n                background: moduleColor2,\r\n                borderColor: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            ></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon4\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else-if=\"styleConfig == 3\"\r\n    >\r\n      <div\r\n        class=\"list acea-row row-middle\"\r\n        :style=\"{\r\n          background: toneConfig ? couponBgColor : colorStyle.theme,\r\n        }\"\r\n      >\r\n        <div class=\"listCon acea-row row-middle\">\r\n          <div\r\n            class=\"item\"\r\n            :style=\"{\r\n              marginRight: spacingConfig + 'px',\r\n            }\"\r\n            v-for=\"(item, index) in numberConfig\"\r\n            :key=\"index\"\r\n            v-if=\"index < 4\"\r\n          >\r\n            <div\r\n              class=\"type\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n                background: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <div class=\"typeCon\">通用券</div>\r\n            </div>\r\n            <div\r\n              class=\"money\"\r\n              :style=\"{\r\n                color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              }\"\r\n            >\r\n              <span class=\"label\">¥</span>50\r\n            </div>\r\n            <div class=\"tips\">满5000可用</div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"pocket\"\r\n          :style=\"{\r\n            background: toneConfig ? `linear-gradient(0deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)` : themeColor2,\r\n          }\"\r\n        >\r\n          <div class=\"tips\">先领券 再购物</div>\r\n          <div class=\"info\">领券下单·享购物优惠</div>\r\n          <div\r\n            class=\"bnt\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n              background: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div class=\"bntCon\">立即领取</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"coupon5 acea-row row-middle\"\r\n      :style=\"{\r\n        background: moduleColor2,\r\n        borderRadius: bgRadius,\r\n      }\"\r\n      v-else\r\n    >\r\n      <div class=\"list acea-row row-middle\">\r\n        <div\r\n          class=\"item acea-row row-middle\"\r\n          :style=\"{\r\n            marginRight: spacingConfig + 'px',\r\n            background: toneConfig ? `linear-gradient(0deg,${bntBgColorRight} 0%,${bntBgColorLeft} 100%)` : themeColor2,\r\n          }\"\r\n          v-for=\"(item, index) in numberConfig\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            class=\"left\"\r\n            :style=\"{\r\n              color: toneConfig ? couponMoneyColor : colorStyle.theme,\r\n            }\"\r\n          >\r\n            <div class=\"money\"><span class=\"label\">¥</span>50</div>\r\n            <div class=\"tips\">满5000可用</div>\r\n          </div>\r\n          <div class=\"right acea-row row-center\">\r\n            <div class=\"rightCon\">领取</div>\r\n          </div>\r\n          <div\r\n            class=\"roll\"\r\n            :style=\"{\r\n              background: moduleColor2,\r\n            }\"\r\n          ></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\n// import theme from \"@/mixins/theme\";\r\nexport default {\r\n  name: 'home_coupon',\r\n  cname: '优惠券',\r\n  configName: 'c_home_coupon',\r\n  icon: '#iconzujian-youhuiquan',\r\n  type: 1, // 0 基础组件 1 营销组件 2工具组件\r\n  defaultName: 'coupon', // 外面匹配名称\r\n  props: {\r\n    index: {\r\n      type: null,\r\n    },\r\n    num: {\r\n      type: null,\r\n    },\r\n    colorStyle: {\r\n      type: null,\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('mobildConfig', ['defaultArray']),\r\n  },\r\n  watch: {\r\n    pageData: {\r\n      handler(nVal, oVal) {\r\n        this.setConfig(nVal);\r\n      },\r\n      deep: true,\r\n    },\r\n    num: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[nVal];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n    defaultArray: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[this.num];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  // mixins: [theme],\r\n  data() {\r\n    return {\r\n      // 默认初始化数据禁止修改\r\n      defaultConfig: {\r\n        cname: '优惠券',\r\n        name: 'coupon',\r\n        timestamp: this.num,\r\n        isHide: false,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        titleLeft: '展示设置',\r\n        titleData: '优惠券数据',\r\n        titleRight: '优惠券样式',\r\n        titleCurrency: '通用样式',\r\n        styleConfig: {\r\n          title: '选择风格',\r\n          tabVal: 0,\r\n          type: 'coupon',\r\n        },\r\n        numberConfig: {\r\n          title: '展示数量',\r\n          val: 5,\r\n          min: 1,\r\n        },\r\n        toneConfig: {\r\n          title: '色调',\r\n          tabVal: 0,\r\n          tabList: [\r\n            {\r\n              name: '跟随主题风格',\r\n            },\r\n            {\r\n              name: '自定义',\r\n            },\r\n          ],\r\n        },\r\n        couponMoneyColor: {\r\n          title: '优惠金额',\r\n          default: [\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n        },\r\n        bntBgColor: {\r\n          title: '按钮背景',\r\n          name: 'bntBgColor',\r\n          default: [\r\n            {\r\n              item: '#FF7931',\r\n            },\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#FF7931',\r\n            },\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n        },\r\n        couponBgColor: {\r\n          title: '优惠券背景',\r\n          default: [\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#E93323',\r\n            },\r\n          ],\r\n        },\r\n        spacingConfig: {\r\n          title: '优惠券间距',\r\n          val: 6,\r\n          min: 0,\r\n        },\r\n        moduleColor: {\r\n          title: '组件背景',\r\n          default: [\r\n            {\r\n              item: '#E93323',\r\n            },\r\n            {\r\n              item: '#FF7931',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#E93323',\r\n            },\r\n            {\r\n              item: '#FF7931',\r\n            },\r\n          ],\r\n        },\r\n        moduleColor2: {\r\n          title: '组件背景',\r\n          default: [\r\n            {\r\n              item: '#ffffff',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#ffffff',\r\n            },\r\n          ],\r\n        },\r\n        bottomBgColor: {\r\n          title: '底部背景',\r\n          default: [\r\n            {\r\n              item: '#f5f5f5',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#f5f5f5',\r\n            },\r\n          ],\r\n        },\r\n        topConfig: {\r\n          title: '上边距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n        bottomConfig: {\r\n          title: '下边距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n        prConfig: {\r\n          title: '左右边距',\r\n          val: 10,\r\n          min: 0,\r\n        },\r\n        mbConfig: {\r\n          title: '页面上间距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n        fillet: {\r\n          title: '背景圆角',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '全部',\r\n              icon: 'iconcaozuo-zhengti',\r\n            },\r\n            {\r\n              val: '单个',\r\n              icon: 'iconcaozuo-bianjiao',\r\n            },\r\n          ],\r\n          valName: '圆角值',\r\n          val: 8,\r\n          min: 0,\r\n          valList: [{ val: 0 }, { val: 0 }, { val: 0 }, { val: 0 }],\r\n        },\r\n      },\r\n      pageData: {},\r\n      numberConfig: 0,\r\n      styleConfig: 0,\r\n      toneConfig: 0,\r\n      couponMoneyColor: '',\r\n      bntBgColorLeft: '',\r\n      bntBgColorRight: '',\r\n      couponBgColor: '',\r\n      spacingConfig: 0,\r\n      moduleColor: '',\r\n      moduleColor2: '',\r\n      topConfig: 0,\r\n      bottomConfig: 0,\r\n      prConfig: 0,\r\n      bgRadius: 0,\r\n      mTop: 0,\r\n      bottomBgColor: '',\r\n      themeColor: '',\r\n      themeColor2: '',\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.pageData = this.$store.state.mobildConfig.defaultArray[this.num];\r\n      this.setConfig(this.pageData);\r\n    });\r\n  },\r\n  methods: {\r\n    setConfig(data) {\r\n      if (!data) return;\r\n      if (data.mbConfig) {\r\n        this.numberConfig = data.numberConfig.val;\r\n        this.styleConfig = data.styleConfig.tabVal;\r\n        this.toneConfig = data.toneConfig.tabVal;\r\n        this.couponMoneyColor = data.couponMoneyColor.color[0].item;\r\n        this.bntBgColorLeft = data.bntBgColor.color[0].item;\r\n        this.bntBgColorRight = data.bntBgColor.color[1].item;\r\n        this.couponBgColor = data.couponBgColor.color[0].item;\r\n        this.spacingConfig = data.spacingConfig.val;\r\n        let moduleColorLeft = data.moduleColor.color[0].item;\r\n        let moduleColorRight = data.moduleColor.color[1].item;\r\n        this.moduleColor = `linear-gradient(90deg,${moduleColorLeft} 0%,${moduleColorRight} 100%)`;\r\n        this.moduleColor2 = data.moduleColor2.color[0].item;\r\n        this.topConfig = data.topConfig.val;\r\n        this.bottomConfig = data.bottomConfig.val;\r\n        this.prConfig = data.prConfig.val;\r\n        let fillet = data.fillet.type;\r\n        let filletVal = data.fillet.val;\r\n        let valList = data.fillet.valList;\r\n        this.bgRadius = fillet\r\n          ? valList[0].val + 'px ' + valList[1].val + 'px ' + valList[3].val + 'px ' + valList[2].val + 'px'\r\n          : filletVal + 'px';\r\n        this.mTop = data.mbConfig.val;\r\n        this.bottomBgColor = data.bottomBgColor.color[0].item;\r\n        this.themeColor = `linear-gradient(90deg,${this.colorStyle.theme} 0%,${this.colorStyle.gradient} 100%)`;\r\n        this.themeColor2 = `linear-gradient(0deg,${this.colorStyle.theme} 0%,${this.colorStyle.gradient} 100%)`;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.couponCon {\r\n  overflow: hidden;\r\n}\r\n.coupon5 {\r\n  height: 78px;\r\n  background: #ffffff;\r\n  border-radius: 8px;\r\n  padding-left: 10px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  .list {\r\n    flex-wrap: nowrap;\r\n    .item {\r\n      width: 114px;\r\n      height: 54px;\r\n      background: linear-gradient(0deg, #e93323 0%, #ff7931 100%);\r\n      border-radius: 6px;\r\n      position: relative;\r\n      margin-right: 6px;\r\n\r\n      .roll {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #fff;\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        left: -4px;\r\n      }\r\n      .right {\r\n        flex: 1;\r\n        .rightCon {\r\n          width: 20px;\r\n          font-size: 12px;\r\n          color: #fff;\r\n          text-align: center;\r\n          line-height: 1.2;\r\n        }\r\n      }\r\n      .left {\r\n        width: 86px;\r\n        height: 100%;\r\n        background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);\r\n        border-radius: 6px;\r\n        text-align: center;\r\n        color: #e93323;\r\n        padding: 8px 0;\r\n        .money {\r\n          font-size: 21px;\r\n          line-height: 21px;\r\n          font-family: D-DIN-PRO, D-DIN-PRO;\r\n          font-weight: 600;\r\n\r\n          .label {\r\n            font-size: 14px;\r\n          }\r\n        }\r\n        .tips {\r\n          font-size: 11px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon4 {\r\n  width: 100%;\r\n  height: 110px;\r\n  background: #ffffff;\r\n  border-radius: 8px;\r\n  padding: 12px 10px;\r\n\r\n  .list {\r\n    background: #e93323;\r\n    border-radius: 12px;\r\n    height: 86px;\r\n    padding-left: 10px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    .listCon {\r\n      flex-wrap: nowrap;\r\n    }\r\n    .pocket {\r\n      text-align: center;\r\n      background: linear-gradient(0deg, #e93323 0%, #ff7931 100%);\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 148px;\r\n      height: 100%;\r\n      padding-top: 10px;\r\n\r\n      .tips {\r\n        color: #ffffff;\r\n        font-size: 16px;\r\n      }\r\n      .info {\r\n        font-size: 10px;\r\n        color: #f5f5f5;\r\n      }\r\n      .bnt {\r\n        width: 80px;\r\n        height: 24px;\r\n        border-radius: 13px;\r\n        background: #e93323;\r\n        margin: 4px auto 0 auto;\r\n        color: #e93323;\r\n        .bntCon {\r\n          width: 100%;\r\n          height: 100%;\r\n          background: rgba(255, 255, 255, 0.9);\r\n          text-align: center;\r\n          line-height: 24px;\r\n          font-size: 12px;\r\n          border-radius: 13px;\r\n        }\r\n      }\r\n    }\r\n    .item {\r\n      width: 70px;\r\n      height: 66px;\r\n      background: #ffffff;\r\n      border-radius: 6px;\r\n      text-align: center;\r\n      margin-right: 6px;\r\n      .type {\r\n        font-size: 11px;\r\n        color: #e93323;\r\n        width: 54px;\r\n        height: 19px;\r\n        background: #e93323;\r\n        border-radius: 0 0 12px 12px;\r\n        margin: 0 auto;\r\n\r\n        .typeCon {\r\n          background: rgba(255, 255, 255, 0.9);\r\n          width: 100%;\r\n          height: 100%;\r\n          text-align: center;\r\n          line-height: 19px;\r\n        }\r\n      }\r\n      .money {\r\n        font-size: 20px;\r\n        font-family: D-DIN-PRO, D-DIN-PRO;\r\n        font-weight: 600;\r\n        margin-top: 4px;\r\n        line-height: 24px;\r\n        color: #e93323;\r\n        .label {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      .tips {\r\n        font-size: 9px;\r\n        color: #333333;\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon2 {\r\n  background: linear-gradient(90deg, #e93323 0%, #ff7931 100%);\r\n  height: 140px;\r\n  padding-left: 12px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  .list {\r\n    flex-wrap: nowrap;\r\n    .item {\r\n      width: 102px;\r\n      height: 116px;\r\n      background: #ffffff;\r\n      border-radius: 8px;\r\n      text-align: center;\r\n      padding-top: 14px;\r\n      margin-right: 6px;\r\n      .type {\r\n        font-weight: 500;\r\n        color: #333333;\r\n        font-size: 12px;\r\n      }\r\n      .money {\r\n        font-size: 22px;\r\n        font-family: D-DIN-PRO, D-DIN-PRO;\r\n        font-weight: 600;\r\n        color: #e93323;\r\n        line-height: 1.3;\r\n        .label {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      .tips {\r\n        font-size: 9px;\r\n        color: #e93323;\r\n      }\r\n      .bnt {\r\n        width: 68px;\r\n        height: 24px;\r\n        background: linear-gradient(90deg, #ff7931 0%, #e93323 100%);\r\n        border-radius: 13px;\r\n        color: #ffffff;\r\n        font-size: 12px;\r\n        text-align: center;\r\n        line-height: 24px;\r\n        margin: 6px auto 0 auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon1 {\r\n  padding: 19px 0 12px 12px;\r\n  overflow: hidden;\r\n  .list {\r\n    margin-top: 12px;\r\n    display: inline-flex;\r\n    flex-wrap: nowrap;\r\n\r\n    .item {\r\n      width: 78px;\r\n      height: 76px;\r\n      background: #f12a13;\r\n      position: relative;\r\n      border-radius: 6px 6px 15px 15px;\r\n      margin-right: 6px;\r\n      .money {\r\n        width: 72px;\r\n        height: 53px;\r\n        background: #ffffff;\r\n        border: 1px solid #fceae9;\r\n        position: absolute;\r\n        left: 3px;\r\n        top: -18px;\r\n        text-align: center;\r\n        font-size: 20px;\r\n        font-family: D-DIN-PRO, D-DIN-PRO;\r\n        font-weight: 600;\r\n        color: #e93323;\r\n        padding-top: 6px;\r\n        border-radius: 6px 6px 0 0;\r\n        .lable {\r\n          font-size: 14px;\r\n        }\r\n        .tips {\r\n          font-size: 9px;\r\n          color: #999999;\r\n          font-weight: 400;\r\n        }\r\n      }\r\n      .sill {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 39px;\r\n        background: linear-gradient(90deg, #e93323 0%, #ff7931 100%);\r\n        color: #fff;\r\n        line-height: 46px;\r\n        border-radius: 0 0 15px 15px;\r\n        font-size: 10px;\r\n        text-align: center;\r\n      }\r\n      img {\r\n        position: absolute;\r\n        left: 0;\r\n        width: 78px;\r\n        height: 10px;\r\n        bottom: 32px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.coupon {\r\n  height: 99px;\r\n  background: #fff;\r\n  overflow: hidden;\r\n  padding-left: 12px;\r\n  width: 100%;\r\n  .list {\r\n    flex-wrap: nowrap;\r\n  }\r\n  .itemCon {\r\n    background: #e93323;\r\n    border-radius: 8px;\r\n    width: 137px;\r\n    height: 75px;\r\n    overflow: hidden;\r\n    margin-right: 6px;\r\n  }\r\n  .item {\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    display: flex;\r\n    width: 137px;\r\n    height: 75px;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border-radius: 8px;\r\n    color: #fff;\r\n    margin-right: 10px;\r\n    border: 1px solid #e93323;\r\n    .left {\r\n      width: 100px;\r\n      height: 75px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #e93323;\r\n      padding-bottom: 5px;\r\n      .num {\r\n        font-size: 22px;\r\n        font-weight: 600;\r\n\r\n        span {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      .txt {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n    .right {\r\n      flex: 1;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 12px;\r\n      border-left: 1px dashed #e93323;\r\n      color: #e93323;\r\n      .rightCon {\r\n        width: 21px;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n      }\r\n    }\r\n    .roll {\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 0 0 50% 50%;\r\n      background: #fff;\r\n      border: 1px solid #e93323;\r\n      &.up-roll {\r\n        right: 31px;\r\n        top: -5px;\r\n      }\r\n      &.down-roll {\r\n        right: 31px;\r\n        bottom: -5px;\r\n        border-radius: 50% 50% 0 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}