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

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/01/173af362617760ecffab40fcc338cdb6.png
var tpld4 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpld4, _Component);
  function tpld4() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpld4.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '70%',
        background: '#FEDC06',
        border: '2px solid #000000',
        fontSize: '2em',
        fontFamily: 'MiSans-Heavy, MiSans',
        fontWeight: '800',
        color: 'rgb(0, 0, 0)',
        lineHeight: '1.8em',
        paddingLeft: '0.8em'
      }
    }, "\u4E91\u4E0A\u5B89\u5168\u6559\u80B2"), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '30%',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'flex-end',
        paddingRight: '1.2em',
        background: '#6DC488',
        borderTopRightRadius: '14px',
        border: '2px solid #000000'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '8px',
        height: '8px',
        borderRadius: '50%',
        background: '#FEDC06',
        border: '1px solid #000000',
        marginRight: '0.2em'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '8px',
        height: '8px',
        borderRadius: '50%',
        background: '#FEDC06',
        border: '1px solid #000000',
        marginRight: '0.2em'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '8px',
        height: '8px',
        borderRadius: '50%',
        background: '#FEDC06',
        border: '1px solid #000000'
      }
    }))), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '100%',
        background: '#D6F4FE',
        borderRadius: '0 0 14px 14px',
        border: '2px solid #000000',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '80%',
        background: '#FBB9B0',
        borderRadius: '10px',
        border: '2px solid #000000',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        padding: '0.2em',
        marginTop: '1.4em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '98%',
        height: '20px',
        background: '#000000',
        borderRadius: '5px',
        padding: '0.4em'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        // position: 'absolute',
        // top: '4.8%',
        // left: '50%',
        // transform: 'translateX(-50%)',
        width: '72%',
        marginTop: '-4%'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/01/173af362617760ecffab40fcc338cdb6.png",
      alt: "",
      style: {
        width: '100%',
        height: '100%'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        paddingBottom: '10px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.4em',
        fontFamily: 'YouSheBiaoTiHei',
        color: '#000000',
        lineHeight: '1.6em',
        borderBottom: '1px dashed #1C545D'
      }
    }, "\u542F\u8FEA\u7AE5\u5FC3 \u5E78\u798F\u6210\u957F"), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.4em',
        fontFamily: 'YouSheBiaoTiHei',
        color: '#000000',
        lineHeight: '1.6em',
        borderBottom: '1px dashed #1C545D'
      }
    }, "\u548C\u5B69\u5B50\u4EEC\u4E00\u8D77\u5171\u4EAB\u4EB2\u5B50\u65F6\u5149\u7684\u7B80\u5355\u5FEB\u4E50\uFF01")))));
  };
  return tpld4;
}(Component);
export { tpld4 as default };