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

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/01/2cecf62f4cd81cafe4a6b3511e3ae413.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/01/ce4fd1370a7f0b6e1d891049173f405a.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/01/e9434509354ab2ed1f4da83d006daea6.png
var tpl8 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl8, _Component);
  function tpl8() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl8.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#F3F3F3',
        // borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden',
        margin: '0 auto',
        maxWidth: '420px',
        height: '512px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '6.6%',
        right: '8%',
        fontSize: '0.6em',
        fontFamily: 'PingFangSC-Regular, PingFang SC',
        fontWeight: '400',
        color: '#607485'
      }
    }, "\u54C1\u724C\u7B80\u4ECB"), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '11%',
        right: '8%',
        display: 'flex',
        justifyContent: 'flex-end',
        paddingRight: '0.8em',
        width: '20em',
        backgroundImage: 'linear-gradient(90deg, #D8D8D8 100% ,#ffffff 0% )',
        opacity: '0.2',
        fontSize: '0.6em',
        fontFamily: 'PingFangSC-Regular, PingFang SC',
        fontWeight: '400',
        color: '#607485'
      }
    }, "Introduction"), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '22%',
        right: '6%',
        fontSize: '2.4em',
        fontFamily: 'PingFangSC-Thin, PingFang SC',
        fontWeight: '100',
        color: '#607485'
      }
    }, "\u6316\u6398\u672C\u6E90 \u56DE\u5F52\u521D\u5FC3"), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '36%',
        left: '34%',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'space-between',
        width: '100%',
        overflow: 'hidden'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '60%'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '100%'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        flex: '1',
        paddingRight: '0.2em'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/12/14/8613c471e63a245b2c67b8a43ef15984.png",
      alt: "",
      style: {
        width: '100%',
        height: '100%',
        objectFit: 'cover'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        flex: '1'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/12/14/c62bc55c8fd52799f6776a6e739d8275.png",
      alt: "",
      style: {
        width: '100%',
        height: '100%',
        objectFit: 'cover'
      }
    }))), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '100%',
        paddingTop: '0.2em'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/12/14/d4725621d034a6b0ed79e9f18fdcb161.png",
      alt: "",
      style: {
        width: '100%',
        height: '100%',
        objectFit: 'cover'
      }
    })))), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '82%',
        width: '100%',
        right: '8%',
        fontWeight: '400',
        fontSize: '0.52em',
        fontFamily: 'PingFangSC-Regular, PingFang SC',
        color: '#4A5566',
        lineHeight: '1.6em',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'flex-end'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        lineHeight: '21px'
      }
    }, "\u6700\u521D\u7684\u68A6\u60F3\u6765\u6E90\u4E8E\u61F5\u61C2\uFF0C\u7075\u611F\u7684\u78C1\u649E"), /*#__PURE__*/React.createElement("div", {
      style: {
        lineHeight: '21px'
      }
    }, "\u4E0E\u575A\u6301\u68A6\u60F3\u8005\u540C\u884C\uFF0C\u5728\u672A\u6765\u7EE7\u7EED\u9F13\u821E\u66F4\u591A\u4EBA\u524D\u884C"), /*#__PURE__*/React.createElement("div", {
      style: {
        lineHeight: '21px'
      }
    }, "\u4E5F\u4E3A\u6211\u4EEC\u65D7\u4E0B\u66F4\u591A\u7684\u54C1\u724C\u8D4B\u80FD"), /*#__PURE__*/React.createElement("div", {
      style: {
        lineHeight: '21px'
      }
    }, "\u4E0E\u4E0E\u575A\u6301\u68A6\u60F3\u8005\u540C\u884C\uFF0C\u4E0E\u540C\u884C\u8005\u5171\u7B51\u68A6\u60F3")));
  };
  return tpl8;
}(Component);
export { tpl8 as default };