迅雷看看完整代码

html部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>迅雷看看</title>
    <link rel="stylesheet" href="css1/base1.css">
    <link rel="stylesheet" href="css1/index1.css">
    <script src="js/swfobject.js"></script>
</head>
<body>
<!--第一部分 stsrt-->
<div class=" w970 header">
    <!--分成三个部分，用了三个div-->
        <div class="logo fl">
            <embed src="images1/logo.swf"/ ><!--错误：未加/-->
        </div>
        <div class="center fl">
            <form action="">
                <input type="text" name="q" value="金陵十三钗" class="q"/>
                <input type="submit" value="搜 索" class="p"/>
            </form>
            <p>
                <a href="">热播榜</a> 
                <a href="">乡爱5结局</a>
                <a href="">我的老爹</a>
                <a href="">小姨多鹤</a>
                <a href="">欧阳德</a>
                <a href="">龙门飞甲</a>
                <a href="">大冲锋</a>
            </p>
        </div>
        <div class="signed fl">
            <a href="">登陆</a>
            |
            <a href="">注册</a>
            |
            <a href="">迅雷会员</a>
            |
            <a href="" class="sub">订阅</a><br><!--错误：写成/br，导致整个都显示不出来-->
            <a href="">会员专区</a>
            |
            <a href="">移动产品</a>
            |
            <a href="">游戏</a>
            |
            <a href="">帮助</a>
        </div>
    </div>  
<!--第一部分结束 end-->

<!--第二部分开始 start-->
<div class="nav w968"><!--错误:w968未写入""内-->
    <ul class="main-nav fl"><!--错误：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="">经典大片</a></li>
        <li><a href="">华语大片</a>![](images1/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="">![](images1/main/big1.jpg)</a>
        <p>“赵家班”首部悲情大戏《樱桃》开播 沈春阳挑战傻娘角色 宋小宝颠覆化身“悲情男”(更新至08集)</p>
    </div>
        <ul>
            <li class="cur">![](images1/main/small1.jpg)</li>
            <li>![](images1/main/small2.jpg)</li>
            <li>![](images1/main/small3.jpg)</li>
            <li>![](images1/main/small4.jpg)</li>
            <li>![](images1/main/small5.jpg)</li>
            <li>![](images1/main/small6.jpg)</li>
            <li>![](images1/main/small7.jpg)</li>
            <li>![](images1/main/small8.jpg)</li>
            <li>![](images1/main/small9.jpg)</li>
            <li>![](images1/main/small10.jpg)</li>
            <li>![](images1/main/small11.jpg)</li>
            <li style="margin-right:0">![](images1/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>电视剧</li>
            <li>综艺</li>
            <li>动漫</li>
            <li>记录</li>
        </ul>
        <ol>
            <li class="top3"><span>01</span><a href="">深宫谍影</a>更新至26集<strong>7.5<a href="" class="pic-link">深宫谍影</a></strong></li>
            <li class="top3"><span>02</span><a href="">乡村爱情5</a>44集全<strong>7.8<a href="" class="pic-link">乡村爱情5</a></strong></li>
            <li class="top3"><span>03</span><a href="">如意</a>更新至39集<strong>7.3<a href="" class="pic-link">如意</a></strong></li>
            <li><span>04</span><a href="">北京爱情故事</a>39集全<strong>8.5<a href="" class="pic-link">北京爱情故事</a></strong></li>
            <li><span>05</span><a href="">怪侠欧阳德</a>69集全<strong>9.5<a href="" class="pic-link">怪侠欧阳德</a></strong></li>
            <li><span>06</span><a href="">北京爱情故事</a>39集全<strong>8.5<a href="" class="pic-link">北京爱情故事</a></strong></li>
            <li><span>07</span><a href="">怪侠欧阳德</a>69集全<strong>9.5<a href="" class="pic-link">怪侠欧阳德</a></strong></li>
            <li><span>08</span><a href="">北京爱情故事</a>39集全<strong>8.5<a href="" class="pic-link">北京爱情故事</a></strong></li>
            <li><span>09</span><a href="">怪侠欧阳德</a>69集全<strong>7.5<a href="" class="pic-link">怪侠欧阳德</a></strong></li>
            <li><span>10</span><a href="">北京爱情故事</a>39集全<strong>7.5<a href="" class="pic-link">北京爱情故事</a></strong></li>
        </ol>
        <ul class="banner-right-bottom">
            <li><a href="">3.11日大地震周年祭：废墟依然触目</a></li>
            <li><a href="">[揭秘]曝美一团体称可乐含致癌物！</a></li>
        </ul>
    </div>
</div>
<!--第三部分、主体部分 end-->
<!--第四部分、副部1 start-->
<div class="section1 w968">
    <div class="hot">
        <h2>热门大片</h2>
        <div class="item">
            <a href="" class="img-link">![](images1/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">![](images1/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>(数字商城)</dt>
            <dd>徐克3D武侠巨制</dd>
        </dl>
    </div>
    <div class="man">
        <h2>男性影院</h2>
        <div class="item">
            <a href="" class="img-link">![](images1/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">![](images1/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>伟大的绝艳女战士</dd>
    </div>
    <div class="syn">
        <h2>同步卫视</h2>
        <div class="item">
            <a href="" class="img-link">![](images1/section1/ruyi.jpg)<span>未删减版大结</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">![](images1/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>
    </div>
    <div class="tvb">
        <h2>TVB剧场</h2>
        <div class="item">
            <a href="" class="img-link">![](images1/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">![](images1/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>林保怡携手黎姿解读医学</dd>
    </div>
    <div class="overseas">
        <h2>海外剧场</h2>
        <div class="item">
            <a href="" class="img-link">![](images1/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">![](images1/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>
    </div>
    <div class="ent">
        <h2>人气综艺</h2>
        <div class="item">
            <a href="" class="img-link">![](images1/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">![](images1/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>
    </div>
</div>
<!--第四部分、副部1 end-->
<!--第五部分、副部2 start-->
<div class="guess w968">
    <h2>猜您喜欢看</h2>
    <div class="guess-left fl">
        <div class="guess-change">
            <p class="fl">根据您的观看记录,为您推荐的,您还可以点击换一组</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="">![](images1/guess/1.jpg)</a>
                <p><a href="">强奸之恋</a></p>
                <p>三角恋引起的强奸</p>
            </li>
            <li>
                <a href="">![](images1/guess/2.jpg)</a>
                <p><a href="">宫锁珠帘</a></p>
                <p>杜淳袁珊珊虐心恋</p>
            </li>
            <li>
                <a href="">![](images1/guess/3.jpg)</a>
                <p><a href="">双枪李向阳之再战松</a></p>
                <p>张嘉译演绎抗战硬汉</p>
            </li>
            <li>
                <a href="">![](images1/guess/4.jpg)</a>
                <p><a href="">悬崖</a></p>
                <p>张嘉译诠释受虐特工</p>
            </li>
            <li style="margin: 0px">
                <a href="">![](images1/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>关闭</del>
</div>
<!--第五部分、副部2 end-->
<!--第六部分 副部3 start-->
<div class="section2 w968">
    <div class="section2-left fl">
        <div class="section2-nav">
            <ul>
                <li class="cur">今日快报</li>
                <li>娱乐头条</li>
                <li>搞笑视频</li>
                <li>看看原创</li>
                <a href="">北京人均GDP接近富裕国家引质疑 >>></a>
            </ul>
        </div>
        <div>
            <ul class="img-ul">
                <li>
                    <a href="" class="">
                        ![](images1/section2/1.jpg)
                        <span>造成至少3人死亡</span>
                    </a>
                    <p><a href="">加拿大一列火车出轨</a></p>
                </li>
                <li>
                    <a href="" class="">
                        ![](images1/section2/2.jpg)
                        <span>造成至少3人死亡</span>
                    </a>
                    <p><a href="">加拿大一列火车出轨</a></p>
                </li>
                <li>
                    <a href="" class="">
                        ![](images1/section2/3.jpg)
                        <span>造成至少3人死亡</span>
                    </a>
                    <p><a href="">加拿大一列火车出轨</a></p>
                </li>
                <li>
                    <a href="" class="">
                        ![](images1/section2/4.jpg)
                        <span>造成至少3人死亡</span>
                    </a>
                    <p><a href="">加拿大一列火车出轨</a></p>
                </li>
                <li>
                    <a href="" class="">
                        ![](images1/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>
    <div class="section2-right fr">
        <h3>本届影帝让·杜雅尔受访</h3>
        <div id="section2-video">
            <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>
        </div>
        <p>汽柴油价今起每吨涨600元 详细>></p>
    </div>
</div>
<!--第六部分 副部3 end-->

<!--第七部分 副部4 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>
        <div class="cb"></div>
        <ul>
            <li class="item">
                <a href="" class="img-link">![](images1/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">![](images1/today/tv2.jpg)<span>更新至10集</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">![](images1/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">![](images1/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">![](images1/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">![](images1/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">![](images1/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">![](images1/today/tv8.jpg)<span>3月4日开放内测</span></a>
                <p><a href="">功夫英雄</a><a href="" class="pic-link" title="功夫英雄">功夫英雄</a></p>
                <p>下载赢取Iphone4s</p>
            </li>
        </ul>
        <div class="cb"></div>
        <div class="today-section half fl">
            <h2>今日电影</h2>
            <p class="today-title"><a href="">《艺术家》获最佳影片</a> (第84届奥斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images1/today/movie1.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">![](images1/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">![](images1/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">![](images1/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="">《艺术家》获最佳影片</a> (第84届奥斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images1/today/cartoon1.jpg)<span>更新至09集</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">![](images1/today/cartoon2.jpg)<span>更新至494集</span></a>
                    <p><a href="">哆啦A梦</a>(720P)<a href="" class="pic-link" title="哆啦A梦">哆啦A梦</a></p>
                    <p>不灭的经典机器猫</p>
                </li>
                <li class="item">
                    <a href="" class="img-link">![](images1/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">![](images1/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="">《艺术家》获最佳影片</a> (第84届奥斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images1/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">![](images1/today/zy2.jpg)<span>2012-02-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">![](images1/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">![](images1/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="">《艺术家》获最佳影片</a> (第84届奥斯卡) <a href="">更多</a></p>
            <div class="cb"></div>
            <ul>
                <li class="item">
                    <a href="" class="img-link">![](images1/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">![](images1/today/record2.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">![](images1/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">![](images1/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>
</div>
<!--第七部分 副部4 end-->

<!--第八部分 副部5 start-->
<div class="movie w968">
    <h2>电影</h2>
    <div class="movie-left fl">
        <dl>
            <dt>
                <a href="">![](images1/movie/recommend.jpg)</a>
                <p><a href="">疯魔美女</a>(720P)</p>
                <dl>导演：<a href="">Piraphan Laoyont</a></dl>
                <dl>主演：<a href="">Chidjan Rujiphun</a>   <a href="">Ocha</a></dl>
                <dl>类型：<a href="">罪案</a> <a href="">恐怖</a>   年份：<a href="">2007</a></dl>
                <dl>医生与七个正妹护士，贩卖死人尸体给黑市获取暴利，报应临头。<a href="">详细</a></dl>
            </dt>
        </dl>
        <h3>用户满意度</h3>
        <div class="satisfy">
        <ul>
            <li class="cur">动作指数</li>
            <li>喜剧指数</li>
            <li>爱情指数</li>
            <li>科幻指数</li>
            <li class="last">恐怖指数</li>
        </ul>
        <ol>
            <li><span>01.</span><a href="">赎命24小时(美国)</a></li>
            <li><span>02.</span><a href="">女拳霸(泰国)</a></li>
            <li><span>03.</span><a href="">双重身份(英国)</a></li>
            <li>04.<a href="">越空魔龙(美国)</a></li>
            <li>05.<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《深海之战》韩国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">![](images1/movie/1.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link" title="大魔术师">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/2.jpg)</a>
                <p><a href="">开心魔法</a><a href="" class="pic-link" title="开心魔法">开心魔法</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/3.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li class="last">
                <a href="" class="img-link">![](images1/movie/4.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/5.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/6.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/7.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li class="last">
                <a href="" class="img-link">![](images1/movie/8.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/9.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/10.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li>
                <a href="" class="img-link">![](images1/movie/11.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</a></p>
                <p>闫妮沐浴露美腿</p>
            </li>
            <li class="last">
                <a href="" class="img-link">![](images1/movie/12.jpg)</a>
                <p><a href="">大魔术师</a><a href="" class="pic-link">大魔术师</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>
            <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>
            </dl>
            <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>
            </dl>
            <dl>
                <dt><a href="">年份</a></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>
                    <span class="top3">01</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span class="top3">02</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span class="top3">03</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span>04</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span>05</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span>06</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span>07</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span>08</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span>09</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
                <li>
                    <span>10</span>
                    <a href="">疯魔美女</a>女护士遭虐杀/720P
                    <strong>6.5<a href="" class="pic-link">疯魔美女</a></strong>
                </li>
            </ol>
        </div>
        <div class="rank-ad">
            <a href="">![](images1/ad/movie_ad.jpg)</a>
        </div>
    </div>
</div>
<!--第八部分 副部5 end-->


<!--第九部分 副部6 start-->
    <div class="co-work w968">
        <h2>合作专区</h2>
        <div class="co-work-left fl">
            <ul class="img-ul">
                <li>
                    <a href="">![](images1/co-work/1.jpg)</a>
                    <p><a href="">把乐带回家</a></p>
                </li>
                <li>
                    <a href="">![](images1/co-work/1.jpg)</a>
                    <p><a href="">把乐带回家</a></p>
                </li>
                <li>
                    <a href="">![](images1/co-work/1.jpg)</a>
                    <p><a href="">把乐带回家</a></p>
                </li>
                <li>
                    <a href="">![](images1/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="">浙江卫视</a></li>
                <li><a href="">湖南卫视</a></li>
                <li><a href="">东方卫视</a></li>
                <li class="last"><a href="">北京卫视</a></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="">陕西卫视</a></li>
                <li><a href="">天津卫视</a></li>
                <li><a href="">深圳卫视</a></li>
                <li class="last"><a href="">江西卫视</a></li>
            </ul>
        </div>
        <div class="co-work-right fr">
            <h3>媒体关注</h3>
            <ul>
                <li><a href="">《LOVE》入围柏林影展 迅雷看看独家版权</a></li>
                <li><a href="">《LOVE》入围柏林影展 迅雷看看独家版权</a></li>
                <li><a href="">《LOVE》入围柏林影展 迅雷看看独家版权</a></li>
                <li><a href="">视频网站好剧爆棚 迅雷看看细节取胜</a></li>
                <li><a href="">视频网站好剧爆棚 迅雷看看细节取胜</a></li>
                <li><a href="">视频网站好剧爆棚 迅雷看看细节取胜</a></li>
            </ul>
        </div>
    </div>
    <!--第九部分 副部6 end-->

    <!--第十部分 副部7 start-->
    <div class="footer w968">
        <fieldset><!--所有浏览器都支持 <fieldset> 标签-->
            <form action="">
                <input type="text" name="q" class="q" value="碟中谍4">
                <input type="submit" class="p" value="搜索">
            </form>
            <ul>
                <li><a href="">今日更新976档节目</a></li>
                <li><a href="">蚁族奋斗结局</a></li>
                <li><a href="">新西游结局</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="">关于迅雷</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>
    </div>
    <!--第十部分 副部7 end-->
</body>
</html>

css1部分

@charset "utf-8";
/*公共部分*/
.w970{
    width: 970px;
    margin: 0 auto;
}
.w968{
    width: 968px;
    margin:0 auto;
    border: 1px solid #ddd;
}
body{
    font-size: 12px;
    font-family: "宋体";
    color:#aaaaaa;
}
a{
    color:#3d3d3d;
    text-decoration: none;
    font-size: 12px;
}
a:hover{
    text-decoration: underline;
}
/*公共部分结束*/
/*第一部分 start*/
.header{
    height: 108px;
}
.logo{
    width: 290px;
    height: 108px;
}
.logo embed{
    width: 290px;
    height: 108px;
}
.center{
    width: 400px;
    height: 88px;
    padding-top: 20px;
}
.center form{
    width: 394px;
    height: 27px;
    border: 3px solid #eee;
}
.q{
    width: 320px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #babebf;
    border-right: none;/*解决了在IE6.7下的框内字居中问题*/
    font-size:14px;
    outline: none;
    color: #999;
    padding-left: 5px;
    float:left;/*解决了在IE6.7版本下的代码换行问题*/
}
.p{
    width:68px;
    height: 27px;
    background: url(../images1/headerpage_02.png);
    border: 0 none;
    color: white;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    float:left;
}
.center p{
    padding-top: 9px;
}
.center p a{
    font-size: 12px;
    color: #999;
    margin:0 3px;
}
.signed{
    width: 280px;
    height: 68px;
    padding-top: 40px;
    text-align: right;
    line-height: 20px;
    color:#ececec;
}   
.signed a{
    color: #999;
    font-size: 12px;
}
.sub{
    background: url(../images1/dy.png) no-repeat 0 1px;
    padding-left: 15px;
}
/*第二部分 start*/
.nav{
    height: 35px;
    line-height: 35px;
}
.nav li{
    float: left;
    display: inline;
}
.nav a{
    color: #3d3d3d;
}

.main-nav li{
    padding: 0 10px;
}
.main-nav a{
        font-size: 14px;
}
.main-nav a:hover{
    color: #0081cc;
} 
.main-nav.cur a{
    color: #0081cc;
    font-weight: bold;
}

.sub-nav{
    background: url(../images1/subnav_bg.png) no-repeat 0 7px;/*出现问题*/
    margin-left:10px;
}
.sub-nav li{
    padding: 0 11px;
    position:relative;  
}
.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(../images1/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-right{
    width: 230px;
    height: 365px;
    background: pink;
}

.banner div {
    width: 740px;
    height: 310px;
    margin-bottom: 8px;
    position: relative;
}
.banner div a{
    font-size: 14px;
}
.banner div img{
    width: 740px;
    height: 310px;
}
.banner div p{
    width: 740px;
    height: 33px;
    line-height: 33px;
    position:absolute;
    left:0px;
    bottom: 0px;/*错误：把bottom写成right,导致文字始终在图片下方*/
    background-color: #000;
    font-size: 14px;
    color: #fff;
    text-indent:15px;
    opacity: 0.5;
    filter:alpha (opacity:50);
}
.banner ul{
}
.banner ul li{
    width: 56px;
    height: 45px;
    float:left;
    display:inline;
    background: url(../images1/rank.png) -228px -51px;
    cursor: pointer;
    padding:1px;
    margin-right: 4px;
}
.banner ul img{
    width:56px;
    height: 45px;
}
.banner li.cur{
    padding-top: 5px;
    margin-top: -4px;
    background-position: -228px 0px;
}

.banner-right {
    width: 218px;
    height: 353px;
    border: 1px solid #393939;
    background: url(../images1/rank.png);
    font-size: 12px;
    padding: 10px 5px 0;/*顺序：上、左右、下*/

}
.banner-right-nav {
    width: 210px;
    height: 21px;
    border-left: 1px solid #545454;
    border-top: 1px solid #545454;
    overflow: hidden;
    margin:0 auto;/*块状元素上下对齐*/
}
.banner-right-nav li{
    border-right: 1px solid #545454;
    border-bottom: 1px solid #545454;
    color: #666666;
    padding:0 4px;
    float: left;
    height: 20px;
    line-height: 20px;/*文本居中对齐*/
    position: relative;
}
.banner-right-nav li s{
    display: none;
}
/*在li和.cur中间有一个空格是不对的*/
.banner-right-nav li.cur{
    background: #6f6f6f;
    border-bottom: 1px solid #6f6f6f;
    color: #fff;
}
.banner-right-nav li.cur s{
    width: 5px;
    height: 3px;
    background: url(../images1/rank.png) -248px -132px;
    position: absolute;
    left:50%;
    bottom: -4px;
    display: block;
    margin-left: -3px;
}

.banner-right ol {
    color: #606060;
    margin-top: 5px;
}
.banner-right ol li{
    line-height: 27px;
}
.banner-right ol span{
    display: inline-block;
    width: 19px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #4d4d4d;
    margin-right:5px;
}
.banner-right .top3 span{
    background: #29b6e9;
    color:white;
    font-weight: bold;
}
.banner-right ol a{
    color: #bfbfbf;
    font-size: 12px;
    margin-right:5px;
}
.banner-right ol strong{
    float:right;
    line-height: 27px;
}
.pic-link{
    display: inline-block;
    width: 8px;
    height: 10px;
    line-height: 10px;
    background: url(../images1/rank.png) -237px -100px;
    text-indent:-99em;
    overflow: hidden;
    margin-right:0px;
    margin-left: 4px;
    margin-top: 6px;
}
.banner-right-bottom{
    margin-top: 7px;
}
.banner-right-bottom li{
    background: url(../images1/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*/

/*第四部分 副部1 start*/
.section1{
    height: 438px;
    border: 1px solid #dddddd;
    margin-top: 13px;
}
.item .img-link{
    width: 136px;
    height: 96px;
    display: block;
    position: relative;
}
.item img{
    border: 1px solid #eeeeee;
    padding:1px;
}
.item span{
    background: url(../images1/update.png);
    width: 100px;
    height: 20px;
    line-height: 20px;
    right: 0px;
    bottom: 0px;
    text-align: right;
    color: #c1c2bd;
    font-size: 12px;
    position: absolute;
}
.item p{
    padding-top: 5px;
    padding-bottom: 13px;
    position: relative;
    width: 140px;
}
.section1 a{
    font-size: 14px;
}
.item .pic-link{
    width: 8px;
    height: 10px;
    background: url(../images1/rank.png) -237px -100px;
    text-indent: -99em;
    overflow: hidden;
    position: absolute;
    right: 0px;
    bottom: 14px;
}
.section1 dl{
    border-top: 1px dashed #dddddd;
    padding-top: 23px;
}
.section1 dt{
    height: 24px;
}
.section1 dd{
    height: 20px;
}
.section1 .hot{
    width: 141px;
    height: 435px;
    border-top: 3px solid #e188c2;
    border-right: 1px solid #ddd;
    float: left;
    padding: 0px 10px;
}
.section1 .hot h2{
    height: 47px;
    line-height: 47px;
    color: #e188cd;
    text-align: center;
    font-size: 14px;
}
.section1 .man{
    width: 141px;
    height: 435px;
    border-top: 3px solid #879ac5;
    border-right: 1px solid #ddd;
    float: left;
    padding: 0px 10px;
}
.section1 .man h2{
    height: 47px;
    line-height: 47px;
    color: #597398;
    text-align: center;
    font-size: 14px;
}
.section1 .syn{
    width: 140px;
    height: 435px;
    border-top: 3px solid #a6a6a6;
    border-right: 1px solid #ddd;
    float: left;
    padding: 0px 10px;
}
.section1 .syn h2{
    height: 47px;
    line-height: 47px;
    color: #7777a1;
    text-align: center;
    font-size: 14px;
}
.section1 .tvb{
    width: 140px;
    height: 435px;
    border-top: 3px solid #7ec0da;
    border-right: 1px solid #ddd;
    float: left;
    padding: 0px 10px;
}
.section1 .tvb h2{
    height: 47px;
    line-height: 47px;
    color: #8d99c5;
    text-align: center;
    font-size: 14px;
}
.section1 .overseas{
    width: 140px;
    height: 435px;
    border-top: 3px solid #e18786;
    border-right: 1px solid #ddd;
    float: left;
    padding: 0px 10px;
}
.section1 .overseas h2{
    height: 47px;
    line-height: 47px;
    color: #d83438;
    text-align: center;
    font-size: 14px;
}
.section1 .ent{
    width: 140px;
    height: 435px;
    border-top: 3px solid #e4cd6f;
    border-right: 1px solid #ddd;
    float: left;
    padding: 0px 10px;
}
.section1 .ent h2{
    height: 47px;
    line-height: 47px;
    color: #c69067;
    text-align: center;
    font-size: 14px;
}

/*第四部分 副部1 end*/
/*第五部分 副部2 start*//*
.guess{
    height: 168px;
    margin-top: 10px;
    position: relative;
}
.guess h2{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    font-family: '微软雅黑';
    position: absolute;
    left: 10px;
    top: 10px;
}
.guess del{
    width: 42px;
    height: 19px;
    line-height: 19px;
    background: url(../images1/rank.png) -228px -306px;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 6px;
    text-decoration: none;
    color: #3d3d3d;
    cursor:pointer;

}
.guess-left{
    width: 710px;
    height: 168px;
}
.guess-chang{
    float: right;
    display: inline;
    margin-top: 15px;
}
.guess-chang p{
    color: #666666;
}
.guess-chang li{
    float: left;
    cursor: pointer;
}
.guess-change ol{
    margin-top:4px;
    margin-left:6px;
}
.guess-chang ol li{
    width: 6px;
    height: 6px;
    background: url(../images1/rank.png) -228px -290px;
    float: left;
    overflow: hidden;
    margin-top: 4px;
    margin-right: 6px;
}
.guess-chang ol li.cur{
    background-position: -228px -299px;
}
.guess-chang ul li{
    width: 24px;
    height: 15px;
    background: url(../images1/rank.png) -235px -290px;
    float: left;
}.guess-chang ul li.right-btn{
    background-position: -258px -290px;
}
.guess-right{
    margin-right:10px;
    width: 220px;
    height: 168px;
}
.guess-img{
    margin-top: 12px;
    margin-left: 10px;
}
.guess-img li{
    width: 115px;
    margin-right: 31px;
    float: left;
    text-align: center;
}
.guess-img li a{
    display: inline-block;
    padding-top: 6px;
    height: 21px;
    line-height: 21px;
}
.guess-img li p{
    color: #666666;
    height: 24px;
    line-height: 24px;
}
.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;
*/
/*第五部分 副部2 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(../images1/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('../images1/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(../images1/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;
}
/*第五部分 副部2 end*/
/*第六部分 副部3 start*/
.section2{
    margin-top: 10px;
    height: 238px;
}
.section2-left{
    width: 716px;
    height: 238px;
}
.section2-right{
    width: 246px;
    height: 235px;
    padding-top: 3px;
    padding-right: 3px;
}
.section2-nav{
    height: 36px;
    line-height: 36px;
    position:relative;
    border-bottom: 1px solid #ddd;
    border-right:1px solid #dddddd;
}
.section2-left li{
    width: 102px;
    text-align: center;
    float:left;
    font-family: '微软雅黑';
    font-size:16px; 
    color: #5d5d5d;
    border-right: 1px solid #ddd;
}
.section2-nav li.cur{
    border-bottom: 1px solid #fff;
    font-weight: bold;
}
.section2-nav a{
    position:absolute;
    right: 4px;
    top: 0px;
}
.img-ul{
    margin-top: 10px;
    height: 119px;
}
.img-ul li{
    float:left;
    width: 126px;
    height: 94px;
    display:inline;
    padding-left: 16px;
    position:relative;
}
.img-ul li img{
    width: 122px;
    height: 90px;
    padding: 1px;
    border: 1px solid #dddddd;
}
.img-ul li span{
    position:absolute;
    right: 2px;
    bottom: 0px;
    color: #fff;
    width: 100px;
    height: 20px;
    background: url(../images1/update.png);
}
.img-ul li p{
    width: 126px;
    height: 23px;
    background: #f3f3f3;
    line-height: 23px;
    margin-top: 2px;
}
.img-ul li p a{
    font-size: 12px;
}
.txt-ul{
    margin-top: 13px;
}
.txt-ul li{
    width:126px;
    height: 22px;
    line-height: 22px; 
    background: url(../images1/rank.png) no-repeat -300px -243px;
    border-right: 1px solid #fff;
    padding-left: 4px;
    margin-left: 12px;
}
.txt-ul li a{
    font-size: 12px;
    font-family: '宋体';
}
.section2-right h3{
    width: 246px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #040404;
    font-weight: bold;
    text-indent: 4px;
    background: #e6e6e6;
}
.section2-right p{
    width: 246px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #040404;
}
/*第六部分 副部3 end*/


/*第七部分 副部4 start*/
.today{
    margin-top: 10px;
}
.today h2{
    font-size: 18px;
    color: #3b3b3b;
    font-family: '微软雅黑';
    font-weight: bold;
    position:absolute;
    top:15px;
    left: 12px;
}
.today-section{
    width: 952px;
    position: relative;
    overflow:hidden;
    margin-bottom: 13px;
}
.today-title{
    float: right;
    display:inline;
    padding-top:18px;
    padding-bottom:13px;
}

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


/*第八部分 副部5 start*/
.movie{
    height: 637px;
    margin-top: 10px;
    position:relative;
}
.movie h2{
    position:absolute;
    left: 10px;
    top: 10px;
    font-family: '微软雅黑';/*中英文输入*/
    font-size: 18px;
    color: #3b3b3b;
    font-weight: bold;
}   
.movie-left{
    width: 200px;
    height: 597px;
    padding-left: 15px;
    padding-right: 25px;
    padding-top: 40px;
}
.movie-left img{
    border: 1px solid #ddd;
    padding: 1px;
}
.movie-left p{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.movie-left p a{
    font-size: 14px;
}
.movie-left dl{
    line-height: 18px;
}
.movie-left h3{
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
}
.movie-left .satisfy{
    height: 132px;
    border: 1px solid #ddd;
    margin-top: 13px;
}
.movie-left ul{
    float:left;
}
.movie-left .satisfy ul li{
    width: 60px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #3d3d3d;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.movie-left .satisfy ul li.cur{
    width: 67px;
    height: 26px;
    border: 0 none;
    background: url(../images1/rank.png) -228px -263px;
    cursor: pointer;
}
.movie-left .satisfy ul li.last{
    height: 28px;
    line-height: 28px;
    border-bottom: 0 none;
}
.movie-left ol{
    padding-left: 2px;
    float: left;
}
.movie-left ol li{
    height: 26px;
    line-height: 26px;
}
.movie-left ol span{
    color: #5dc4e8;
}
.movie-left .going-on li a{
    height: 20px;
    line-height: 20px;
}
.movie-center{
    width: 476px;
    height: 637px;
    position:relative;
}
.movie-center-title ul{
    height: 27px;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
}
.movie-center-title li{
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
    border-bottom: 0 none;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 2px;
    float:left;
    cursor: pointer;
    display:inline;
}
.movie-center-title li.cur{
    height: 27px;
    background: white;/*另一种隐藏下边界的方法*/
}
.movie-center-title a{
    position:absolute;
    top: 14px;
    right: 0px;
}
.movie-center-content{
    padding-top: 4px;
}
.movie-center-content li{
    width: 104px;
    margin-right: 20px;
    padding-top: 4px;
    float:left;
    display:inline;
}
.movie-center-content li img{
    width: 100px;
    height: 140px;
    border: 1px solid #ddd;
    padding: 1px;
    margin-bottom: 4px;
}
.movie-center-content li a:hover img{
    border-color: #02a1d9;
}
.movie-center-content li.last{
    height: 22px;
    margin: 0;
}
.movie-center-content p{
    height: 22px;
    position:relative;
}
.movie-center-content .pic-link{
    position:absolute;
    right: 0px;
    top: -2px;
}
.movie-center-content p a{
    font-size: 14px;
}

.movie-right{
    width: 230px;
    height: 637px;
    padding-right: 12px;
    text-align: justify;
}
.movie-right h3{
    padding-top: 14px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
}
.movie-right dl{
    overflow:hidden;/*清浮动*/
}
.movie-right dt{
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    float: left;
    margin-right: 14px;
    display:inline;/*解决IE6下双倍边距的问题*/
}
.movie-right dd{
    line-height: 22px;
    float: left;
    margin-right: 14px;
    display: inline;
}
.movie-category p{
    line-height: 22px;
}
.movie-category p a{
    margin-right: 14px;
}

.rank-title{
    position: relative;
}
.rank-title ul{
    position:absolute;
    right: 0;
    top: 12px;
}
.rank-title li{
    float: left;
    width: 37px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #dbdbdb;
    margin-left: -1px;
    display:inline;
    cursor: pointer;
}
.rank-title .cur{
    background: #06a1da;
    color: #fff;
}
.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: #1eafe5;
    color: white;
    font-weight: bold;
}
.rank ol li a{
    font-size: 12px;
    margin-left:-2px;
    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;
    background: url(../images1/rank.png) -237px -100px;
    overflow:hidden;
    text-align: -99em;
    margin-right: 0px;
    position:absolute;
}
.rank ol li strong a.pic-link{
    position:absolute;
    top: 3px;
    right: 0px;
}
.rank-ad{
    margin-top: 16px;
}
/*第八部分 副部5 end*/


/*第九部分 副部6 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;
    margin-top: 0px;
}
.co-work-left .img-ul li{
    margin:0;
    width:151px;
    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{
    float:left;
    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;
}
/*第九部分 副部6 end*/

/*第十部分 副部7 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{
    display:inline;
    height: 82px;
    width:192px;
    padding-left:20px;
    border-right: 1px solid #dddddd;
    float: left;
}
.footer dt{
    line-height: 23px;
    color:#666666;
    font-weight: bold;
}
.footer dd{
    line-height: 22px;
    margin-right:10px;
    display:inline;
    float: left;
    white-space:nowrap;/*禁止文字换行*/
}
.footer .category{
    width:180px;
}
.footer .app{
    width:235px;
}
.footer .support{
    width:60px;
}
.footer .about-us{
    width:197px;
    border:0 none;
}
/*第十部分 副部7 end*/

css2部分

@charset "utf-8";

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
img{vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}
abbr,acronym{border:0;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}   /*块状元素集中对齐 block center*/
.fl{float:left;display:inline;}  /* 可修复IE6中双倍边距bug */
.fr{float:right;display:inline;}
.cb{clear:both;}
.overflow-h{overflow:hidden;}

最后编辑于：2017.12.05 22:11:00

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 203,098评论 5赞 476
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 85,213评论 2赞 380
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 149,960评论 0赞 336
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 54,519评论 1赞 273
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 63,512评论 5赞 364
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,533评论 1赞 281
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 37,914评论 3赞 395
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,574评论 0赞 256
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 40,804评论 1赞 296
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,563评论 2赞 319
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,644评论 1赞 329
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,350评论 4赞 318
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 38,933评论 3赞 307
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,908评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,146评论 1赞 259
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 42,847评论 2赞 349
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,361评论 2赞 342

迅雷看看完整代码

html部分

css1部分

css2部分

推荐阅读更多精彩内容