迅雷看看

經(jīng)歷了幾天的學習俊性，做出了這個迅雷看看蜂莉，剛開始接觸時感覺很難，有些知識點掌握還不算太熟悉欣硼，通過跟著視頻的教程跟著做下來，又再一次鞏固了自己的知識點恶阴，在做的過程中通過通過教程的發(fā)現(xiàn)了自己的一寫不足诈胜，接下來看代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>迅雷看看</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/swfobject.js"></script>
</head>
<body>
    <!-- 頭部部分 start -->
    <div class="w970 header">
        <div class="logo fl">
            <embed src="images/logo.swf">
        </div>
        <div class="search fl">
            <form action="">
                <input type="text" name="q" class="q" value="金陵十三釵">
                <input type="submit" class="search-btn" value="搜 索">
            </form>
            <p>
                <a href="">熱播榜</a>
                <a href="">鄉(xiāng)愛5結(jié)局</a>
                <a href="">我的老爹</a>
                <a href="">小姨多鶴</a>
                <a href="">歐陽德</a>
                <a href="">龍門飛甲</a>
                <a href="">大沖鋒</a>
            </p>
        </div>
        <div class="help fr">
            <a href="">登錄</a>
            |
            <a href="">注冊</a>
            |
            <a href="">迅雷會員</a>
            |
            <a href="" class="subscribe">訂閱</a><br>
            <a href="">會員專區(qū)</a>
            |
            <a href="">移動產(chǎn)品</a>
            |
            <a href="">游戲</a>
            |
            <a href="">幫助</a>
        </div>
    </div>
    <!-- 頭部部分 end -->

    <!-- 導航部分 start -->
    <div class="nav w968">
        <ul class="main-nav fl">
            <li class="cur"><a href="">首頁</a></li>
            <li><a href="">電影</a></li>
            <li><a href="">電視劇</a></li>
            <li><a href="">綜藝</a></li>
            <li><a href="">動漫</a></li>
            <li><a href="">紀錄片</a></li>
            <li><a href="">視頻快報</a></li>
            <li><a href="">娛樂</a></li>
            <li><a href="">電視臺</a></li>
        </ul>
        <ul class="sub-nav fl">
            <li><a href="">歐美大片</a></li>
            <li><a href="">經(jīng)典大片</a></li>
            <li><a href="">華語大片</a>![](images/new.png)</li>
        </ul>
        <ul class="user-nav fl">
            <li>我看過的<s></s></li>
            <li>下載迅雷<s></s></li>
        </ul>
    </div>
    <!-- 導航部分 end -->

    <!-- 主體廣告部分 start -->
    <div class="main w970">
        <div class="banner fl">
            <div>
                <a href="">![](images/main/big1.jpg)</a>
                <p>“趙家班”首部悲情大戲《櫻桃》開播 沈春陽挑戰(zhàn)傻娘角色 宋小寶顛覆化身“悲情男”(更新至08集)</p>
            </div>
            <ul>
                <li class="cur">![](images/main/small1.jpg)</li>
                <li>![](images/main/small2.jpg)</li>
                <li>![](images/main/small3.jpg)</li>
                <li>![](images/main/small4.jpg)</li>
                <li>![](images/main/small5.jpg)</li>
                <li>![](images/main/small6.jpg)</li>
                <li>![](images/main/small7.jpg)</li>
                <li>![](images/main/small8.jpg)</li>
                <li>![](images/main/small9.jpg)</li>
                <li>![](images/main/small10.jpg)</li>
                <li>![](images/main/small11.jpg)</li>
                <li style="margin-right:0">![](images/main/small12.jpg)</li>
            </ul>
        </div>

        <div class="banner-right fr">
            <ul class="banner-right-nav">
                <li>全部</li>
                <li class="cur">電影<s></s></li>
                <li>電視劇<s></s></li>
                <li>綜藝</li>
                <li>動漫</li>
                <li>記錄</li>
            </ul>
            <ol>
                <li class="top3"><strong>7.5<a href="#" class="pic-link">深宮諜影</a></strong><span>01</span><a href="#">深宮諜影</a>更新至26集</li>
                <li class="top3"><strong>7.8<a href="#" class="pic-link">鄉(xiāng)村愛情5</a></strong><span>02</span><a href="#">鄉(xiāng)村愛情5</a>44集全</li>
                <li class="top3"><strong>7.3<a href="#" class="pic-link">如意</a></strong><span>03</span><a href="#">如意</a>更新至39集</li>
                <li><strong>8.5<a href="#" class="pic-link">北京愛情故事</a></strong><span>04</span><a href="#">北京愛情故事</a>39集全</li>
                <li><strong>9.5<a href="#" class="pic-link">怪俠歐陽德</a></strong><span>05</span><a href="#">怪俠歐陽德</a>69集全</li>
                <li><strong>8.5<a href="#" class="pic-link">北京愛情故事</a></strong><span>06</span><a href="#">北京愛情故事</a>39集全</li>
                <li><strong>9.5<a href="#" class="pic-link">怪俠歐陽德</a></strong><span>07</span><a href="#">怪俠歐陽德</a>69集全</li>
                <li><strong>8.5<a href="#" class="pic-link">北京愛情故事</a></strong><span>08</span><a href="#">北京愛情故事</a>39集全</li>
                <li><strong>9.5<a href="#" class="pic-link">怪俠歐陽德</a></strong><span>09</span><a href="#">怪俠歐陽德</a>69集全</li>
                <li><strong>8.5<a href="#" class="pic-link">北京愛情故事</a></strong><span>10</span><a href="#">北京愛情故事</a>39集全</li>
            </ol>
            <ul class="banner-right-bottom">
                <li><a href="">3.11日大地震周年祭:廢墟依然觸目</a></li>
                <li><a href="">[揭秘]曝美一團體稱可樂含致癌物！</a></li>
            </ul>
        </div>
    </div>
    <!-- 主體廣告部分 end -->

    <!-- 分區(qū)一 start -->
    <div class="section1 w968">
        <div class="hot">
            <h2>熱門大片</h2>
            <div class="item">
                <a href="" class="img-link">![](images/section1/xianjingzhiqiao.jpg)<span>畫面唯美魔幻仙</span></a>
                <p><a href="">仙境之橋</a>(720P)<a href="" class="pic-link" title="仙境之橋">仙境之橋</a></p>
            </div>
            <div class="item">
                <a href="" class="img-link">![](images/section1/taosejinghun.jpg)<span>誘惑欲望激烈碰</span></a>
                <p><a href="">桃色驚魂</a>(720P)<a href="" class="pic-link" title="桃色驚魂">桃色驚魂</a></p>
            </div>
            <dl>
                <dt><a href="">鬼域</a>(480P)</dt>
                <dd>獲金像獎最佳視覺效果</dd>
                <dt><a href="">龍門飛甲</a>(數(shù)字商城)</dt>
                <dd>徐克3D武俠巨制</dd>
            </dl>
        </div>
        <div class="man">
            <h2>男性影院</h2>
            <div class="item">
                <a href="" class="img-link">![](images/section1/tianbengdilie.jpg)<span>好萊塢災難動作</span></a>
                <p><a href="">天崩地裂</a>(720P)<a href="" class="pic-link" title="天崩地裂">天崩地裂</a></p>
            </div>
            <div class="item">
                <a href="" class="img-link">![](images/section1/chinuotegong.jpg)<span>性感特工床上殺</span></a>
                <p><a href="">赤裸特工</a>(720P)<a href="" class="pic-link" title="赤裸特工">赤裸特工</a></p>
            </div>
            <dl>
                <dt><a href="">一夜未了情</a>(720P)</dt>
                <dd>上床容易相愛難</dd>
                <dt><a href="">超級女特工</a>(720P)</dt>
                <dd>偉大的絕艷女戰(zhàn)士</dd>
            </dl>
        </div>
        <div class="syn">
            <h2>同步衛(wèi)視</h2>
            <div class="item">
                <a href="" class="img-link">![](images/section1/ruyi.jpg)<span>未刪減版大結(jié)</span></a>
                <p><a href="">如意(42集全)</a>(720P)<a href="" class="pic-link" title="如意(42集全)">如意(42集全)</a></p>
            </div>
            <div class="item">
                <a href="" class="img-link">![](images/section1/qianshanmuxue.jpg)<span>莫禽獸無虐不歡</span></a>
                <p><a href="">千山暮雪</a>(720P)<a href="" class="pic-link" title="千山暮雪">千山暮雪</a></p>
            </div>
            <dl>
                <dt><a href="">泊車殿下</a>(至03集)</dt>
                <dd>臺灣俊男美女熱血暴力</dd>
                <dt><a href="">租個女友回家過年</a>(全)</dt>
                <dd>過年回家單身族挨不住</dd>
            </dl>
        </div>
        <div class="tvb">
            <h2>TVB劇場</h2>
            <div class="item">
                <a href="" class="img-link">![](images/section1/qianwangzhiwang.jpg)<span>賭神四哥返上海</span></a>
                <p><a href="">千王之王重出江湖</a><a href="" class="pic-link" title="千王之王重出江湖">千王之王重出江湖</a></p>
            </div>
            <div class="item">
                <a href="" class="img-link">![](images/section1/laogongwansui.jpg)<span>謝天華溝女濕身</span></a>
                <p><a href="">老公萬歲</a>(20集全)<a href="" class="pic-link" title="老公萬歲">老公萬歲</a></p>
            </div>
            <dl>
                <dt><a href="">刑警</a>(30集全)</dt>
                <dd>港式口味高智商死亡罪案</dd>
                <dt><a href="">妙手仁心3</a>(40集全)</dt>
                <dd>林保怡攜手黎姿解讀醫(yī)學</dd>
            </dl>
        </div>
        <div class="overseas">
            <h2>海外劇場</h2>
            <div class="item">
                <a href="" class="img-link">![](images/section1/nvershihuaer.jpg)<span>俊男美女三角戀</span></a>
                <p><a href="">女兒是花兒</a>(至70集)<a href="" class="pic-link" title="女兒是花兒">女兒是花兒</a></p>
            </div>
            <div class="item">
                <a href="" class="img-link">![](images/section1/taiyangdexinniang.jpg)<span>誘惑欲望激烈碰</span></a>
                <p><a href="">太陽的新娘</a>(至86集)<a href="" class="pic-link" title="太陽的新娘">太陽的新娘</a></p>
            </div>
            <dl>
                <dt><a href="">極道鮮師</a>(33集全)</dt>
                <dd>真人版麻辣鮮師熱血勵志</dd>
                <dt><a href="">要帥氣的生活</a>(至45集)</dt>
                <dd>剩女“脫光”記</dd>
            </dl>
        </div>
        <div class="ent">
            <h2>人氣綜藝</h2>
            <div class="item">
                <a href="" class="img-link">![](images/section1/feichengwurao.jpg)<span>漢服美男穿越求</span></a>
                <p><a href="">非誠勿擾</a>(02-19期)<a href="" class="pic-link" title="非誠勿擾">非誠勿擾</a></p>
            </div>
            <div class="item">
                <a href="" class="img-link">![](images/section1/kuailedabenying.jpg)<span>何炅遭美女投懷</span></a>
                <p><a href="">快樂大本營</a>(02-18期)<a href="" class="pic-link" title="快樂大本營">快樂大本營</a></p>
            </div>
            <dl>
                <dt><a href="">本山快樂營</a>(02-22期)</dt>
                <dd>宋小寶精彩片段集錦</dd>
                <dt><a href="">英國達人秀</a>(18集全)</dt>
                <dd>脫衣舞娘天籟嗓音</dd>
            </dl>
        </div>
    </div>
    <!-- 分區(qū)一 end -->

    <!-- 猜你喜歡看start -->
    <div class="guess w968">
        <h2>猜您喜歡看</h2>
        <div class="guess-left fl">
            <div class="guess-change">
                <p class="fl">根據(jù)您的觀看記錄,為您推薦的,您還可以點擊換一組</p>
                <ol class="fl">
                    <li class="cur"></li>
                    <li></li>
                    <li></li>
                </ol>
                <ul class="fl">
                    <li class="left-btn"></li>
                    <li class="right-btn"></li>
                </ul>
            </div>
            <ul class="guess-content">
                <li>
                    <a href="">![](images/guess/1.jpg)</a>
                    <p><a href="">強奸之戀</a></p>
                    <p>三角戀引起的強奸</p>
                </li>
                <li>
                    <a href="">![](images/guess/2.jpg)</a>
                    <p><a href="">宮鎖珠簾</a></p>
                    <p>杜淳袁珊珊虐心戀</p>
                </li>
                <li>
                    <a href="">![](images/guess/3.jpg)</a>
                    <p><a href="">雙槍李向陽之再戰(zhàn)松</a></p>
                    <p>張嘉譯演繹抗戰(zhàn)硬漢</p>
                </li>
                <li>
                    <a href="">![](images/guess/4.jpg)</a>
                    <p><a href="">懸崖</a></p>
                    <p>張嘉譯詮釋受虐特工</p>
                </li>
                <li style="margin:0">
                    <a href="">![](images/guess/5.jpg)</a>
                    <p><a href="">赤裸特工</a></p>
                    <p>神秘性感女特</p>
                </li>
            </ul>
        </div>
        <div class="guess-right fr">
            <div class="guess-label">
                <h3>您可能感興趣的標簽</h3>
                <p>
                    <a href="">動作</a> <a href="">喜劇</a> <a href="">恐怖</a> <a href="">愛情</a> <a href="">周星馳</a> <a href="">甄子丹</a>
                </p>
            </div>
            <div class="clear-guess">
                <h3>清空您的觀看記錄</h3>
                <ul>
                    <li><a href="">本山快樂營 2012-02-23宋小寶搞笑</a></li>
                    <li><a href="">特效化妝師大對決第二季</a></li>
                    <li><a href="">與蛇共舞 2011-07-19與蛇共舞</a></li>
                </ul>
            </div>
        </div>
        <del>關(guān)閉</del>
    </div>
    <!-- 猜你喜歡看end -->

    <!-- 今日快報部分start -->
    <div class="section2 w968">
        <div class="section2-left fl">
            <div class="section2-nav">
                <ul>
                    <li class="cur">今日快報</li>
                    <li>娛樂頭條</li>
                    <li>搞笑視頻</li>
                    <li>看看原創(chuàng)</li>
                </ul>
                <a href="">北京人均GDP接近富裕國家引質(zhì)疑 >>></a>
            </div>
            <ul class="img-ul">
                <li>
                    <a href="" class="img-link">![](images/section2/1.jpg)<span>造成至少3人死亡</span></a>
                    <p><a href="">加拿大一列火車出軌</a></p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/section2/2.jpg)<span>造成至少3人死亡</span></a>
                    <p><a href="">加拿大一列火車出軌</a></p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/section2/3.jpg)<span>造成至少3人死亡</span></a>
                    <p><a href="">加拿大一列火車出軌</a></p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/section2/4.jpg)<span>造成至少3人死亡</span></a>
                    <p><a href="">加拿大一列火車出軌</a></p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/section2/5.jpg)<span>造成至少3人死亡</span></a>
                    <p><a href="">加拿大一列火車出軌</a></p>
                </li>
            </ul>
            <ul class="txt-ul">
                <li><a href="">東京一戶全家餓死</a></li>
                <li><a href="">西伯利亞7.0級地震</a></li>
                <li><a href="">東京一戶全家餓死</a></li>
                <li><a href="">西伯利亞7.0級地震</a></li>
                <li><a href="">東京一戶全家餓死</a></li>
                <li><a href="">西伯利亞7.0級地震</a></li>
                <li><a href="">東京一戶全家餓死</a></li>
                <li><a href="">西伯利亞7.0級地震</a></li>
                <li><a href="">東京一戶全家餓死</a></li>
                <li><a href="">西伯利亞7.0級地震</a></li>
            </ul>
        </div>
        <div class="section2-right fr">
            <h3>本屆影帝讓·杜雅爾受訪</h3>
            <div id="section2-video"></div>
            <script>
                var s1 = new SWFObject("player.swf","myflv","246","172","9","#FFFFFF");
                s1.addParam("allowfullscreen","true");
                s1.addParam("allowscriptaccess","always");
                s1.addParam("flashvars","file=sz.flv");
                s1.write("section2-video");
            </script>
            <p><a href="">汽柴油價今起每噸漲600元</a> <a href="">詳細>></a></p>
        </div>
    </div>
    <!-- 今日快報部分end -->


    <!-- 今日部分 start -->
    <div class="today w968">
        <div class="today-section">
            <h2>今日電視劇</h2>
            <p class="today-title"><a href="">少年四大名捕</a> (TVB四小生破案追兇) | <a href="">回家的誘惑</a> (絕望主婦還擊妖嬈小三) | <a href="">掩護</a> (陸毅劉濤密碼傳情) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv1.jpg)<span>更新至05集</span></a>
                    <p><a href="">泊車殿下</a><a href="" class="pic-link" title="泊車殿下">泊車殿下</a></p>
                    <p>臺灣黑幫愛情悲劇</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv2.jpg)<span>更新至10集</span></a>
                    <p><a href="">華麗的挑戰(zhàn)</a><a href="" class="pic-link" title="華麗的挑戰(zhàn)">華麗的挑戰(zhàn)</a></p>
                    <p>中韓聯(lián)手明星制造</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv3.jpg)<span>26集全</span></a>
                    <p><a href="">雙槍李向陽</a><a href="" class="pic-link" title="雙槍李向陽">雙槍李向陽</a></p>
                    <p>張嘉譯智勇破敵</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv4.jpg)<span>42集全</span></a>
                    <p><a href="">如意</a><a href="" class="pic-link" title="如意">如意</a></p>
                    <p>楊冪劉愷威定情作</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv5.jpg)<span>34集全</span></a>
                    <p><a href="">海狼行動</a><a href="" class="pic-link" title="海狼行動">海狼行動</a></p>
                    <p>殺手百變冷酷無情</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv6.jpg)<span>69集全</span></a>
                    <p><a href="">怪俠歐陽德</a><a href="" class="pic-link" title="怪俠歐陽德">怪俠歐陽德</a></p>
                    <p>殺手百變冷酷無情</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv7.jpg)<span>39集全</span></a>
                    <p><a href="">北京愛情故事</a><a href="" class="pic-link" title="北京愛情故事">北京愛情故事</a></p>
                    <p>解讀都市愛情真諦</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/tv8.jpg)<span>3月4日開放內(nèi)測</span></a>
                    <p><a href="">功夫英雄</a><a href="" class="pic-link" title="功夫英雄">功夫英雄</a></p>
                    <p>下載贏取Iphone4s</p>
                </li>
            </ul>
        </div>
        <div class="cb"></div>
        <div class="today-section half fl">
            <h2>今日電影</h2>
            <p class="today-title"><a href="">《藝術(shù)家》獲最佳影片</a> (第84屆奧斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images/today/movie1.jpg)<span>水怪/冒險</span></a>
                    <p><a href="">深湖巨獸</a>(720P)<a href="" class="pic-link" title="深湖巨獸">深湖巨獸</a></p>
                    <p>尼斯湖水怪再現(xiàn)</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/movie2.jpg)<span>穿越/冒險</span></a>
                    <p><a href="">時空穿越者</a>(720P)<a href="" class="pic-link" title="時空穿越者">時空穿越者</a></p>
                    <p>奇幻穿越冒險</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/movie3.jpg)<span>喜劇/愛情</span></a>
                    <p><a href="">花好月圓</a>(720P)<a href="" class="pic-link" title="花好月圓">花好月圓</a></p>
                    <p>楊千嬅變最臭公主</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/movie4.jpg)<span>喜劇/魔法</span></a>
                    <p><a href="">開心魔法</a>(720P)<a href="" class="pic-link" title="開心魔法">開心魔法</a></p>
                    <p>古天樂帥氣魔法</p>
                </li>
            </ul>
        </div>
        <div class="today-section half fl">
            <h2>今日卡通</h2>
            <p class="today-title"><a href="">《藝術(shù)家》獲最佳影片</a> (第84屆奧斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images/today/cartoon1.jpg)<span>更新至09集</span></a>
                    <p><a href="">創(chuàng)圣之大天使</a>(720P)<a href="" class="pic-link" title="創(chuàng)圣之大天使">創(chuàng)圣之大天使</a></p>
                    <p>阿姨又來洗鐵路</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/cartoon2.jpg)<span>更新至494集</span></a>
                    <p><a href="">哆啦A夢</a>(720P)<a href="" class="pic-link" title="哆啦A夢">哆啦A夢</a></p>
                    <p>不滅的經(jīng)典機器貓</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/cartoon3.jpg)<span>更新至716集</span></a>
                    <p><a href="">蠟筆小新</a>(720P)<a href="" class="pic-link" title="蠟筆小新">蠟筆小新</a></p>
                    <p>史上最頭疼小孩</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/cartoon4.jpg)<span>157集全</span></a>
                    <p><a href="">倒霉熊</a>(720P)<a href="" class="pic-link" title="倒霉熊">倒霉熊</a></p>
                    <p>幽默熊再次搞笑</p>
                </li>
            </ul>
        </div>
        <div class="cb"></div>
        <div class="today-section half fl">
            <h2>今日綜藝</h2>
            <p class="today-title"><a href="">《藝術(shù)家》獲最佳影片</a> (第84屆奧斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images/today/zy1.jpg)<span>2012-02-23期</span></a>
                    <p><a href="">美國摔角WWE</a><a href="" class="pic-link" title="美國摔角WWE">美國摔角WWE</a></p>
                    <p>巨石強森火爆精選</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/zy2.jpg)<span>2012-02-26期</span></a>
                    <p><a href="">非誠勿擾</a><a href="" class="pic-link" title="非誠勿擾">非誠勿擾</a></p>
                    <p>氣質(zhì)女遇真情告白</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/zy3.jpg)<span>2012-02-25期</span></a>
                    <p><a href="">特效化妝對決</a><a href="" class="pic-link" title="特效化妝對決">特效化妝對決</a></p>
                    <p>超恐怖變異外星人</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/zy4.jpg)<span>2012-02-25期</span></a>
                    <p><a href="">快樂大本營</a><a href="" class="pic-link" title="快樂大本營">快樂大本營</a></p>
                    <p>張杰秀求婚道具</p>
                </li>
            </ul>
        </div>
        <div class="today-section half fl">
            <h2>今日紀錄片</h2>
            <p class="today-title"><a href="">《藝術(shù)家》獲最佳影片</a> (第84屆奧斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images/today/record1.jpg)<span>少帥張學良</span></a>
                    <p><a href="">解密西安事變</a><a href="" class="pic-link" title="解密西安事變">解密西安事變</a></p>
                    <p>蔣介石被捉全過程</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/record2.jpg)<span>美航母再示威</span></a>
                    <p><a href="">戰(zhàn)云波斯灣</a><a href="" class="pic-link" title="戰(zhàn)云波斯灣">戰(zhàn)云波斯灣</a></p>
                    <p>全面解讀美伊局勢</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/record3.jpg)<span>活熊取膽</span></a>
                    <p><a href="">被囚禁的熊</a><a href="" class="pic-link" title="被囚禁的熊">被囚禁的熊</a></p>
                    <p>拯救黑熊48小時</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images/today/record4.jpg)<span>飲食游樂場</span></a>
                    <p><a href="">好食庫</a><a href="" class="pic-link" title="好食庫">好食庫</a></p>
                    <p>健康大管家</p>
                </li>
            </ul>
        </div>
        <div class="cb"></div>
    </div>
    <!-- 今日部分 end -->


    <!-- 電影 start -->
    <div class="movie w968">
        <h2>電影</h2>
        <div class="movie-left fl">
            <dl>
                <dt>
                    <a href="#">![](images/movie/recommend.jpg)</a>
                    <p><a href="">瘋魔美女</a> (720P)</p>
                </dt>
                <dd>導演：<a href="">Piraphan Laoyont</a></dd>
                <dd>主演：<a href="">Chidjan Rujiphun</a>  <a href="">Ocha</a></dd>
                <dd>類型：<a href="">罪案</a> <a href="">恐怖</a>  年份：<a href="">2007</a></dd>
                <dd>醫(yī)生與七個正妹護士冯事，販賣死人尸體給黑市獲取暴利焦匈，報應臨頭。<a href="">詳細</a></dd>
            </dl>
            <h3>用戶滿意度</h3>
            <div class="satisfy">
                <ul>
                    <li class="cur">動作指數(shù)</li>
                    <li>喜劇指數(shù)</li>
                    <li>愛情指數(shù)</li>
                    <li>科幻指數(shù)</li>
                    <li class="last">恐怖指數(shù)</li>
                </ul>
                <ol>
                    <li><span class="top3">01.</span><a href="#">贖命24小時(美國)</a></li>
                    <li><span class="top3">02.</span><a href="#">女拳霸(泰國)</a></li>
                    <li><span class="top3">03.</span><a href="#">雙重身份(英國)</a></li>
                    <li><span>04.</span><a href="#">越空魔龍(美國)</a></li>
                    <li><span>05.</span><a href="#">天軍(韓國)</a></li>
                </ol>
            </div>
            <h3>即將上映</h3>
            <ul class="going-on">
                <li><a href="">3.3《那些年昵仅，我們一起追的女孩》</a></li>
                <li><a href="">3.4《魔法奇幻秀》好萊塢瑰麗夢鏡</a></li>
                <li><a href="">3.6《深海之戰(zhàn)》韓國3D恐怖異獸</a></li>
            </ul>
        </div>
        <div class="movie-center fl">
            <div class="movie-center-title">
                <ul>
                    <li class="cur">熱門大片</li>
                    <li>動作</li>
                    <li>歐美</li>
                    <li>愛情</li>
                    <li>喜劇</li>
                    <li>獵艷</li>
                </ul>
                <a href="">更多</a>
            </div>
            <ul class="movie-center-content">
                <li>
                    <a href="" class="img-link">![](images/movie/1.jpg)</a>
                    <p><a href="">大魔術(shù)師</a><a href="" class="pic-link" title="大魔術(shù)師">大魔術(shù)師</a></p>
                    <p>閆妮沐浴露美腿</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/2.jpg)</a>
                    <p><a href="">開心魔法</a><a href="" class="pic-link" title="大魔術(shù)師">開心魔法</a></p>
                    <p>吳京古天樂斗法</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/3.jpg)</a>
                    <p><a href="">喜羊羊灰太狼4</a><a href="" class="pic-link" title="喜羊羊灰太狼4">喜羊羊灰太狼4</a></p>
                    <p>歐弟缓熟、周筆暢獻聲</p>
                </li>
                <li class="last">
                    <a href="" class="img-link">![](images/movie/4.jpg)</a>
                    <p><a href="">危獄驚情</a><a href="" class="pic-link" title="危獄驚情">危獄驚情</a></p>
                    <p>罪犯假釋使美人計</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/5.jpg)</a>
                    <p><a href="">血之獵手</a><a href="" class="pic-link" title="血之獵手">血之獵手</a></p>
                    <p>吸血鬼動作大片</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/6.jpg)</a>
                    <p><a href="">大鬧天宮3D</a><a href="" class="pic-link" title="大鬧天宮3D">大鬧天宮3D</a></p>
                    <p>大頭版哪吒很雷人</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/7.jpg)</a>
                    <p><a href="">出水芙蓉</a><a href="" class="pic-link" title="出水芙蓉">出水芙蓉</a></p>
                    <p>阿嬌泳池濕身誘惑</p>
                </li>
                <li class="last">
                    <a href="" class="img-link">![](images/movie/8.jpg)</a>
                    <p><a href="">罪惡之城</a><a href="" class="pic-link" title="罪惡之城">罪惡之城</a></p>
                    <p>閆妮沐浴露美腿</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/9.jpg)</a>
                    <p><a href="">轉(zhuǎn)山</a><a href="" class="pic-link" title="轉(zhuǎn)山">轉(zhuǎn)山</a></p>
                    <p>單車騎行麗江西藏</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/10.jpg)</a>
                    <p><a href="">伊莎貝拉</a><a href="" class="pic-link" title="伊莎貝拉">伊莎貝拉</a></p>
                    <p>彭浩翔黑色幽默片</p>
                </li>
                <li>
                    <a href="" class="img-link">![](images/movie/11.jpg)</a>
                    <p><a href="">半支煙</a><a href="" class="pic-link" title="半支煙">半支煙</a></p>
                    <p>舒淇演香艷舞廳女</p>
                </li>
                <li class="last">
                    <a href="" class="img-link">![](images/movie/12.jpg)</a>
                    <p><a href="">城市獵人</a><a href="" class="pic-link" title="城市獵人">城市獵人</a></p>
                    <p>成龍王祖賢動作片</p>
                </li>
            </ul>
        </div>
        <div class="movie-right fr">
            <div class="movie-category">
                <h3>電影分類</h3>
                <dl>
                    <dt>類型</dt>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">喜劇</a></dd>
                    <dd><a href="">愛情</a></dd>
                    <dd><a href="">科幻</a></dd>
                    <dd><a href="">災難</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">動作</a></dd>
                    <dd><a href="">歐美大片</a></dd>
                    <dd><a href="">全部</a></dd>
                </dl>
                <div class="cb"></div>
                <dl>
                    <dt>明星</dt>
                    <dd><a href="">周星馳</a></dd>
                    <dd><a href="">周星馳</a></dd>
                    <dd><a href="">周星馳</a></dd>
                    <dd><a href="">成龍</a></dd>
                    <dd><a href="">周星馳</a></dd>
                    <dd><a href="">周星馳</a></dd>
                    <dd><a href="">葛優(yōu)</a></dd>
                    <dd><a href="">周星馳</a></dd>
                    <dd><a href="">姜文</a></dd>
                </dl>
                <dl>
                    <dt>地區(qū)</dt>
                    <dd><a href="">內(nèi)地</a></dd>
                    <dd><a href="">香港</a></dd>
                    <dd><a href="">臺灣</a></dd>
                    <dd><a href="">日本</a></dd>
                    <dd><a href="">美國</a></dd>
                </dl>
                <dl>
                    <dt>年份</dt>
                    <dd><a href="">2016</a></dd>
                    <dd><a href="">2015</a></dd>
                    <dd><a href="">2014</a></dd>
                    <dd><a href="">2013</a></dd>
                </dl>
                <p><a href="">評分最高>></a><a href="">最近更新>></a></p>
            </div>
            <div class="rank">
                <div class="rank-title">
                    <h3>電影排行榜</h3>
                    <ul>
                        <li class="cur">昨天</li>
                        <li>本周</li>
                        <li>本月</li>
                    </ul>
                </div>
                <ol>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span class="top3">01</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span class="top3">02</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span class="top3">03</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span>04</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span>05</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span>06</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span>07</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span>08</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span>09</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                    <li><strong>6.5<a href="" class="pic-link">瘋魔美女</a></strong><span>10</span><a href="">瘋魔美女</a>女護士遭虐殺/720P</li>
                </ol>
            </div>
            <div class="movie-ad">
                <a href="">![](images/ad/movie_ad.jpg)</a>
            </div>
        </div>
    </div>
    <!-- 電影 end -->

    <!-- 合作專區(qū)start -->
    <div class="co-work w968">
        <h2>合作專區(qū)</h2>
        <div class="co-work-left fl">
            <ul class="img-ul">
                <li>
                    <a href="">![](images/co-work/1.jpg)</a>
                    <p><a href="">把樂帶回家</a></p>
                </li>
                <li>
                    <a href="">![](images/co-work/1.jpg)</a>
                    <p><a href="">把樂帶回家</a></p>
                </li>
                <li>
                    <a href="">![](images/co-work/1.jpg)</a>
                    <p><a href="">把樂帶回家</a></p>
                </li>
                <li>
                    <a href="">![](images/co-work/1.jpg)</a>
                    <p><a href="">把樂帶回家</a></p>
                </li>
            </ul>
            <div class="cb"></div>
            <ul class="txt-ul">
                <li><a href="">鳳凰寬頻</a></li>
                <li><a href="">小馬奔騰</a></li>
                <li><a href="">華誼兄弟</a></li>
                <li><a href="">盛世驕陽</a></li>
                <li><a href="">派格太合</a></li>
                <li><a href="">中錄國際</a></li>
                <li><a href="">浙江衛(wèi)視</a></li>
                <li><a href="">湖南衛(wèi)視</a></li>
                <li><a href="">東方衛(wèi)視</a></li>
                <li class="last"><a href="">北京衛(wèi)視</a></li>
            </ul>
            <div class="cb"></div>
            <ul class="txt-ul">
                <li><a href="">四川衛(wèi)視</a></li>
                <li><a href="">青海衛(wèi)視</a></li>
                <li><a href="">旅游衛(wèi)視</a></li>
                <li><a href="">廣東衛(wèi)視</a></li>
                <li><a href="">廣西衛(wèi)視</a></li>
                <li><a href="">江蘇衛(wèi)視</a></li>
                <li><a href="">陜西衛(wèi)視</a></li>
                <li><a href="">天津衛(wèi)視</a></li>
                <li><a href="">深圳衛(wèi)視</a></li>
                <li class="last"><a href="">江西衛(wèi)視</a></li>
            </ul>
        </div>
        <div class="co-work-right fr">
            <h3>媒體關(guān)注</h3>
            <ul>
                <li><a href="">《LOVE》入圍柏林影展 迅雷看看獨家版權(quán)</a></li>
                <li><a href="">《LOVE》入圍柏林影展 迅雷看看獨家版權(quán)</a></li>
                <li><a href="">《LOVE》入圍柏林影展 迅雷看看獨家版權(quán)</a></li>
                <li><a href="">視頻網(wǎng)站好劇爆棚 迅雷看看細節(jié)取勝</a></li>
                <li><a href="">視頻網(wǎng)站好劇爆棚 迅雷看看細節(jié)取勝</a></li>
                <li><a href="">視頻網(wǎng)站好劇爆棚 迅雷看看細節(jié)取勝</a></li>
            </ul>
        </div>
    </div>
    <!-- 合作專區(qū)end -->

    <!-- 頁腳部分start -->
    <div class="footer w968">
        <fieldset>
            <form action="">
                <input type="text" name="q" class="q" value="碟中諜4">
                <input type="submit" class="search-btn" value="搜索">
            </form>
            <ul>
                <li><a href="">今日更新976檔節(jié)目</a></li>
                <li><a href="">蟻族奮斗結(jié)局</a></li>
                <li><a href="">新西游結(jié)局</a></li>
            </ul>
        </fieldset>
        <dl>
            <dt>首頁</dt>
            <dd><a href="">電影</a></dd>
            <dd><a href="">電視劇</a></dd>
            <dd><a href="">綜藝</a></dd>
            <dd><a href="">動漫</a></dd>
            <dd><a href="">資訊</a></dd>
            <dd><a href="">紀錄片</a></dd>
            <dd><a href="">綜藝</a></dd>
            <dd><a href="">綜藝</a></dd>
            <dd><a href="">綜藝</a></dd>
            <dd><a href="">綜藝</a></dd>
            <dd><a href="">綜藝</a></dd>
            <dd><a href="">綜藝</a></dd>
            <dd><a href="">綜藝</a></dd>
        </dl>
        <dl class="category">
            <dt>分類</dt>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
            <dd><a href="">動作</a></dd>
        </dl>
        <dl class="app">
            <dt>APP</dt>
            <dd>迅雷看看 for <a href="">iPhone</a> |</dd>
            <dd><a href="">iPad</a> |</dd>
            <dd><a href="">Android</a></dd>
            <dd><a href="">迅雷7</a></dd>
            <dd><a href="">迅雷看看播放器</a></dd>
            <dd><a href="">手機助手</a></dd>
        </dl>
        <dl class="support">
            <dt>支持</dt>
            <dd><a href="">客服中心</a></dd>
            <dd><a href="">幫助中心</a></dd>
        </dl>
        <dl class="about-us">
            <dt>分類</dt>
            <dd><a href="">關(guān)于迅雷</a></dd>
            <dd><a href="">關(guān)于迅雷</a></dd>
            <dd><a href="">關(guān)于迅雷</a></dd>
            <dd><a href="">關(guān)于迅雷</a></dd>
            <dd><a href="">關(guān)于迅雷</a></dd>
            <dd><a href="">關(guān)于迅雷</a></dd>
            <dd><a href="">關(guān)于迅雷</a></dd>
        </dl>

        <div class="cb"></div>
    </div>
    <!-- 頁腳部分end -->
</body>
</html>

css部分

@charset "utf-8";

/*公共部分*/
body{
    font-family:"\5B8B\4F53";
    font-size:12px;
    color:#aaaaaa;
}
a{
    color:#3d3d3d;
    font-size:14px;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.w970{
    width:970px;
    margin:0 auto;
}
.w968{
    width:968px;
    margin:0 auto;
    border:1px solid #dddddd;
}


/*頭部部分 start*/
.header{
    height:108px;
}
.logo{
    width:290px;
    height:108px;
}
.logo embed{
    width:290px;
    height:108px;
}
.search{
    width:400px;
    height:88px;
    padding-top:20px;
}
.search form{
    width:394px;
    height:27px;
    border:3px solid #eeeeee;
}
.q{
    width:320px;
    height:25px;
    line-height:25px;
    border:1px solid #babebf;
    border-right:0 none;
    outline:none;
    color:#999999;
    padding-left:5px;
    float:left;
}
.search-btn{
    width:68px;
    height:27px;
    background:url(../images/headerpage.png) 0px -36px;
    outline:none;
    border:0 none;
    color:white;
    font-size:14px;
    font-weight:bold;
    float:left;
}
.search p{
    margin-top:9px;
}
.search p a{
    color:#999999;
    font-size:12px;
    margin:0 3px;
}
.help{
    width:280px;
    height:68px;
    text-align: right;
    padding-top:40px;
    color:#e6e6e6;
    line-height:20px;
}
.help a{
    font-size:12px;
    color:#999999;
}
.subscribe{
    background:url(../images/dy.png) no-repeat 0 1px;
    padding-left:15px;
}
/*頭部部分 end*/

/*導航部分 start*/
.nav{
    height:35px;
    line-height:35px;
}
.nav li{
    float:left;
    display:inline;
}
.main-nav li{
    padding:0 10px;
}
.main-nav a:hover{
    color:#0081cc;
}
.main-nav .cur a{
    color:#0081cc;
    font-weight:bold;
}

.sub-nav{
    margin-left:10px;
    background:url(../images/subnav_bg.png) no-repeat 0 7px;
}
.sub-nav li{
    padding:0 11px;
    position:relative;
}
.sub-nav a{
    font-size:12px;
}
.sub-nav img{
    position:absolute;
    top:0px;
    left:44px;
}

.user-nav{
    margin-left:57px;
    color:#666666;
}
.user-nav li{
    position:relative;
    margin-right:20px;
}
.user-nav s{
    width:5px;
    height:3px;
    background:url('../images/headerpage.png') 0 -64px;
    position:absolute;
    right:-9px;
    top:16px;
    overflow:hidden;
}
/*導航部分 end*/

/*主體廣告部分 start*/
.main{
    height:365px;
    margin-top:10px;
    background-color: #000000;
    padding:8px 0 7px 0;
}
.banner{
    width:740px;
    height:365px;
}
.banner div{
    width:740px;
    height:310px;
    margin-bottom:8px;
    position:relative;
}
.banner div img{
    width:740px;
    height:310px;
}
.banner div p{
    width:740px;
    height:33px;
    line-height:33px;
    background-color: #000;
    position:absolute;
    left:0;
    bottom:0;
    font-size:14px;
    color:#fff;
    text-indent:10px;
    opacity:0.5;
    filter:alpha(opacity=50);    /*IE6 IE7 IE8下的寫法，是通過濾鏡實現(xiàn)的摔笤。取值是相差100的數(shù)量級*/
}
.banner ul{

}
.banner li{
    width:56px;
    height:45px;
    float:left;
    display:inline;
    padding:1px;
    background:url(../images/rank.png) -228px -52px;
    margin-right:4px;
    cursor:pointer;
}
.banner li.cur{
    padding-top:5px;
    margin-top:-4px;
    background-position:-228px 0;
}
.banner ul img{
    width:56px;
    height:45px;
}

.banner-right{
    border:1px solid #393939;
    width:217px;
    height:353px;
    background:url(../images/rank.png);
    padding:10px 5px 0;
}
.banner-right-nav{
    width:210px;
    height:21px;
    border-left:1px solid #545454;
    border-top:1px solid #545454;
    margin:0 auto;
}
.banner-right-nav li{
    height:20px;
    line-height:20px;
    padding:0 4px;
    border-right:1px solid #545454;
    border-bottom:1px solid #545454;
    float:left;
    position:relative;
    color:#666666;
}
.banner-right-nav li s{
    display:none;
}
.banner-right-nav li.cur{
    background-color:#6f6f6f;
    border-bottom:1px solid #6f6f6f;
    color:#fff;
}
.banner-right-nav li.cur s{
    display:block;
    width:5px;
    height:3px;
    background:url(../images/rank.png) -248px -132px;
    position:absolute;
    left:50%;
    margin-left:-3px;
    bottom:-4px;
}
.banner-right ol{
    margin-top:5px;
    color:#666666;
}
.banner-right ol li{
    height:27px;
    line-height:27px;
}
.banner-right ol span{
    display:inline-block;
    width:19px;
    height:14px;
    line-height:14px;
    border:1px solid #4D4D4D;
    text-align: center;
}
.banner-right .top3 span{
    background:#29b6e9;
    color:white;
    font-weight:bold;
}
.banner-right ol a{
    color:#bfbfbf;
    font-size:12px;
    margin-left:4px;
    margin-right:5px;
}
.banner-right ol strong{
    float:right;
}
.banner-right .pic-link{
    display:inline-block;
    width:8px;
    height:11px;
    line-height:11px;
    background:url(../images/rank.png) -237px -99px;
    text-indent:-99em;
    overflow:hidden;
    margin-right:0;
    margin-left:4px;
}
.banner-right-bottom{
    margin-top:7px;
}
.banner-right-bottom li{
    background:url(../images/rank.png) no-repeat -287px -108px;
    padding-left:9px;
    height:20px;
    line-height:20px;
}
.banner-right-bottom li a{
    color:#df7e0d;
    font-size:12px;
}
/*主體廣告部分 end*/

/*分區(qū)一start*/
.section1{
    height:438px;
    margin-top:10px;
    border-left:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.section1 .hot{
    height:435px;
    width:141px;
    padding:0 10px;
    border-top:3px solid #e188c2;
    border-right:1px solid #dddddd;
    float:left;
}
.section1 .hot h2{
    color:#e188cd;
}
.section1 .man{
    height:435px;
    width:141px;
    padding:0 10px;
    border-top:3px solid #879ac5;
    border-right:1px solid #dddddd;
    float:left;
}
.section1 .man h2{
    color:#597398;
}
.section1 .syn{
    height:435px;
    width:140px;
    padding:0 10px;
    border-top:3px solid #a6a6a6;
    border-right:1px solid #dddddd;
    float:left;
}
.section1 .syn h2{
    color:#7777a1;
}
.section1 .tvb{
    height:435px;
    width:140px;
    padding:0 10px;
    border-top:3px solid #7ec0da;
    border-right:1px solid #dddddd;
    float:left;
}
.section1 .tvb h2{
    color:#8d99c5;
}
.section1 .overseas{
    height:435px;
    width:140px;
    padding:0 10px;
    border-top:3px solid #e18786;
    border-right:1px solid #dddddd;
    float:left;
}
.section1 .overseas h2{
    color:#d83438;
}
.section1 .ent{
    height:435px;
    width:141px;
    padding:0 10px;
    border-top:3px solid #e4cd6f;
    float:left;
}
.section1 .ent h2{
    color:#c69067;
}
.section1 h2{
    height:47px;
    line-height:47px;
    font-size:14px;
    font-weight:bold;
    text-align: center;
}
.item{

}
.item .img-link{
    width:140px;
    height:100px;
    display:block;
    position:relative;
}
.item .img-link img{
    border:1px solid #eeeeee;
    padding:1px;
}
.img-link span{
    font-size:12px;
    color:#c1c2bd;
    width:100px;
    height:20px;
    line-height:20px;
    text-align: right;
    background:url(../images/update.png);
    position:absolute;
    right:2px;
    bottom:2px;
}
.item p{
    width:140px;
    padding-top:4px;
    padding-bottom:12px;
    position:relative;
}
.pic-link{
    width:8px;
    height:10px;
    background:url(../images/rank.png) -237px -100px;
    text-indent: -99em;
    overflow:hidden;
    position:absolute;
    right:0;
    top:8px;
}
.section1 dl{
    border-top:1px dashed #dddddd;
    padding-top:22px;
}
.section1 dt{
    height:24px;
}
.section1 dd{
    height:20px;
}
/*分區(qū)一end*/

/*猜你喜歡看start*/
.guess{
    height:168px;
    margin-top:10px;
    position:relative;
}
.guess h2{
    font-size:16px;
    font-weight:bold;
    font-family:'Microsoft Yahei';
    color:#000;
    position:absolute;
    left:10px;
    top:10px;
}
.guess del{
    width:42px;
    height:19px;
    line-height:19px;
    padding-left:6px;
    background: url(../images/rank.png) -228px -306px;
    text-decoration: none;
    color:#3d3d3d;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
}
.guess-left{
    width:710px;
    height:168px;
}
.guess-right{
    margin-right:10px;
    width:220px;
    height:168px;
}

.guess-change{
    padding-top:15px;
    float:right;
    display:inline;
}
.guess-change p{
    color:#666666;
}
.guess-change li{
    cursor:pointer;
    float:left;
}
.guess-change ol{
    margin-top:4px;
    margin-left:6px;
}
.guess-change ol li{
    width:6px;
    height:6px;
    background:url('../images/rank.png') -228px -290px;
    margin-right:6px;
    overflow:hidden;
    float:left;
    display:inline;
}
.guess-change ol li.cur{
    background-position:-228px -299px;
}
.guess-change ul{

}
.guess-change ul li{
    width:24px;
    height:15px;
    background:url(../images/rank.png) -235px -290px;
    float:left;
    display:inline;
}
.guess-change ul li.right-btn{
    background-position:-258px -290px;
}
.guess-content{
    margin-top:40px;
    margin-left:10px;
}
.guess-content li{
    width:115px;
    margin-right:31px;
    float:left;
    display:inline;
}
.guess-content img{
    margin-bottom:8px;
}
.guess-content p{
    text-align: center;
    height:21px;
    line-height:21px;
    color:#666666;
}
.guess-content p a{
    font-size:12px;
}
.guess-label{
    padding-top:15px;
}
.guess-right h3{
    color:#666666;
    font-weight:bold;
}
.guess-label p{
    margin-top:5px;
}
.guess-label p a{
    font-size:12px;
}
.clear-guess{
    margin-top:11px;
    padding-top:14px;
    border-top:1px dashed #dddddd;
    border-bottom:1px dashed #dddddd;
}
.clear-guess ul{
    padding-top:5px;
    padding-bottom:8px;
}
.clear-guess li{
    line-height:20px;
}
.clear-guess li a{
    font-size:12px;
}
/*猜你喜歡看end*/

/*今日快報部分start*/
.section2{
    margin-top:10px;
    height:238px;
}
.section2-left{
    width:716px;
    height:238px;
}
.section2-right{
    width:246px;
    height:235px;
    padding:3px 3px 0 0;
}

.section2-nav{
    height:36px;
    line-height:36px;
    border-bottom:1px solid #dddddd;
    border-right:1px solid #dddddd;
    position:relative;
}
.section2-nav li{
    width:102px;
    border-right:1px solid #ddd;
    float:left;
    text-align: center;
    color:#5d5d5d;
    font-size:16px;
    font-family:"Microsoft Yahei";
}
.section2-nav li.cur{
    font-weight:bold;
    border-bottom: 1px solid #fff;
}
.section2-nav a{
    font-size:12px;
    position:absolute;
    right:4px;
}

.img-ul{
    padding-top:10px;
    height: 119px;
}
.img-ul li{
    width:126px;
    height:94px;
    float:left;
    display:inline;  /* 可修復IE6中雙倍邊距bug */
    margin-left:17px;
}
.img-ul li img{
    width:122px;
    height:90px;
    padding:1px;
    border:1px solid #dddddd;
}
.img-ul .img-link{
    width:126px;
    height:94px;
    display:block;
    position:relative;
}
.img-ul .img-link span{
    color:white;
    font-size:12px;
    position:absolute;
    right:2px;
    bottom:2px;
    width:100px;
    height:20px;
    line-height:20px;
    background: url(../images/update.png);
    text-align: right;
}
.img-ul li p{
    width:126px;
    height:23px;
    line-height: 23px;
    background-color: #f3f3f3;
    margin-top: 2px;
    text-indent: 4px;
}
.img-ul li p a{
    font-size:12px;
}
.txt-ul{
    margin-top: 14px;
}
.txt-ul li{
    width:110px;
    height:22px;
    line-height: 22px;
    background: url(../images/rank.png) no-repeat -300px -244px;
    padding-left:16px;
    margin-left:17px;
    float:left;
    display:inline;
}
.txt-ul li a{
    font-size:12px;
}
.section2-right h3{
    height: 30px;
    line-height: 30px;
    text-indent: 4px;
    background-color: #e6e6e6;
    color: #040404;
    font-size: 14px;
    font-weight: bold;
}
#section2-video{
    height: 172px;
    width:246px;
}
.section2-right p{
    height:30px;
    line-height: 30px;
    background-color: #f3f3f3;
    text-align: center;
}
.section2-right p a{
    font-size:12px;
}
/*今日快報部分end*/

/*電影 start*/
.movie{
    margin-top: 10px;
    height:637px;
    position:relative;
}
.movie h2{
    position:absolute;
    left:10px;
    top: 10px;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: bold;
    font-family: "Microsoft Yahei";
}
.movie-left{
    height:597px;
    width:200px;
    padding:40px 25px 0 15px;
}
.movie-center{
    height:637px;
    width:476px;
}
.movie-right{
    height:637px;
    width:230px;
    padding-right: 12px;
    text-align: justify;
}
.movie-left dl img{
    width:195px;
    height:183px;
    border:1px solid #dddddd;
    padding:1px;
}
.movie-left dl p{
    text-align: center;
    margin-top: 4px;
    margin-bottom: 5px;
}
.movie-left dl dd{
    line-height: 18px;
}
.movie-left dl dd a{
    font-size: 12px;
}
.movie-left h3{
    color:#666666;
    font-size: 14px;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 12px;
}
.movie-left .satisfy{
    border:1px solid #dddddd;
    height:130px;
}
.movie-left .satisfy ul{
    float:left;
}
.movie-left .satisfy ul li{
    width:60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    color: #666666;
}
.movie-left .satisfy ul li.last{
    height: 26px;
    line-height: 26px;
    border-bottom:0 none;
}
.movie-left .satisfy ul li.cur{
    width:67px;
    height:26px;
    border: 0 none;
    background: url(../images/rank.png) -228px -263px;
    color: #fff;
    cursor:pointer;
}
.movie-left .satisfy ol{
    margin-left:4px;
    float:left;
}
.movie-left .satisfy ol li{
    height:26px;
    line-height: 26px;
    color:#666666;
}
.movie-left .satisfy ol .top3{
    color:#05a4dc;
}
.movie-left .satisfy ol a{
    font-size:12px;
}
.movie-left .going-on a{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.movie-center-title{
    height: 28px;
    padding-top: 10px;
    border-bottom: 1px solid #dddddd;
    position:relative;
}
.movie-center-title li{
    height: 27px;
    line-height: 27px;
    padding:0 10px;
    margin-right: 2px;
    color: #666666;
    font-size: 14px;
    border: 1px solid #dddddd;
    border-bottom: 0 none;
    float: left;
    display: inline;
    cursor:pointer;
}
.movie-center-title li.cur{
    height: 28px;
    background-color: #fff;
}
.movie-center-title a{
    font-size: 12px;
    position:absolute;
    right:0;
    top:16px;
}
.movie-center-content{
    padding-top: 4px;
}
.movie-center-content li{
    width:104px;
    padding-top: 4px;
    margin-right: 20px;
    float:left;
    display:inline;
}
.movie-center-content li img{
    width:100px;
    height: 140px;
    border:1px solid #dddddd;
    padding: 1px;
    margin-bottom:4px;  
}
.movie-center-content li a:hover img{
    border-color:#02a1d9;
}
.movie-center-content li.last{
    margin:0;
}
.movie-center-content li p{
    height:22px;
    position:relative;
}
.movie-center-content .pic-link{
    top:4px;
}

.movie-right h3{
    padding-top: 14px;
    padding-bottom:6px;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}
.movie-right dl{
    overflow:hidden;
}
.movie-right dt,.movie-right dd{
    line-height: 22px;
    margin-right: 14px;
    float: left;
    display:inline;
}
.movie-right dt{
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.movie-right dd a{
    font-size: 12px;
}
.movie-category p{
    line-height: 22px;
}
.movie-category p a{
    font-size: 12px;
    margin-right: 14px;
}

.rank-title{
    position:relative;
}
.rank-title ul{
    position:absolute;
    right:0;
    top:12px;
}
.rank-title li{
    width: 37px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #dbdbdb;
    margin-left:-1px;
    float: left;
    display: inline;
    cursor:pointer;
}
.rank-title li.cur{
    background-color: #06a1da;
    color:white;
}

.rank ol li{
    width: 230px;
    line-height: 27px;
}
.rank ol li span{
    display:inline-block;
    width:19px;
    height:14px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #eeeeee;
}
.rank ol li span.top3{
    background-color: #1eafe5;
    color:white;
    font-weight: bold;
}
.rank ol li a{
    font-size: 12px;
    margin-left:3px;
    margin-right:5px;
}
.rank ol li strong{
    padding-right:14px;
    color:#ff3c00;
    float:right;
    position:relative;
}
.rank ol li strong a{
    display:inline-block;
    width:8px;
    height:10px;
    overflow:hidden;
    background: url(../images/rank.png) -237px -100px;
    text-indent: -99em;
    margin-right: 0;
}
.movie-ad{
    margin-top: 16px;
}
/*電影 end*/

/*今日部分start*/
.today{
    margin-top:10px;
}
.today-section{
    position:relative;
    width:952px;
    margin-bottom: 13px;
    overflow:hidden;
}
.today h2{
    color: #3b3b3b;
    font-size: 18px;
    font-weight: bold;
    font-family: "Microsoft Yahei";
    position:absolute;
    left:15px;
    top:12px;
}
.today-title{
    float: right;
    display:inline;
    padding-top:18px;
    padding-bottom:13px;
}
.today-title a{
    font-size: 12px;
}

.today .item{
    margin-left:15px;
    float: left;
    display:inline;
}
.today .item .img-link img{
    width:100px;
    height:140px;
}
.today .item .img-link{
    width:104px;
    height:144px;
}
.today .item .img-link:hover img{
    border-color:#02a1d9;
}
.today .item p{
    width:104px;
    padding-bottom:4px;
}
.today-section.half{
    width:476px;
}
/*今日部分end*/

/*合作專區(qū)start*/
.co-work{
    margin-top:15px;
    height: 210px;
    position:relative;
}
.co-work h2{
    color:#414141;
    font-size: 16px;
    font-weight: bold;
    font-family: "Microsoft Yahei";
    position:absolute;
    left:15px;
    top:14px;
}
.co-work-left{
    width:716px;
    height: 210px;
}
.co-work-left .img-ul{
    padding-top:45px;
    padding-left:0;
    height:auto;
}
.co-work-left .img-ul li{
    margin:0;
    margin-left:15px;
    width:151px;
    /*height:74px;*/
    float: left;
    display: inline;
}
.co-work-left .img-ul img{
    width:147px;
    height:70px;
}
.co-work-left .img-ul a:hover img{
    border-color:#02a1d9;
}
.co-work-left .img-ul a:hover{
    color:#0081c2;
}
.co-work-left .img-ul{
    margin-bottom:15px;
    text-align: center;
    overflow:hidden;
}
.co-work-left .img-ul li p{
    width:151px;
    background-color: transparent;
}
.co-work-left .txt-ul{
    margin-top:0;
    margin-bottom:7px;
    margin-left:5px;
    overflow:hidden;
}
.co-work-left .txt-ul li{
    width: auto;
    height: auto;
    line-height: 14px;
    background: none;
    padding-left: 12px;
    padding-right: 11px;
    margin-left: 0;
}
.co-work-left .txt-ul li.last{
    border:0 none;
    padding-right:0;
}
.co-work-left .txt-ul a:hover{
    color:#0081c2;
}

.co-work-right{
    width:229px;
    height: 210px;
    padding-right: 12px;
}
.co-work-right h3{
    color:#414141;
    font-size: 14px;
    font-weight: bold;
    padding-top:20px;
    padding-bottom: 12px;
}
.co-work-right li{
    line-height:24px;
}
.co-work-right a{
    font-size: 12px;
}
.co-work-right a:hover{
    color:#0081c2;
}
/*合作專區(qū)end*/

/*頁腳部分start*/
.footer{
    height: 140px;
    margin-top:15px;
    padding-top:25px;
}
.footer fieldset{
    margin-left:260px;
    margin-bottom:16px;
}
.footer ul li{
    line-height:27px;
    float:left;
    display: inline;
}
.footer ul li a{
    font-size: 12px;
    color:#a9a9a9;
    margin:0 8px;
}
.footer dl{
    height: 82px;
    width:192px;
    padding-left:20px;
    border-right: 1px solid #dddddd;
    float: left;
    display:inline;
}
.footer dt{
    line-height: 23px;
    color:#666666;
    font-weight: bold;
}
.footer dd{
    line-height: 22px;
    margin-right:10px;
    float: left;
    display:inline;
    white-space:nowrap;      /*禁止文字換行*/
}
.footer dd a{
    font-size: 12px;
}
.footer .category{
    width:180px;
}
.footer .app{
    width:235px;
}
.footer .support{
    width:60px;
}
.footer .about-us{
    width:197px;
    border:0 none;
}
/*頁腳部分end*/

789.png

123456.png

456789.png

最后編輯于：2017.12.05 22:27:35

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末够滑，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子吕世，更是在濱河造成了極大的恐慌彰触，老刑警劉巖，帶你破解...
沈念sama閱讀 222,252評論 6贊 516
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件命辖，死亡現(xiàn)場離奇詭異况毅，居然都是意外死亡，警方通過查閱死者的電腦和手機尔艇，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 94,886評論 3贊 399
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門尔许，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人终娃，你說我怎么就攤上這事味廊。” “怎么了棠耕？”我有些...
開封第一講書人閱讀 168,814評論 0贊 361
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵毡们，是天一觀的道長。經(jīng)常有香客問我昧辽，道長衙熔，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 59,869評論 1贊 299
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮栋荸，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘簿姨。我一直安慰自己痢甘，他們只是感情好喇嘱，可當我...
茶點故事閱讀 68,888評論 6贊 398
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著塞栅，像睡著了一般者铜。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上放椰，一...
開封第一講書人閱讀 52,475評論 1贊 312
城市分裂傳說
那天作烟，我揣著相機與錄音，去河邊找鬼砾医。笑死拿撩，一個胖子當著我的面吹牛，可吹牛的內(nèi)容都是我干的如蚜。我是一名探鬼主播压恒，決...
沈念sama閱讀 41,010評論 3贊 422
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼错邦！你這毒婦竟也來了探赫？” 一聲冷哼從身側(cè)響起，我...
開封第一講書人閱讀 39,924評論 0贊 277
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤撬呢，失蹤者是張志新（化名）和其女友劉穎期吓，沒想到半個月后，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體倾芝，經(jīng)...
沈念sama閱讀 46,469評論 1贊 319
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡讨勤，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 38,552評論 3贊 342
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了晨另。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片潭千。...
茶點故事閱讀 40,680評論 1贊 353
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖借尿，靈堂內(nèi)的尸體忽然破棺而出刨晴，到底是詐尸還是另有隱情，我是刑警寧澤路翻，帶...
沈念sama閱讀 36,362評論 5贊 351
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布狈癞，位于F島的核電站，受9級特大地震影響茂契，放射性物質(zhì)發(fā)生泄漏蝶桶。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點故事閱讀 42,037評論 3贊 335
男人毒藥：我在死后第九天來索命
文/蒙蒙一掉冶、第九天我趴在偏房一處隱蔽的房頂上張望真竖。院中可真熱鬧脐雪，春花似錦、人聲如沸恢共。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,519評論 0贊 25
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽讨韭。三九已至脂信，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間透硝，已是汗流浹背狰闪。一陣腳步聲響...
開封第一講書人閱讀 33,621評論 1贊 274
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蹬铺，地道東北人。一個月前我還...
沈念sama閱讀 49,099評論 3贊 378
代替公主和親
正文我出身青樓秉撇，卻偏偏與公主長得像甜攀，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子琐馆，可洞房花燭夜當晚...
茶點故事閱讀 45,691評論 2贊 361

迅雷看看

推薦閱讀更多精彩內(nèi)容