@vtx/modals2 2.16.3 → 2.16.5

package/lib/vtx-jzlj-gcxm-modal/components/Collection/Chart.js

@@ -0,0 +1,178 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Chart;
+var _react = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function Chart(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
+    _ref$chartData = _ref.chartData,
+    chartData = _ref$chartData === void 0 ? {} : _ref$chartData;
+  var _a, _b;
+  var textColor = ['dark', 'blue'].includes(theme) ? '#fff' : '#000';
+  var xAxisData = ((chartData === null || chartData === void 0 ? void 0 : chartData.histogramList) || []).map(function (item) {
+    return item.date;
+  });
+  var ylData = ((chartData === null || chartData === void 0 ? void 0 : chartData.histogramList) || []).map(function (item) {
+    return item.weight;
+  });
+  var ccData = ((chartData === null || chartData === void 0 ? void 0 : chartData.histogramList) || []).map(function (item) {
+    return item.count;
+  });
+  var option = {
+    tooltip: {
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        var _a;
+        var str = "<div style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "</div >");
+        params.map(function (item) {
+          str += '<div>';
+          str += item.marker;
+          str += "".concat(item.seriesName, "\uFF1A").concat(item.data).concat(item.seriesName === '车次' ? '次' : '吨');
+          str += '</div>';
+        });
+        return str;
+      }
+    },
+    grid: {
+      left: '6%',
+      right: '5%',
+      bottom: 20
+    },
+    legend: [{
+      align: 'left',
+      itemHeight: 8,
+      itemWidth: 8,
+      icon: 'rect',
+      itemStyle: {
+        color: '#1C86F3'
+      },
+      textStyle: {
+        color: textColor
+      },
+      data: ['运量'],
+      left: '40%'
+    }, {
+      align: 'left',
+      itemHeight: 2,
+      itemWidth: 16,
+      icon: 'rect',
+      itemStyle: {
+        color: '#1FB64D'
+      },
+      textStyle: {
+        color: textColor
+      },
+      data: ['车次'],
+      left: '60%'
+    }],
+    xAxis: [{
+      type: 'category',
+      data: xAxisData,
+      axisPointer: {
+        type: 'shadow'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: textColor
+      }
+    }],
+    yAxis: [{
+      show: true,
+      type: 'value',
+      name: '车次(次)',
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }, {
+      type: 'value',
+      name: '运量(吨)',
+      min: 0,
+      interval: 100,
+      nameTextStyle: {
+        color: textColor
+      },
+      splitNumber: 5,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: textColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '运量',
+      type: 'bar',
+      barWidth: 18,
+      yAxisIndex: 1,
+      data: ylData,
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+          offset: 0,
+          color: '#1C86F3'
+        }, {
+          offset: 1,
+          color: 'rgba(28, 134, 243, 0)'
+        }])
+      }
+    }, {
+      name: '车次',
+      type: 'line',
+      yAxisIndex: 0,
+      data: ccData,
+      showSymbol: false,
+      itemStyle: {
+        color: '#1FB64D'
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "yxfx-top"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "pjryl"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "name"
+  }, "\u5E73\u5747\u65E5\u8FD0\u91CF"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "num"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (_a = chartData === null || chartData === void 0 ? void 0 : chartData.avgDayWeight) !== null && _a !== void 0 ? _a : 0), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "unit"
+  }, "\u5428"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "pjrcc"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "name"
+  }, "\u5E73\u5747\u65E5\u8F66\u6B21"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "num",
+    style: {
+      color: '#20BB70'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (_b = chartData === null || chartData === void 0 ? void 0 : chartData.avgDayCount) !== null && _b !== void 0 ? _b : 0), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "unit"
+  }, "\u6B21")))), /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  }));
+}
+//# sourceMappingURL=Chart.js.map

package/lib/vtx-jzlj-gcxm-modal/components/Collection/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Chart","_ref","_ref$theme","theme","_ref$chartData","chartData","_a","_b","textColor","includes","xAxisData","histogramList","map","item","date","ylData","weight","ccData","count","option","tooltip","trigger","formatter","params","str","concat","axisValue","marker","seriesName","data","grid","left","right","bottom","legend","align","itemHeight","itemWidth","icon","itemStyle","color","textStyle","xAxis","type","axisPointer","axisTick","show","axisLabel","yAxis","name","splitLine","lineStyle","min","interval","nameTextStyle","splitNumber","series","barWidth","yAxisIndex","graphic","LinearGradient","offset","showSymbol","React","createElement","Fragment","className","avgDayWeight","style","avgDayCount","ReactEcharts","notMerge","lazyUpdate","height","width"],"sources":["vtx-jzlj-gcxm-modal/components/Collection/Chart.js"],"sourcesContent":["import React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nexport default function Chart({ theme = 'light', chartData = {}, }) {\n    var _a, _b;\n    const textColor = ['dark', 'blue'].includes(theme) ? '#fff' : '#000';\n    const xAxisData = ((chartData === null || chartData === void 0 ? void 0 : chartData.histogramList) || []).map((item) => item.date);\n    const ylData = ((chartData === null || chartData === void 0 ? void 0 : chartData.histogramList) || []).map((item) => item.weight);\n    const ccData = ((chartData === null || chartData === void 0 ? void 0 : chartData.histogramList) || []).map((item) => item.count);\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                var _a;\n                let str = `<div style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}</div >`;\n                params.map((item) => {\n                    str += '<div>';\n                    str += item.marker;\n                    str += `${item.seriesName}：${item.data}${item.seriesName === '车次' ? '次' : '吨'}`;\n                    str += '</div>';\n                });\n                return str;\n            },\n        },\n        grid: {\n            left: '6%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: [\n            {\n                align: 'left',\n                itemHeight: 8,\n                itemWidth: 8,\n                icon: 'rect',\n                itemStyle: {\n                    color: '#1C86F3',\n                },\n                textStyle: {\n                    color: textColor,\n                },\n                data: ['运量'],\n                left: '40%',\n            },\n            {\n                align: 'left',\n                itemHeight: 2,\n                itemWidth: 16,\n                icon: 'rect',\n                itemStyle: {\n                    color: '#1FB64D',\n                },\n                textStyle: {\n                    color: textColor,\n                },\n                data: ['车次'],\n                left: '60%',\n            },\n        ],\n        xAxis: [\n            {\n                type: 'category',\n                data: xAxisData,\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: textColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                show: true,\n                type: 'value',\n                name: '车次(次)',\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n            {\n                type: 'value',\n                name: '运量(吨)',\n                min: 0,\n                interval: 100,\n                nameTextStyle: {\n                    color: textColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: textColor,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '运量',\n                type: 'bar',\n                barWidth: 18,\n                yAxisIndex: 1,\n                data: ylData,\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n                        {\n                            offset: 0,\n                            color: '#1C86F3',\n                        },\n                        {\n                            offset: 1,\n                            color: 'rgba(28, 134, 243, 0)',\n                        },\n                    ]),\n                },\n            },\n            {\n                name: '车次',\n                type: 'line',\n                yAxisIndex: 0,\n                data: ccData,\n                showSymbol: false,\n                itemStyle: {\n                    color: '#1FB64D',\n                },\n            },\n        ],\n    };\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: \"yxfx-top\" },\n            React.createElement(\"div\", { className: \"pjryl\" },\n                React.createElement(\"div\", { className: \"name\" }, \"\\u5E73\\u5747\\u65E5\\u8FD0\\u91CF\"),\n                React.createElement(\"div\", { className: \"num\" },\n                    React.createElement(\"span\", null, (_a = chartData === null || chartData === void 0 ? void 0 : chartData.avgDayWeight) !== null && _a !== void 0 ? _a : 0),\n                    React.createElement(\"span\", { className: \"unit\" }, \"\\u5428\"))),\n            React.createElement(\"div\", { className: \"pjrcc\" },\n                React.createElement(\"div\", { className: \"name\" }, \"\\u5E73\\u5747\\u65E5\\u8F66\\u6B21\"),\n                React.createElement(\"div\", { className: \"num\", style: { color: '#20BB70' } },\n                    React.createElement(\"span\", null, (_b = chartData === null || chartData === void 0 ? void 0 : chartData.avgDayCount) !== null && _b !== void 0 ? _b : 0),\n                    React.createElement(\"span\", { className: \"unit\" }, \"\\u6B21\")))),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-jzlj-gcxm-modal/components/Collection/index.css

@@ -0,0 +1,348 @@
+.vtx-business-modal-wrap {
+  --modal-content-bg: #f7f9fb;
+  --modal-border-color: #fff;
+  --head-bg: #fff;
+  --bg-color2: #fff;
+  --label-color: rgba(0, 0, 0, 0.65);
+  --base-label-color: #8C8C8C;
+  --table-head-bg: rgba(24, 144, 255, 0.1);
+  --title-color: #222;
+  --title-color2: #1677ff;
+  --tag-bg: rgba(22, 119, 255, 0.1);
+  --block-bg-color: rgba(0, 0, 0, 0.1);
+  --block-bg-color2: #1890ff;
+  --calendar-border: #ececec;
+  --calendar-thead-bg: #fff;
+  --calendar-bg: #fff;
+  --calendar-content-sigle-bg: #f3f5f8;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --info-active: #222;
+  --info-active2: #52c41a;
+  --info-active3: #fff;
+  --bg-color: white;
+  --sub-bg-color: #f3f3f380;
+  --title-bg-color: white;
+  --title-border: 1px solid #dbdbdbff;
+  --title-border-color: rgba(187, 187, 187, 0.2);
+  --sub-title-color: #222;
+  --info-color: #222;
+  --border-color: '#DADADAFF';
+  --scroll-bar-bg: #c0c0c0;
+  --scroll-bar-hover-bg: #adadad;
+  --scroll-bar-track-bg: #fafafa;
+  --button-checked-color: #1890ff;
+  --button-color: #222;
+  --list-cell-active1: #222;
+  --list-cell-active2: #222;
+  --list-cell-active3: #222;
+  --calendar-date-today-bg-color: #73ffbf;
+  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
+}
+*::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.vtx-business-modal-wrap.dark {
+  --modal-content-bg: #0b1315;
+  --modal-border-color: #69958a;
+  --head-bg: #122a2c;
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --bg-color2: #162123;
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-border-color: transparent;
+  --title-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #00f0ff;
+  --label-color: #cafdffff;
+  --base-label-color: #cafdffff;
+  --info-color: #ffffffff;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #219fff3d;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #40ffd3;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: #29373e;
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --list-cell-active1: #fff845;
+  --list-cell-active2: #45d1ff;
+  --list-cell-active3: #20feff;
+  --calendar-date-today-bg-color: #73ffbf;
+  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
+}
+.vtx-business-modal-wrap.blue {
+  --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
+  --modal-border-color: #7295bc;
+  --head-bg: linear-gradient(90deg, #124067, #051a29);
+  --head-bg-border-color2: #3a87cb;
+  --bg-color2: rgba(0, 103, 156, 0.1);
+  --bg-border-color2: rgba(32, 102, 167, 0.5);
+  --sub-bg-color: #ffffff0d;
+  --title-border: 1px solid transparent;
+  --title-border-color: transparent;
+  --title-color: white;
+  --title-color2: #fff;
+  --sub-title-color: #64bcff;
+  --label-color: #fff;
+  --base-label-color: #fff;
+  --info-color: #74bbf4;
+  --calendar-content-sigle-bg: #1464a62e;
+  --border-color: #1464a6;
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #219fff3d;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: #74bbf4;
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #75ffc2;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: rgba(32, 102, 167, 0.5);
+  --calendar-thead-bg: rgba(255, 255, 255, 0.1);
+  --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-value-color: #07d4ff;
+  --image-text-color: #ffffff;
+  --list-cell-active1: #fff845;
+  --list-cell-active2: #45d1ff;
+  --list-cell-active3: #20feff;
+  --calendar-date-today-bg-color: #0090ff;
+  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(0, 144, 255, 0.8) 0%, rgba(0, 144, 255, 0) 100%);
+}
+.vtx-business-modal-wrap.light {
+  --title-color2: #1677ff;
+}
+.jzlj-car-subtitle {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.jzlj-car-subtitle .jzlj-car-type {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 8px;
+  height: 24px;
+  line-height: 24px;
+  background: rgba(22, 119, 255, 0.05);
+  border-radius: 4px;
+  border: 1px solid #1677ff;
+  font-size: 12px;
+  color: #1677ff;
+  font-weight: normal;
+  margin-left: 8px;
+}
+.jzlj-car-subtitle .jzlj-car-type img {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+}
+.jzlj-car-subtitle .jzlj-car-status {
+  display: inline-block;
+  padding: 0 8px;
+  height: 24px;
+  line-height: 24px;
+  background: rgba(82, 196, 26, 0.05);
+  border-radius: 4px 4px 4px 4px;
+  border: 1px solid #52c41a;
+  font-weight: normal;
+  font-size: 12px;
+  color: #52c41a;
+  margin-left: 8px;
+}
+.jzlj-card {
+  background-color: var(--bg-color2);
+  border: 1px solid var(--title-border-color);
+  border-radius: 8px;
+}
+.jzlj-card-title {
+  height: 56px;
+  line-height: 56px;
+  padding: 0 16px;
+  border-bottom: 1px solid var(--title-border-color);
+  position: relative;
+}
+.jzlj-card-title-text {
+  font-size: 16px;
+  color: var(--title-color);
+  font-weight: 500;
+}
+.jzlj-card-title-right {
+  position: absolute;
+  right: 16px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.jzlj-card-content {
+  padding: 16px;
+  position: relative;
+  height: calc(100% - 56px);
+  overflow-y: auto;
+}
+.vtx-ellipsis-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.jzlj-gcxm-collection {
+  padding: 6px 16px 16px 16px;
+}
+.jzlj-gcxm-collection-myTabs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  height: 64px;
+  padding: 0 12px;
+}
+.jzlj-gcxm-collection-myTabs .ant-tabs-nav {
+  margin: 0 !important;
+}
+.jzlj-gcxm-collection-mySearch {
+  margin-top: 16px;
+}
+.jzlj-gcxm-collection-mySearch .vtx-search {
+  border-radius: 8px;
+}
+.jzlj-gcxm-collection-container {
+  min-height: 400px;
+  margin-top: 16px;
+  padding: 20px 12px;
+  position: relative;
+}
+.jzlj-gcxm-collection-container .num {
+  font-size: 18px;
+  color: #1677ff;
+  font-weight: 500;
+}
+.jzlj-gcxm-collection-container .num .unit {
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 4px;
+}
+.jzlj-gcxm-collection-container .name {
+  font-size: 14px;
+  color: var(--info-color);
+}
+.jzlj-gcxm-collection-container .yxfx-top {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  padding-bottom: 24px;
+}
+.jzlj-gcxm-collection-container .yxfx-top .pjryl {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  width: 200px;
+  height: 58px;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(22, 119, 255, 0)), color-stop(50%, rgba(22, 119, 255, 0.2)), to(rgba(22, 119, 255, 0)));
+  background: linear-gradient(90deg, rgba(22, 119, 255, 0) 0%, rgba(22, 119, 255, 0.2) 50%, rgba(22, 119, 255, 0) 100%);
+}
+.jzlj-gcxm-collection-container .yxfx-top .pjrcc {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  width: 200px;
+  height: 58px;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 187, 112, 0)), color-stop(50%, rgba(32, 187, 112, 0.2)), to(rgba(32, 187, 112, 0)));
+  background: linear-gradient(90deg, rgba(32, 187, 112, 0) 0%, rgba(32, 187, 112, 0.2) 50%, rgba(32, 187, 112, 0) 100%);
+}
+.flex_center_around {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+.flex-column {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}