geek
/
xinyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>首页</title>
    <link rel="stylesheet" href="/static/dangjian/fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="/static/dangjian/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/static/dangjian/css/main.css"/>

    <script src="/static/dangjian/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/dangjian/js/adaptive.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        window['adaptive'].desinWidth = 750;
        window['adaptive'].baseFont = 28;
        window['adaptive'].maxWidth = 480;
        window['adaptive'].scaleType = 2;
        window['adaptive'].init();
    </script>
</head>
<body>
<!--<div class="header display-flex align-items">-->
    <!--<a class="headerLeft" href="javascript:;"></a>-->
    <!--<a class="headerCenter flex-item">首页</a>-->
    <!--<a class="headerRight" href="javascript:;"></a>-->
<!--</div>-->
<div class="contentBox" style="padding-top: 0;">
    <div class="headTab">
        <ul>
            <li><a href="#">关注</a></li>
            <li><a href="#">推荐</a></li>
            <li><a href="#">公司新闻</a></li>
            <li><a class="activeLia" href="#">合理化建议</a></li>
            <li><a href="#">团建天地</a></li>
            <li><a href="#">活动通告</a></li>
        </ul>
    </div>
    <a class="search" style="top: 0">
        <i class="icon iconfont icon-search"></i>
    </a>
    <div class="newsListBox">
        <div class="newsList">
            <div class="newsListTitle">
                <div class="newsListTitleLeft">
                    关于国庆联欢会活动建议投票
                </div>
                <div class="newsListTitleRight">
                    2017-7-16
                </div>
            </div>
            <p class="newsDetail">陈德文同志，一直以一名合格的党员身份要求自己,认真学习、努力工作、积极思考……</p>
            <div class="newsImgBox display-flex justify-content-between">
                <div class="newsImg">
                    <img src="/static/dangjian/img/newsImg1.jpg"/>
                </div>
                <div class="newsImg">
                    <img src="/static/dangjian/img/newsImg2.jpg"/>
                </div>
                <div class="newsImg">
                    <img src="/static/dangjian/img/newsImg3.jpg"/>
                </div>
            </div>
            <div class="voteBox display-flex align-items justify-content-around">
                <div class="voteItem">
                    <div class="voteItemBtn" style="background: #a2a2a2;color: #333333;">
                        投票
                    </div>
                    <p>歌唱比赛</p>
                </div>
                <div class="voteItem">
                    <div class="voteItemBtn">
                        投票
                    </div>
                    <p>户外露营</p>
                </div>
                <div class="voteItem">
                    <div class="voteItemBtn">
                        投票
                    </div>
                    <p>舞会</p>
                </div>
                <div class="voteItem">
                    <div class="voteItemBtn">
                        投票
                    </div>
                    <p>其他</p>
                </div>
            </div>
        </div>
    </div>

    <div class="newsListBox">
        <div class="newsList">
            <div class="newsListTitle">
                <div class="newsListTitleLeft">
                    关于国庆联欢会活动建议投票
                </div>
                <div class="newsListTitleRight">
                    2017-7-16
                </div>
            </div>
            <p class="newsDetail">陈德文同志，一直以一名合格的党员身份要求自己,认真学习、努力工作、积极思考……</p>
            <div class="newsImgBox display-flex justify-content-between">
                <div class="newsImg">
                    <img src="/static/dangjian/img/newsImg1.jpg"/>
                </div>
                <div class="newsImg">
                    <img src="/static/dangjian/img/newsImg2.jpg"/>
                </div>
                <div class="newsImg">
                    <img src="/static/dangjian/img/newsImg3.jpg"/>
                </div>
            </div>
            <div class="voteBox2">
                <div class="voteBox2Item display-flex align-items">
                    <p class="kindName">歌唱比赛</p>
                    <div class="progress flex-item">
                        <span class="progress1" style="height: 0.16rem;background: #f3c100;"></span>
                    </div>
                    <span class="ticketNum">56</span>
                    <div class="tickeBtn" style="background: #b7b7b7;color: #333333;">投票</div>
                </div>
                <div class="voteBox2Item display-flex align-items">
                    <p class="kindName">舞会</p>
                    <div class="progress flex-item">
                        <span class="progress2" style="height: 0.16rem;background: #f2d878;"></span>
                    </div>
                    <span class="ticketNum">156</span>
                    <div class="tickeBtn">投票</div>
                </div>
                <div class="voteBox2Item display-flex align-items">
                    <p class="kindName">户外露营</p>
                    <div class="progress flex-item">
                        <span class="progress3" style="height: 0.16rem;background: #f3c618;"></span>
                    </div>
                    <span class="ticketNum">56</span>
                    <div class="tickeBtn">投票</div>
                </div>
                <div class="voteBox2Item display-flex align-items">
                    <p class="kindName">其他</p>
                    <div class="progress flex-item">
                        <span class="progress4" style="height: 0.16rem;background: #f3c618;"></span>
                    </div>
                    <span class="ticketNum">56</span>
                    <div class="tickeBtn">投票</div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file='Index/footer'}
</body>
<script type="text/javascript">
    $(".progress1").animate({width:"100%"},2000);
    $(".progress2").animate({width:"60%"},2000);
    $(".progress3").animate({width:"50%"},2000);
    $(".progress4").animate({width:"40%"},2000);
</script>
</html>