import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import React, { Component } from 'react';

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/04/8c69ef7f73ac6fa7597ba0a81fdb5b66.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/04/182b71018b3ce1c8df3408276d321d9c.png
var tpl1 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl1, _Component);
  function tpl1() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl1.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '420px',
        minHeight: '46em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        width: '90%',
        minHeight: '4em',
        zIndex: '2'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '100%',
        height: '2em'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/04/8c69ef7f73ac6fa7597ba0a81fdb5b66.png",
      alt: "",
      style: {
        width: '100%',
        height: '100%'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#F7F7F7'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '100%',
        background: '#F7F7F7'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        transform: 'rotate(-2deg)',
        marginLeft: '-0.8em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#5c784c',
        fontSize: '1.2em',
        fontFamily: 'HannotateSC-W7, HannotateSC',
        fontWeight: 'normal',
        color: '#FFFFFF',
        lineHeight: '1.2em',
        padding: '0.4em 3.4em',
        display: 'inline-block'
      }
    }, "\u5BBF\u820D\u4ECB\u7ECD"))), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        alignItems: 'center',
        padding: '0 1.2em',
        paddingTop: "1.4em"
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#B73C3C',
        fontSize: '1.4em',
        fontFamily: 'HannotateSC-W5, HannotateSC',
        fontWeight: 'normal',
        color: '#FFFFFF',
        lineHeight: '1.2em',
        width: '30%',
        padding: '0.4em 0.8em',
        boxShadow: '0px 6px 10px 6px #cccfd6'
      }
    }, "\u6821\u51851\u53F7 \u516C\u5BD3"), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'relative',
        flex: '1',
        height: '16em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        width: '100%',
        zIndex: '2'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/04/182b71018b3ce1c8df3408276d321d9c.png",
      alt: "",
      style: {
        width: '100%',
        height: '100%'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        zIndex: '1',
        left: '16%',
        top: '0',
        width: '194px',
        height: '152px',
        background: '#D8D8D8',
        opacity: '0.84',
        transform: 'rotate(4deg)'
      }
    })))), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.4em',
        fontFamily: 'MiSans-Normal, MiSans',
        fontWeight: '400',
        color: '#333333',
        lineHeight: '1.4em',
        padding: '0.4em',
        background: '#F7F7F7'
      }
    }, "\u5750\u843D\u4E8E\u66FE\u7ECF\u7684\u201C\u66E6\u6C60\u201D\u4E4B\u4E0A\u7684\u65B0\u5BBF\u820D\u697C\u2014\u2014\u65B0\u6821\u51851\u53F7\u516C\u5BD3\uFF0C\u4E00\u76F4\u662F\u7ECF\u8D38\u5B66\u5B50\u4EEC\u6700\u4E3A\u671F\u5F85\u4EE5\u53CA\u597D\u5947\u7684\u5730\u65B9\uFF0C\u5C31\u5728\u4ECA\u5E74\u6691\u5047\u7ED3\u675F\u524D\uFF0C\u8FD9\u680B\u53EF\u4EE5\u8BF4\u662F\u8001\u751F\u4EEC\u770B\u7740\u4E00\u70B9\u70B9\u201C\u62D4\u5730\u800C\u8D77\u201D\u7684\u65B0\u697C\uFF0C\u7EC8\u4E8E\u7AE3\u5DE5\u5566\uFF01\u65B0\u6821\u516D\u4F4D\u4E8E\u56FE\u4E66\u9986\u897F\u4FA7\u3001\u6821\u5185\u4E00\u5317\u4FA7\uFF0C\u6BD4\u4E4B\u524D\u7684\u5BBF\u820D\u697C\u90FD\u8981\u9AD8\u8BB8\u591A\uFF0C\u5BBF\u820D\u697C\u5185\u90E8\u914D\u6709\u7535\u68AF\uFF0C\u4F46\u662F\u76EE\u524D\u5C0F\u7F16\u4E5F\u8FD8\u6CA1\u6709\u53BB\u65B0\u697C\u53C2\u89C2\u8FC7\uFF0C\u6240\u4EE5\u8FD8\u6709\u8BB8\u591A\u4FE1\u606F\u6682\u4E14\u672A\u77E5\uFF0C\u4E00\u5207\u8FD8\u662F\u4EE5\u5B66\u6821\u4E4B\u540E\u53D1\u7684\u901A\u77E5\u4E3A\u51C6\u3002\u90A3\u5C31\u671F\u5F85\u7740\u5927\u5BB6\u5728\u5F00\u5B66\u540E\u4E00\u8D77\u63ED\u5F00\u65B0\u6821\u4E00\u7684\u201C\u795E\u79D8\u9762\u7EB1\u201D\u5427\uFF01")), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        width: '93%',
        left: '5.2%',
        height: '45em',
        background: '#D8D8D8',
        opacity: '0.84',
        zIndex: '1'
      }
    }));
  };
  return tpl1;
}(Component);
export { tpl1 as default };