经历了几天的学习，做出了这个迅雷看看，刚开始接触时感觉很难，有些知识点掌握还不算太熟悉，通过跟着视频的教程跟着做下来，又再一次巩固了自己的知识点，在做的过程中通过通过教程的发现了自己的一写不足，接下来看代码
<!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="">乡爱5结局</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="">会员专区</a>
|
<a href="">移动产品</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="">经典大片</a></li>
<li><a href="">华语大片</a></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=""></a>
<p>“赵家班”首部悲情大戏《樱桃》开播 沈春阳挑战傻娘角色 宋小宝颠覆化身“悲情男”(更新至08集)</p>
</div>
<ul>
<li class="cur"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li style="margin-right:0"></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">乡村爱情5</a></strong><span>02</span><a href="#">乡村爱情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 -->
<!-- 分区一 start -->
<div class="section1 w968">
<div class="hot">
<h2>热门大片</h2>
<div class="item">
<a href="" class="img-link"><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"><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"><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"><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>
</dl>
</div>
<div class="syn">
<h2>同步卫视</h2>
<div class="item">
<a href="" class="img-link"><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"><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"><span>赌神四哥返上海</span></a>
<p><a href="">千王之王重出江湖</a><a href="" class="pic-link" title="千王之王重出江湖">千王之王重出江湖</a></p>
</div>
<div class="item">
<a href="" class="img-link"><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>
</dl>
</div>
<div class="overseas">
<h2>海外剧场</h2>
<div class="item">
<a href="" class="img-link"><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"><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"><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"><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>
<!-- 分区一 end -->
<!-- 猜你喜欢看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=""></a>
<p><a href="">强奸之恋</a></p>
<p>三角恋引起的强奸</p>
</li>
<li>
<a href=""></a>
<p><a href="">宫锁珠帘</a></p>
<p>杜淳袁珊珊虐心恋</p>
</li>
<li>
<a href=""></a>
<p><a href="">双枪李向阳之再战松</a></p>
<p>张嘉译演绎抗战硬汉</p>
</li>
<li>
<a href=""></a>
<p><a href="">悬崖</a></p>
<p>张嘉译诠释受虐特工</p>
</li>
<li style="margin:0">
<a href=""></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>
<!-- 猜你喜欢看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>看看原创</li>
</ul>
<a href="">北京人均GDP接近富裕国家引质疑 >>></a>
</div>
<ul class="img-ul">
<li>
<a href="" class="img-link"><span>造成至少3人死亡</span></a>
<p><a href="">加拿大一列火车出轨</a></p>
</li>
<li>
<a href="" class="img-link"><span>造成至少3人死亡</span></a>
<p><a href="">加拿大一列火车出轨</a></p>
</li>
<li>
<a href="" class="img-link"><span>造成至少3人死亡</span></a>
<p><a href="">加拿大一列火车出轨</a></p>
</li>
<li>
<a href="" class="img-link"><span>造成至少3人死亡</span></a>
<p><a href="">加拿大一列火车出轨</a></p>
</li>
<li>
<a href="" class="img-link"><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"><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"><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"><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"><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"><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"><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"><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"><span>3月4日开放内测</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="">《艺术家》获最佳影片</a> (第84届奥斯卡) <a href="">更多</a></p>
<div class="cb"></div>
<ul>
<li class="item">
<a href="" class="img-link"><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"><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"><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"><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"><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"><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"><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"><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"><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"><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"><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"><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"><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"><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"><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"><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="#"></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>医生与七个正妹护士，贩卖死人尸体给黑市获取暴利，报应临头。<a href="">详细</a></dd>
</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 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《深海之战》韩国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"></a>
<p><a href="">大魔术师</a><a href="" class="pic-link" title="大魔术师">大魔术师</a></p>
<p>闫妮沐浴露美腿</p>
</li>
<li>
<a href="" class="img-link"></a>
<p><a href="">开心魔法</a><a href="" class="pic-link" title="大魔术师">开心魔法</a></p>
<p>吴京古天乐斗法</p>
</li>
<li>
<a href="" class="img-link"></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"></a>
<p><a href="">危狱惊情</a><a href="" class="pic-link" title="危狱惊情">危狱惊情</a></p>
<p>罪犯假释使美人计</p>
</li>
<li>
<a href="" class="img-link"></a>
<p><a href="">血之猎手</a><a href="" class="pic-link" title="血之猎手">血之猎手</a></p>
<p>吸血鬼动作大片</p>
</li>
<li>
<a href="" class="img-link"></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"></a>
<p><a href="">出水芙蓉</a><a href="" class="pic-link" title="出水芙蓉">出水芙蓉</a></p>
<p>阿娇泳池湿身诱惑</p>
</li>
<li class="last">
<a href="" class="img-link"></a>
<p><a href="">罪恶之城</a><a href="" class="pic-link" title="罪恶之城">罪恶之城</a></p>
<p>闫妮沐浴露美腿</p>
</li>
<li>
<a href="" class="img-link"></a>
<p><a href="">转山</a><a href="" class="pic-link" title="转山">转山</a></p>
<p>单车骑行丽江西藏</p>
</li>
<li>
<a href="" class="img-link"></a>
<p><a href="">伊莎贝拉</a><a href="" class="pic-link" title="伊莎贝拉">伊莎贝拉</a></p>
<p>彭浩翔黑色幽默片</p>
</li>
<li>
<a href="" class="img-link"></a>
<p><a href="">半支烟</a><a href="" class="pic-link" title="半支烟">半支烟</a></p>
<p>舒淇演香艳舞厅女</p>
</li>
<li class="last">
<a href="" class="img-link"></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="">葛优</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>年份</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=""></a>
</div>
</div>
</div>
<!-- 电影 end -->
<!-- 合作专区start -->
<div class="co-work w968">
<h2>合作专区</h2>
<div class="co-work-left fl">
<ul class="img-ul">
<li>
<a href=""></a>
<p><a href="">把乐带回家</a></p>
</li>
<li>
<a href=""></a>
<p><a href="">把乐带回家</a></p>
</li>
<li>
<a href=""></a>
<p><a href="">把乐带回家</a></p>
</li>
<li>
<a href=""></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>
<!-- 合作专区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档节目</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>
<!-- 页脚部分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下的写法，是通过滤镜实现的。取值是相差100的数量级*/
}
.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*/
/*分区一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;
}
/*分区一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*/
/*合作专区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;
}
/*合作专区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
网友评论