YanaDH
/
edwin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>edwin欧美音乐疯</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/oumei_circle.css">
</head>
<body>
<div class="wrapper" style="margin-bottom: 200px">
    <div class="top">
        <div class="fl icon">
            &lt;
        </div>
        <div class="fl title" style="text-align: center">
            edwin欧美音乐疯
        </div>
        <div class="fr icon">
            ···
        </div>
    </div>
    <div class="circle_top">
        <div class="posting">
            <img src="imgs/icon_posting.svg">
        </div>
        <div class="avatar fl">
            <img src="imgs/img_avatar70@2x.png">
        </div>
        <div class="fl" style="width: 85%">
            <div style="width: 100%">
                <div class="fl" style="color: #666666; font-size: 1.1em;">
                    光影
                </div>
                <div class="fr" style="color: #B3B3B3; font-size: 0.9em">
                    2017-07-21
                </div>
            </div>
            <div style="font-size: 1em; clear:both; color: #333333">
                你，这未走完的路...
            </div>
        </div>
        <div style="clear:both;"></div>
        <div class="showImg">
            <img src="imgs/img_1@2x.png">
            <img src="imgs/img_2@2x.png">
            <img src="imgs/img_3@2x.png">
        </div>
        <div class="showImg">
            <img src="imgs/img_4@2x.png">
            <img src="imgs/img_5@2x.png">
            <img src="imgs/img_6@2x.png">
        </div>
        <div class="collect">
            <div class="fr" style="color: #B3B3B3; margin-left: -2%;">
                189
            </div>
            <div class="fr">
                <img src="imgs/icon_support_h.svg">
            </div>
            <div class="fr" style="color: #B3B3B3; margin-right: 5%; margin-left: -2%;">
                56
            </div>
            <div class="fr">
                <img src="imgs/icon_comment.svg">
            </div>
        </div>
        <div style="height: 60px">
            <div class="fl" style="margin-left: 15%; width: 65%;">
                <input type="text" style="border-radius: 30px; border: none; height: 35px; width: 90%; padding: 0 5%; background: #F2F2F2">
            </div>
            <div class="fl" style="color: #999999; height: 36px; width: 18%; line-height: 36px; text-align: center;">
                评论
            </div>
        </div>
        <div class="avatar fl" style="width: 12%; height: 12%">
            <img src="imgs/img_avatar60@2x.png">
        </div>
        <div class="fl" style="width: 85%">
            <div style="width: 100%">
                <div class="fl" style="color: #666666; font-size: 1.1em;">
                    Splistinge
                </div>
                <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
                    2017-07-21 19:50
                </div>
            </div>
            <div style="font-size: 0.9em; clear:both; color: #333333">
                这就是一首比较悲伤的歌
            </div>
        </div>
        <div class="avatar fl" style="width: 12%; height: 12%; margin-top: 20px">
            <img src="imgs/img_avatar70@2x.png">
        </div>
        <div class="fl" style="width: 85%; margin-top: 20px">
            <div style="width: 100%">
                <div class="fl" style="color: #666666; font-size: 1.1em;">
                    光影
                </div>
                <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
                    2017-07-21 21:50
                </div>
            </div>
            <div style="font-size: 0.9em; clear:both; color: #333333">
                回复Splistinge：听着有些难过
            </div>
        </div>
    </div>
    <div style="background: #FAFAFA; color: #ADACE5; margin-top: 120px; text-align: center; padding: 7px 0">
        查看更多评论
    </div>
    <div class="circle_top">
        <div class="avatar fl">
            <img src="imgs/img_avatar70@2x.png">
        </div>
        <div class="fl" style="width: 85%">
            <div style="width: 100%">
                <div class="fl" style="color: #666666; font-size: 1.1em;">
                    光影
                </div>
                <div class="fr" style="color: #B3B3B3; font-size: 0.9em">
                    2017-07-21
                </div>
            </div>
            <div style="font-size: 1em; clear:both; color: #333333">
                你，这未走完的路...
            </div>
        </div>
        <div style="clear:both;"></div>
        <div class="showImg">
            <img src="imgs/img_1@2x.png">
            <img src="imgs/img_2@2x.png">
            <img src="imgs/img_3@2x.png">
        </div>
        <div class="showImg">
            <img src="imgs/img_4@2x.png">
            <img src="imgs/img_5@2x.png">
            <img src="imgs/img_6@2x.png">
        </div>
        <div class="collect">
            <div class="fr" style="color: #B3B3B3; margin-left: -2%;">
                189
            </div>
            <div class="fr">
                <img src="imgs/icon_support_h.svg">
            </div>
            <div class="fr" style="color: #B3B3B3; margin-right: 5%; margin-left: -2%;">
                56
            </div>
            <div class="fr">
                <img src="imgs/icon_comment.svg">
            </div>
        </div>
        <div style="height: 60px">
            <div class="fl" style="margin-left: 15%; width: 65%;">
                <input type="text" style="border-radius: 30px; border: none; height: 35px; width: 90%; padding: 0 5%; background: #F2F2F2">
            </div>
            <div class="fl" style="color: #999999; height: 36px; width: 18%; line-height: 36px; text-align: center;">
                评论
            </div>
        </div>
        <div class="avatar fl" style="width: 12%; height: 12%">
            <img src="imgs/img_avatar60@2x.png">
        </div>
        <div class="fl" style="width: 85%">
            <div style="width: 100%">
                <div class="fl" style="color: #666666; font-size: 1.1em;">
                    Splistinge
                </div>
                <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
                    2017-07-21 19:50
                </div>
            </div>
            <div style="font-size: 0.9em; clear:both; color: #333333">
                这就是一首比较悲伤的歌
            </div>
        </div>
        <div class="avatar fl" style="width: 12%; height: 12%; margin-top: 20px">
            <img src="imgs/img_avatar70@2x.png">
        </div>
        <div class="fl" style="width: 85%; margin-top: 20px">
            <div style="width: 100%">
                <div class="fl" style="color: #666666; font-size: 1.1em;">
                    光影
                </div>
                <div class="fr" style="color: #B3B3B3; font-size: 0.8em">
                    2017-07-21 21:50
                </div>
            </div>
            <div style="font-size: 0.9em; clear:both; color: #333333">
                回复Splistinge：听着有些难过
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="bottom fl">
        <div class="icon">
            <img src="imgs/icon_home_n.svg">
        </div>
        <div>
            主页
        </div>
    </div>
    <div class="bottom fl">
        <div class="icon">
            <img src="imgs/icon_circle_h.svg" style="width: 40px">
        </div>
        <div style="color: #32304A">
            圈子
        </div>
    </div>
    <div class="bottom fl">
        <div class="icon">
            <img src="imgs/icon_show_n.svg">
        </div>
        <div>
            看演出
        </div>
    </div>
    <div class="bottom fl">
        <div class="icon">
            <img src="imgs/icon_mine_n.svg" style="width: 28px">
        </div>
        <div>
            我的
        </div>
    </div>
</div>
</body>
</html>