<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分享梦想页</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <style>
        body{
            padding: 0;
            margin: 0;
        }
        p{
            -webkit-margin-before: 0.1em;
            -webkit-margin-after: 0.1em;
        }
    </style>
</head>
<body>
    <h4 style="text-align: center; font-weight: normal; width: 100%; border-bottom: 1px solid #DEDEDE; padding-bottom: 15px">分享梦想页</h4>
    <img style="width: 100%; height: 100%;" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2010773385,221812410&fm=26&gp=0.jpg">
    <p style="font-size: 17px; padding: 0 10px">标题</p>
    <div style="border-bottom: 1px solid #DEDEDE">
        <p style="font-size: 13px; padding: 0 10px; color: #919191">
            等你, 在雨中, 在造虹的雨中
            蝉声沉落, 蛙声升起
        </p>
        <p style="text-align: center">
            箭头
        </p>
    </div>
    <div style="border-bottom: 1px solid #DEDEDE; height: 50px; padding: 5px 10px;">
        <div style="float:left;">
            <p>20天</p>
            <p style="font-size: 13px; color: #919191">剩余时间</p>
        </div>
        <div style="float:right;">
            <p style="text-align: right">158730</p>
            <p style="font-size: 13px;; color: #919191">当前获得梦想分数</p>
        </div>
    </div>
    <div style="clear:both; height: 50px; padding: 5px 10px;">
        <div style="float:left;">
            <p>20</p>
            <p style="font-size: 13px; color: #919191">目前已获梦想币</p>
        </div>
        <div style="float:right;">
            <p style="text-align: right">158730</p>
            <p style="font-size: 13px; color: #919191">我要求的梦想币</p>
        </div>
    </div>
    <div style="padding: 0 10px">
        <div style="background-color:#E6E6E6; width: 100%;">
            <div style="width: 20%; background: #FF6600; height: 5px">
            </div>
        </div>
    </div>
</body>
</html>