import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import React, { Component } from 'react';
var tpl6 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl6, _Component);
  function tpl6() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl6.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: '492px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '6.6%',
        right: '5%',
        fontSize: '0.6em',
        fontFamily: 'PingFangSC-Regular, PingFang SC',
        fontWeight: '400',
        color: '#607485'
      }
    }, "\u54C1\u724C\u6545\u4E8B"), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '10%',
        right: '5%',
        display: 'flex',
        justifyContent: 'flex-end',
        paddingRight: '0.8em',
        width: '20em',
        background: 'linear-gradient(90deg, #D8D8D8 100% ,rgba(238,238,238,0) 0% )',
        opacity: '0.4',
        fontSize: '0.6em',
        fontFamily: 'PingFangSC-Regular, PingFang SC',
        fontWeight: '400',
        color: '#607485'
      }
    }, "Story"), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '18%',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'space-between',
        width: '100%',
        overflow: 'hidden'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '100%'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/12/14/6d38a6cf58413817da2ee045f0e2deb4.png",
      alt: "",
      style: {
        width: '100%',
        height: '100%',
        objectFit: 'cover'
      }
    }))), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '68%',
        width: '100%',
        fontWeight: '400',
        fontSize: '0.52em',
        fontFamily: 'PingFangSC-Regular, PingFang SC',
        color: '#4A5566',
        lineHeight: '21px',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '4.6em',
        fontFamily: 'PingFangSC-Thin, PingFang SC',
        fontWeight: '100',
        color: '#607485',
        lineHeight: '2em'
      }
    }, "\u966A\u4F34\uFF0C\u4E0E\u4E16\u754C\u4E00\u8D77\u8FDB\u6B65"), /*#__PURE__*/React.createElement("div", {
      style: {
        lineHeight: '21px'
      }
    }, "12\u5E74\u7684\u521B\u4E1A\u7ECF\u5386\u50CF\u4E00\u5E55\u5E55\u7535\u5F71\u4E00\u6837\u5728\u6211\u773C\u524D\u6643\u6765\u6643\u53BB\u6211\u5E38\u8DDF\u670B\u53CB"), /*#__PURE__*/React.createElement("div", {
      style: {
        lineHeight: '21px'
      }
    }, "\u8BF4\u201C\u6211\u751F\u6015\u8F9C\u8D1F\u4E86\u8FD9\u4E2A\u65F6\u4EE3\u201D\u4F5C\u4E3A\u4E00\u4E2A\u65F6\u4EE3\u7684\u6587\u5316\u7B26\u53F7\uFF0C"), /*#__PURE__*/React.createElement("div", {
      style: {
        lineHeight: '21px'
      }
    }, "\u4E0D\u4EC5\u4EC5\u662F\u5BB6\u5C45\u4EA7\u54C1\uFF0C\u8FD8\u662F\u5BB6\u5EAD\u670D\u52A1\u7BA1\u5BB6\uFF0C\u751F\u6D3B\u7684\u7F8E\u5B66\u987E\u95EE\u3002")));
  };
  return tpl6;
}(Component);
export { tpl6 as default };