猫眼--郭敬明专访

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>专访导演郭敬明:用CG特效最大限度的实现想象力</title>
 <link rel="stylesheet" href="../css/reset.css">
 <link rel="stylesheet" href="../css/zixun.css">
</head>
<body>
<!-- 导航栏 -->
<div class="daohanglan">
 <div class="dhl-gd">
  <header>
  <nav>
   <ul class="dhl">
    <li>
     <a href="shouye.html">
      <img src="../img/maoyan.small.png" alt="">
     </a>
    </li>
    <li>
     <select name="chengshi" id="" class="dm">
      <option value="cd">成都</option>
      <option value="cq">重庆</option>
      <option value="cs">长沙</option>
      <option value="cc">长春</option>
      <option value="cz">崇州</option>
     </select>
    </li>
    <li>
     <a href="shouye.html">首页</a>
    </li>
    <li>
     <a href="dianying.html">电影</a>
    </li>
    <li>
     <a href="bangdan.html">榜单</a>
    </li>
    <li>
     <a href="#">热点</a>
    </li>
   </ul>
  </nav>
  <!-- 右边的导航栏 -->
  <nav class="dhl2">
   <ul>
    <li>
     <form action="#" >
      <input type="text" placeholder="找影视、影人、影院">
     </form>
     <button>
      <a href="#">
      <img src="../img/03.png" alt="">
      </a>
     </button>
     
    </li>
    <li>
     <a href="denglu.html">
      <img src="../img/04.png" alt="">
     </a>
     <select name="chengshi" id="tp" class="sj">
     </select>
    </li>
    
   </ul>
  </nav>
  </header>
 </div>
</div>

<!-- 整个内容 -->
<div class="all">
 <!-- 左边内容 -->
 <div class="all-l">
  <h1>专访导演郭敬明:用CG特效最大限度的实现想象力</h1>
  <p>
   猫眼电影&nbsp;&nbsp;&nbsp;&nbsp;2016-09-22 14:56&nbsp;&nbsp;
   <img src="../img/zixun/viewIcon.png">&nbsp;
   24119
  </p>
  <ul>
   <li>
    <p>
     郭敬明,作家?导演?写而优则导的转型他不是第一个,但却是最有争议的一个。电影《爵迹》从立项、开拍再到预告片发布,质疑声一直都在。经历过《小时代》系列的票房成功,郭敬明三个字似乎成了粉丝片的票房保证。
    </p>
   </li>
   <li>
    <img src="../img/zixun/de185deb125f211025f0ed811b5c8fc9280576.jpg">
   </li>
   <li>
    <p>
     导演本人却并不想被这么定义,《爵迹》首次尝试全真人CG特效拍摄,是华语电影市场中第一次尝试。如何面对质疑迈出第一步,就这一问题猫眼电影在“与子同袍”发布会结束后,第一时间采访了导演郭敬明。
    </p>
   </li>
   <li>
    <h2>
     挑战:利用CG特效最大化的还原真实
    </h2>
   </li>
   <li>
    <h6>
     猫眼电影:华语电影圈首次尝试全真人CG,导演是第一个吃螃蟹的人,当初为什么会有这样的选择?
    </h6>
   </li>
   <li>
    <p> 
     郭敬明:因为当初在筹备《爵迹》这个项目的时候一直在考虑到底是该实拍还是用CG的形式来实现,因为各有各的难点,实拍最大的问题是有很多固有突破不了的限制,有些是演员天生没办法做到的事情,包括有一些摄影机到不了的镜位,或是达不到的运动,这些都是限制。
    </p>
   </li>
   <li>
    <p>
     全CG的限制就是对演员的微表情很难把控,如果你要还原一个真人,你做一个怪物或是外星人还反倒容易,跟人不像,稍微有一点喜怒哀乐大家不会觉得是个问题,没人见过外星人长什么样子。就像《魔兽》里面吴彦祖演一个兽人,其实不管那个兽人长成什么样子,你都不会觉得奇怪,但是你把它做成吴彦祖的样子,你稍微有一点点不像,观众都会说这个不像,这个就是最大的区别。
    </p>
   </li>
   <li>
    <img src="../img/zixun/zixun1_03.png">
    <h5>动作捕捉制作特辑</h5>
   </li>
   <li>
    <span>所以当时各自都有很难的地方,</span><span class="hongse">我们之所以决定用CG来呈现,是因为《爵迹》首先是一个奇幻的、视觉为先的电影,如何最大限度的实现它的想象力是最重要的。
    </span><span>所以当时决定放弃实拍电影,攻克关于人物写实度的问题。当时有很简单的方式就是把人做的像动画人,但我们不想把它变成一个没有真实感的纯动画片,所以我们尽可能的去模拟真实世界的样子,包括真实世界光线、植物、大气、烟雾、人的表情如喜怒哀乐,我们都希望尽可能去还原真实。</span>
   </li>
   <li>
    <h6>
     猫眼电影: 说到动作捕捉和CG特效,导演邀请了很多著名的特效公司,应该说耗费了很大的成本和精力,这个在初期导演有考虑产出问题或者说在效果上有某种程度的预期吗?
    </h6>
   </li>
   <li>
    <p>
     郭敬明:如果是同样成本的话,实拍不见得能实现现在这样一个惊艳的效果,所以说CG带来的整个视觉冲击力是非常震撼的,特别是当你在最终的大银幕上感受的时候,跟实拍是完全不一样的,它的那种特有的CG电影的风格是你很难用真人去实现的一些东西。
    </p>
   </li>
   <li>
    <h6>
     猫眼电影:电影用了两年的时间打磨,导演曾说精细到鬼山莲泉的发丝、幽冥从湖底走出身上的水珠都有精确的计算,制作期间遇到过哪些不曾预判过的困难?
    <h6> 
   </li>
   <li>
    <p>
     郭敬明:太多太多困难了,因为很多困难是你根本预期不到的。首先是技术的壁垒,比如好莱坞的核心团队就是不会开放这个软件给你使用,你明明知道用这个就能解决这个问题,但他就是不开放给你。所以你只能自己去摸索,自己写新的程序去解决这个困难。
    </p>
   </li>
   <li>
    <p>
     其次是你完全查不出原因怎么会出这个情况,比如说有一个镜头渲染,一切环节反复检查都对,但最后渲染出来的镜头里面陈学冬有一条眉毛就飞了,就不见了,你死活就查不出是什么原因。你检查每一个环节每一个模型,那条眉毛都在,但就是到最后一个环节里那条眉毛就不见了。因为CG是个电脑生成的东西,有时候会出现错误、漏洞,或者人为难以预料的事情。
    </p>
   </li>
   <li>
    <div class="jjtp">
    <img  src="../img/zixun/762716d771badff454efb0acd0e101cf237568.jpg">
    </div>
    <p class="jj">《爵迹》这个电影的体量对整个模型的精度有很高的要求,因为只是在手机上做一个精细的很简单,但是放在大荧幕上要达到很高的精细度是非常困难的,我们做到后期的时候,每一个技术员工的电脑都升级到不能再升级。</p>
   </li>
   <li>
    <p>
     我们之前做的一个城市叫雷恩,几千栋大大小小的建筑,每一个建筑上面成千片瓦片都是3D建模建出来的,当无数栋房子拼成了一整个城市的时候,我们有一个镜头是穿越整个城市,当所有的建筑拼成一个城市之后,我们却发现我们再也打不开这个文件,因为它实在是太大,于是我们又回到技术部门,技术部门写代码默认远景的房子用低精度的形式来打开,中景的房子用中精度来打开,近景的房子用非常高的精度打开,这样才勉强把城市文件调出来。
    </p>
   </li>
   <li>
    <img src="../img/zixun/35f46a65be8687da17799d52d5bd7b2f305152.jpg">
   </li>
   <li>
    <span>因为城市的灯火、每扇窗户透出来的光是不一样的,这种东西你没办法在模型里做,只能回到技术部门来写插件帮你实现,所以小到空气里漂浮的一颗一颗的尘埃、大到一条龙、一个岛屿的崩塌,你看到的一切都是需要电脑制作出来才能看得到,精确到一个演员的雀斑、一颗痣,或者肌肉上的一个疤痕,这些都需要电脑制作来完成,</span><span class="hongse">CG特效就像个黑洞可以无休止的去添加细节。但你添加到一定的极限的时候,你就再也做不上去了,因为你的时间、预算、人力、物力各方面是有限的,所以说CG电影的可怕就在于它没有极限,可以追求到无限制的好。</span>
   </li>
   <li>
    <h6>
     猫眼电影:曝光的预告片中有大量的打斗场面,跟模拟真人的表情、外表相比,哪个部分实现起来更难?
    </h6>
   </li>
   <li>
    <p>
     郭敬明:打斗很简单,越近的特写越难,散乱的头发实现起来比较困难。散的头发被风吹起来就是一根一根的,每一根就是一个3D模型,你让它动起来的话就要每一根都去做结算,但是人有十几万根头发,十几万根一起结算没有机器可以拖得动,解决办法就是每十几根头发做一根引导曲线,它追随这个引导曲线的去动。
    </p>
   </li>
   <li>
    <img src="../img/zixun/14db37b46e75ac18172dde714439f1ee911360.gif">
   </li>
   <li>
    <span>因为头发和布料的结算都是模拟物理的情况,可以设定风速和方向,但是无法决定它飘成什么样子,就像你实拍电影拿一个鼓风机去吹头发,但是你不知道你吹出来好不好看,有可能飞的特别丑,有可能飞的不舒服,但这个你在渲染之前都不知道,你只能一遍一遍的去试,突然试到有一遍飞的特别好的,赶紧存下来。</span><span class="hongse">越软的东西在电影里是越难实现的,反倒是很硬的盔甲、剑之类的更容易通过模型复现,所以在电影里水是最难做的。</span><span>但在电影里最后40分钟是在海上面打的,当时做的时候也是把大家逼疯了。</span>
   </li>
   <li>
    <img src="../img/zixun/67aedd4562a8d674137e90cb2c919d41724992.gif">
   </li>
   <li>
    <h6>
     猫眼电影:在之前的小时代系列中,导演有过360度长镜头的尝试,爵迹里有哪些新的尝试吗?
    </h6>
   </li>
   <li>
    <span>郭敬明:《爵迹》的长镜头更疯狂,一个是开篇的长镜头,是从宇宙开始一路下降到地球,以前调度从一楼到三楼就已经很远了,这次是从太空一路下降到地球,到城市的上空穿越云层到小镇街道,再看到陈学冬在前面街道跑,一路推推推推到他头发丝拍一个最极限的特写。然后跟着他穿越整个城市,一路走过几百个群演,几百个摊贩,卖鱼的、打铁的、和各种各样的炊烟、建筑,你看到的一切就是各种各样的模型打造出来的真实的世界,这个调度大概有三分多钟,然后中间从下雪的夜晚到黄昏、到太空里的那种不断变换的光线。</span><span class="hongse">CG电影有一个很难的地方就是光线的变换,跟实拍电影不同,实拍是什么光就是什么光。CG电影里所有的光都是后期做的,它的光旋、它扫过镜头产生的那种灯脚都是电脑做上去的,所以光线在一个镜头里变的越复杂就越难做。</span><span>这个镜头从去年2月份开始做,到现在才做完。
    </span>
   </li>
   <li>
    <img src="../img/zixun/a341e7bfaa67ef99ec87e30b95fe2fcd733184.gif">
   </li>
   <li>
    <p>
     还有一个镜头是陈学冬从山上跑下一路救吴亦凡的镜头也是非常复杂,这个镜头有一分多钟,实拍根本不可能拍出这个镜头,除非你让摄影师扛着机器跳悬崖才有可能拍到,但在CG电影里有很多空间能实现这个一镜到底的运行,但这个对演员的要求也变高了,他要把所有的动作连接起来,通过动作捕捉的人员把他的动作进行缝合,让他看起来是连串的动作,所以他在表演的时候每一个切开的地方他都要记住自己动作的切点在哪里,这个镜头也用了6、7个月的时间,而且这个跑下山的镜头中间有一百多只各种各样的魂兽,包括龙、蜥蜴等。每一只蜥蜴的动态血、皮肤等都要用CG特效制作出来。在剧本讨论阶段这两个镜头提出来时,几乎所有人都说导演这两个镜头可不可以删掉,当时想说既然做了CG电影不能怎么简单怎么做,删掉感觉可惜了,于是就想挑战看看。
    </p>
   </li>
   <li>
    <h6>
     猫眼电影:大家对CG特效这个概念还比较陌生,CG特效会有多大制作成本以及哪些制作方法,导演可以谈一下吗?
    </h6>
   </li>
   <li>
    <span>郭敬明:CG电影和实拍电影有一个最大的区别就是实拍电影是光学成像,所有东西在你拍下来的瞬间无论放大缩小全部都在,这是光学成像的原理。</span><span class="hongse">但是CG电影中你所看到的东西都是在渲染的时候,根据物体在画面上占据的大小自动渲染出符合那个大小的精度,这就要求你的画面不能放大也不能缩小,缩小就不是原来的精度,所以必须按照标准尺寸来计算,这也是为什么大家在手机上看所有的细节大量的丢失。</span><span>你不能看到人脸上的皱纹、毛孔,但这些其实全部都在,这也是我们比较沮丧的原因,如何才能呈现给观众我们真正做出来的东西。</span>
   </li>
   <li>
    <img src="../img/zixun/18eca11526a622cd1394b2d99231952b212992.jpg">
   </li>
   <li>
    <p>
     在第一版预告片中大家提到的一些问题我们还是有改进,比如说肤质不够细腻,或者不够写实,我们后期都加了很多很写实的东西,甚至放弃了一些特别美的,比如女孩都希望自己皮肤特别好,但是CG特效如果特别好会显得特别假,我们会跟演员商量还原你的一些痘印、毛孔或者小雀斑之类的,大家都很理解,因为一般实拍就是盖很厚的粉底,光一打美到不行,CG电影如果这样做就会很假,CG必须反过来做比如眼角一些皱纹之类的都有去强化和加深。
    </p>
   </li>
   <li>
    <img src="../img/zixun/71645bafc2a5a8257221337664e63e19206848.jpg">
   </li>
   <li>
    <h6>
     猫眼电影:《爵迹》选择大量明星加盟,这方面导演有哪些自己的考量吗?
    </h6>
   </li>
   <li>
    <p>
     郭敬明:我觉得其实每一个导演他在选择演员的时候,完全忽略演员的商业价值是不可能的,电影用明星是每一个导演都会去追求的事情,但是不是说我用了明星就不对了。
    </p>
   </li>
   <li>
    <img src="../img/zixun/0963b4b8c76425c502eb33d51961873192160.jpg">
   </li>
   <li>
    <span>
     你不能说追求票房的导演他就是不好的导演,只是你要很客观的看目前中国的电影市场,如果说现在中国电影票房从几百亿变成几十亿,我不相信这个行业会发展的好。就像好莱坞也不能一直追求文艺的小众的电影,如果说中国的导演所有都在拍特别小众、特别文艺、特别个人表达的电影,完全没有商业片、类型片立足的空间的话,这对整个电影市场来说我不觉得是一件好事。</span><span class="hongse">我希望是百花齐放的,有些导演擅长拍文艺片,那他就去拍文艺片;有些擅长拍商业片,那他就去拍商业片,这个是观众的选择,本身不存在善恶或者对错。</span>
   </li>
   <li>
    <h2>改变:做一次西方设定下的东方尝试</h2>
   </li>
   <li>
    <h6>
     猫眼电影:从作家到导演,经历了《小时代》系列,现在是不是更适应导演这个身份?
    </h6>
   </li>
   <li>
    <p>
     郭敬明:我其实都很喜欢,现在我也还在写书,两者是完全不一样的感觉,电影实现你所有的想象还是很困难的,会受到很多的限制。但是写作会彻底解放你的想象力,小说讲究的是通感,它会融合你所有的感知。就像一个可爱的女孩给人的感觉就像一块很好吃的蛋糕,在小说中你利用通感,将你对女孩的感觉和味觉联系在一起,观众就会觉得“啊,原来是那样的感觉”。但是电影是拍不出来一个女孩像蛋糕一样好吃这样一个感觉,所以这是两个截然不同的载体,所以你在两个方面下的功夫和攻克的技术难点是不一样的。
    </p>
   </li>
   <li>
    <img src="../img/zixun/87afd87e833fef437842fc4655c0821e598016.jpg">
   </li>
   <li>
    <h6>猫眼电影:《小时代》和《爵迹》都属于群像刻画,但后者的世界观更宏大,有观众说《爵迹》群像的刻画堪比《冰火》,相比《小时代》导演有了哪些改变?</h6>
   </li>
   <li>
    <span>郭敬明:《爵迹》人物真的非常多,在小说里有三十几个人物,而且每个都是主角,所以在做电影的时候很头痛这个问题,真的不知道该怎么改,当时就说那就删吧,大刀阔斧的删,不要一上来就拍那么多。《冰火》更多的还是国家和国家之间的斗争、权利的争夺,《爵迹》更多的集中在个人的命运上,而且更魔幻、更疯狂一点。在这一点上两者还是有区别的。</span><span class="hongse">相对来讲《爵迹》是一个西方设定上的奇幻故事,但是中间有很多东方的成分存在。</span><span>《冰火》是个纯西方的故事,在这方面还是不一样的。就我个人而言,还是很喜欢这种群像的创作,包括从《小时代》开始很少写那种男一、女一就结束的故事,我比较喜欢很多人的故事,能激发我的创作热情。</span>
   </li>
   <li>
    <p>(文 / 糖醋小排)</p>
   </li>
   <li>
    <span class="zan">
     <a href="#">
     <img src="../img/zixun/zan_07.png">
     </a>
     &nbsp;&nbsp;<span>35</span>
    </span>
    <span class="zan2">
     <a href="#">
     <img src="../img/zixun/fenxiang_07.png"></a>
     &nbsp;<span>分</span>
     <span>享</span>

    </span>
   </li>
  </ul>
  
  <!-- 评论区 -->
  <div class="plq">
   <!-- 热门评论 -->
   <div class="rmpl">
    <p>热门评论</p>
    <ul>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_51.jpg">
      </div>
      <div class="tx-r">
       <p>飘蓝xz_cumt</p>
       <p>2016-09-28 徐州
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;151
        </a>
       </p>
       <p>都懒得喷你,一拉到底。</p> 
      </div>
     </li>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_51.jpg">
      </div>
      <div class="tx-r">
       <p>_qqw5z1424573905</p>
       <p>2016-09-28 淮安
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;123
        </a>
       </p>
       <p>我绝对不会为这烂片掏一毛钱,郭不值得我花钱</p> 
      </div>
      
     </li>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_56.jpg">
      </div>
      <div class="tx-r">
       <p>單機哥</p>
       <p>2016-09-28 重庆
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;94
        </a>
       </p>
       <p>我tm从未见过如此厚颜无耻</p> 
      </div>
      
     </li>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_58.jpg">
      </div>
      <div class="tx-r">
       <p>Looin |灬钰</p>
       <p>2016-09-28 北京
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;29
        </a>
       </p>
       <p>《爵迹》无论好坏骂笑,总是国产电影一次好的勇敢尝试,冲这份心也值得一看。</p> 
      </div>
      
     </li>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_60.jpg">
      </div>
      <div class="tx-r">
       <p>yanyx899012</p>
       <p>2016-09-28 昆明
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;29
        </a>
       </p>
       <p>我来翻译一下:事实是,没能力拍一部正常水准的迷幻大片,就拍了一部页游水准的超不真实伪CG动画,害怕没人看又请了一群演员只采集面部表情不进行动作捕捉直接把头丢到CG动画人物的身上,完事………然后全片大量面部特写,告诉脑残粉们,快去看你们的偶像吧,你们只需要盯着他们的脸看就好了,因为剧情。。。没有剧情。。。因为特效。。。垃圾特效。。。</p> 
      </div>
      
     </li>
    </ul>
   </div>

   <!-- 最新评论 -->
   <div class="rmpl">
    <p>最新评论</p>
    <ul>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_62.jpg">
      </div>
      <div class="tx-r">
       <p>Accidental</p>
       <p>2016-10-06 宜昌
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;赞
        </a>
       </p>
       <p>说的很对。电影本身就被称为第七艺术,然后很多人都已经忘了它是艺术,而把它当作娱乐,导致什么样的人都染指这个领域。。</p>
       <div class="zxpl">
        <p>回复  ElQ900786733</p>
        <p>电影的精髓在于想表达一个怎样的思想,且如何用其他手段把这个思想表现好。好的电影是一件艺术品!而不是找一群明星,很假、很生硬的表演一个漏洞百出的无聊故事。</p>
       </div>
      </div>
     </li>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_64.jpg">
      </div>
      <div class="tx-r">
       <p>julianier</p>
       <p>2016-09-30 武汉
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;赞
        </a>
       </p>
       <p>说难道不是一样的吗? 谁会把效果弱于成片的预告拿出来??? 弱智粉</p>
       <div class="zxpl">
        <p>回复  mokikikiki</p>
        <p>你看成片了?预告片是未完成版、已经说过了。那是先导预告</p>
       </div>
      </div>
     </li>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_66.jpg">
      </div>
      <div class="tx-r">
       <p>jpmj107918793</p>
       <p>2016-09-30  中山
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;3
        </a>
       </p>
       <p>你是水军? 一点点成长? 他拍cg已经是不会走路已经开始飞了 连自己小说的电影都拍的这么烂 没拍过cg还学人拍 打好基本特效再说吧 基础都没干过就开始这么大的特效 我看这电影就靠脑残粉来赚钱 侮辱了特效行列 这郭比特人不配当导演 还是当你的小说家吧 没学会走路就要飞 小心摔死 郭“导演”</p>
       <div class="zxpl">
        <p>回复  mokikikiki</p>
        <p>谁还不是一点一点成长的?他才开始拍电影,还不能有些缺陷了。再说,小时代你看了吗?你先说说你都看了吗</p>
       </div>
      </div>
     </li>
     <li>
      <div class="tx">
       <img src="../img/zixun/news_68.jpg">
      </div>
      <div class="tx-r">
       <p>Bkt867891354</p>
       <p>2016-09-30 上海
        <a href="#">
         <span class="jubao">举报</span>&nbsp;&nbsp;
         <img src="../img/zixun/details_zan.png">&nbsp;&nbsp;1
        </a>
       </p>
       <p>国外也是自己研发的技术,咱们是不是太着急了,多花个几年搞研发,国外几大特效公司几次都是拍一部电影搞一套新技术,隔壁FF15能有今天的效果也是靠长时间的积累</p>
      </div>
     </li>
    </ul>
   </div>  
  </div>

  <!-- 更多回复 -->
  <div class="gdhf">
   <a href="#">
    查看更多回复
    <img src="../img/zixun/moreIcon.png" alt="">
   </a>
  </div>
 </div>

 <!-- 右边相关资讯 -->
 <div class="all-r">
  <p>相关电影</p>
  <figure>
   <a href="#">
    <img src="../img/zixun/28baf2c446790ad1cffa853d2a584076321231.jpg">
   </a>
   <figcaption>
    <p> 
    <a href="#">
     爵迹
    </a>
    </p>
    <i>7.9</i>
   </figcaption>
  </figure>
 </div>
</div>

 <!-- 脚注 -->
 <footer>
  <div>
   <p>&copy;2016 猫眼电影 maoyan.com 京ICP证160733号 京ICE 备16022489号-1  京公网安备 11010502030881号  网络文化经营许可证  电子公告服务规则</p>
   <p>北京猫眼文化传媒有限公司</p>
  </div>
 </footer>
 <!--右侧的猫 -->
 <div class="mao">
  <a href="#">
   <img src="../img/shouye15.png" alt="">
  </a>
 </div>
</body>
</html>

CSS代码

/*导航栏*/
.dhl-gd{
 width: 100%;
 height: 80px;
 outline: 1px solid #c1c1c1;
 background: #fff;
}
a{
 text-decoration: none;
 color: black;
}
.dm{
 outline: none;
 border: 0px;
 width: 50px;
 font-size: 14px;
}
.daohanglan{
 width: 100%;
 height: 80px;
 background-color: #fff;
}
.dhl-gd{
 
 position: fixed;
 top: 0;
 z-index: 4;
}

header{
 width: 1200px;
 margin: 0 auto;
 overflow: hidden;
 
}
.dhl{
 overflow: hidden;
}
header>nav:first-child{
 float: left;
}
header>nav:last-child{
 float: right;
}
header>nav>ul>li{
 margin: 20px 20px 20px 0px;
 box-sizing: border-box;
 float: left;
 outline: none;
}
header>nav>ul>li>a{
 font-size: 14px;
}
.dhl>li:not(:first-child){
 margin-top: 30px;
}
.dhl>li:nth-child(3)>a,
.dhl>li:nth-child(4)>a,
.dhl>li:nth-child(5)>a,
.dhl>li:nth-child(6)>a{
 padding: 30px 20px;
}

.dhl>li:nth-child(3):hover>a,
.dhl>li:nth-child(4):hover>a,
.dhl>li:nth-child(5):hover>a,
.dhl>li:nth-child(6):hover>a{
 background-color: red;
}
.dhl>li:nth-child(3):visited>a,
.dhl>li:nth-child(4):visited>a,
.dhl>li:nth-child(5):visited>a,
.dhl>li:nth-child(6):visited>a{
 background-color: red;
}

.dhl2>ul>li>form>input{
 width: 210px;
 height: 36px;
 border-radius: 20px;
 border: 1px solid #c1c1c1;
 outline: none;
 padding-left: 10px;
    padding-right: 40px;
}
.dhl2>ul>li:nth-child(1){
 position: relative;
}
.dhl2>ul>li:nth-child(1)>button>a>img{
 position: absolute;
  top: 0px;
    left: 226px;
}

.sj{
   width: 15px;
 border: 0px;
}
/*整个内容*/
.all{
 width: 1200px;
 margin: 0 auto;
 margin-top: 60px;
 display: flex;
 justify-content: space-between;
}

/*左边内容*/
.all-l{
 width: 750px;
}
.all-l>h1{
 color: #222;
    font-size: 36px;
    line-height: 1;
}
.all-l>p{
 margin-top: 30px;
    color: #999;
    font-size: 14px;
    line-height: 1.75;
}

/*红色字体*/
.hongse{
 color: red;
}
.all-l>ul{
 margin-top: 50px;
}
.all-l>ul>li{
 margin-bottom: 40px;
}
.all-l>ul>li:nth-child(17),
.all-l>ul>li:nth-child(21),
.all-l>ul>li:nth-child(23),
.all-l>ul>li:nth-child(26),
.all-l>ul>li:nth-child(30),
.all-l>ul>li:nth-child(32),
.all-l>ul>li:nth-child(35),
.all-l>ul>li:last-child,
.jjtp{
 text-align: center;
}
h2{
 font-size: 34px;
 color: #E33939;
}
h5{
 margin-top: 30px;
}
.jj{
 margin-top: 36px;
 text-align: left;
}
/*点赞和分享*/
.zan{
 font-size: 16px;
 width: 75px;
 height: 43px;
 display: inline-block;
 border: 1px solid red;
 border-radius: 20px;
 text-align: center;
 line-height: 43px;
 margin-right: 23px;
}
.zan2{
 font-size: 16px;
 width: 90px;
 height: 43px;
 display: inline-block;
 border: 1px solid red;
 border-radius: 20px;
 text-align: center;
 line-height: 43px;
 margin-right: 23px;
}
.zan>span,
.zan2>span{
 color: red;
}
/*评论区*/
.plq{
 
 width: 750px;
}
/*热门评论*/
.rmpl{
 margin-top: 50px;
}
.rmpl>p{
 font-size: 18px;
 border-left: 4px solid red;
 padding-left: 6px;
 margin-bottom: 43px;
}
.rmpl>ul>li{
 display: flex;
 margin-bottom: 20px;
}
.tx-r{
 margin-left: 20px;
 width: 670px;
 border-bottom: 1px solid #c1c1c1;
    padding-bottom: 35px;
}
.tx-r>p:nth-child(2){
 display: flex;
 justify-content: space-between;
 margin:10px 0 27px 0;
 color: #9AA0B3;
}
.tx-r>p:nth-child(2)>a{
 color: #9AA0B3;
}
.tx-r>p:nth-child(2)>a>span{
 display: none;
}
.tx-r:hover .jubao{
 display: inline-block;
}
.tx-r>p:nth-child(2),
.tx-r>p:nth-child(3){
 font-size: 14px;
}
/*最新评论*/
.zxpl{
 margin-top: 16px;
 background-color: #eee;
 padding: 15px;
 position: relative;
}
.zxpl::before{
 content: "";
    width: 0px;
    height: 0px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #eee;
    position: absolute;
    top: -6px;
}
.zxpl>p:first-child{
 font-size: 12px;
 color: #9A9A9A;
 margin-bottom: 10px;
}
.zxpl>p:last-child{
 font-size: 14px;
}
/*更多回复*/
.gdhf{
 text-align: center;
 margin-top: 30px;
}
.gdhf>a{
 color: red;
 font-size: 14px;
}


/*右边相关资讯*/
.all-r{
 width: 365px;
}
.all-r>p{
 font-size: 18px;
 font-weight: 400;
 border-left: 4px solid #EF433A;
 padding-left: 6px;
    margin-bottom: 23px;
}
.all-r>figure>figcaption{
 width: 106px;
 height: 19px;
 text-align: center;
}
.all-r>figure>figcaption>p{
 margin-top: 15px;
}
.all-r>figure>figcaption>p>a{
 font-size: 14px;
}
.all-r>figure>figcaption>i{
 color: #ffb400;
 font-size: 12px;
 display: inline-block;
 margin-top: 15px;
}
.all-r>figure>figcaption>i::first-letter{
 font-size: 16px;
}

/*脚注*/
footer{
 margin-top: 100px;
 height: 150px;
 background-color: #262426;
}
footer>div{
 width: 920px;
 margin: 0 auto;
 text-align: center;
 padding-top: 50px;
}
footer>div>p{
 font-size: 14px;
 color: #585858;
}
/*猫*/
.mao{
 position: relative;
}
.mao>a>img{
 position: fixed;
 bottom: 160px;
 right: -60px;
 transition-duration:1s;
}
.mao:hover>a>img{
 bottom: 160px;
 right: 0px;
 transition-duration: 1s;
}

猜你喜欢

转载自www.cnblogs.com/yehongrun/p/8998077.html