请老师帮忙检查下，有什么问题

<!-- 页头 -->

  <header class="d1">

    <p>服务热线：400-8888-888</p>

  </header>

  <nav class="d2">

    <div class="center-wrap">

      <p class="d3">幕家居</p>

      <div>

        <ul>

          <li>

            <img src="../image/home-gry-home-gry.png" alt="" class="d5" />

            <p class="p1">网站首页</p>

          </li>

          <li>

            <img src="../image/abouts-gry-abouts-gry.png" alt="" class="d6" />

            <p class="p2">关于我们</p>

          </li>

          <li>

            <img src="../image/kefu-gry-kefu-gry.png" alt="" class="d7" />

            <p class="p3">服务建设</p>

          </li>

          <li>

            <img src="../image/chanpin-gry-chanpin-gry.png" alt="" class="d8" />

            <p class="p4">产品中心</p>

          </li>

          <li>

            <img src="../image/fuwu-gry-fuwu-gry.png" alt="" class="d9" />

            <p class="p5">服务大厅</p>

          </li>

        </ul>

      </div>

      <div id="d3">

        <div>

          <input type="text" placeholder="请输入搜索内容" />

        </div>

        <div id="d4">

          <img src="../image/search-search.png" alt="" id="d5" />

        </div>

      </div>

    </div>

  </nav>

  <div id="d6">

    <img src="../image/banner01-banner01.png" alt="" />

    <div class="z1"></div>

    <div class="z2"></div>

    <div class="z3"></div>

  </div>

  <div id="d7">

    <div class="clearfix">

      <img src="../image/箭头按钮-prev-箭头按钮-prev.png" alt="" class="d71" />

      <ul>

        <li>

          <img src="../image/product01-product01.png" alt="" />

          <p>时尚卫生间墙面颜色</p>

          <p>2029装饰设计</p>

        </li>

        <li>

          <img src="../image/product02-product02.png" alt="" />

          <p>现代北欧风格厨房装</p>

          <p>2029饰效果图</p>

        </li>

        <li>

          <img src="../image/product03-product03.png" alt="" />

          <p>现代时尚北欧风格卧</p>

          <p>2029室装饰画</p>

        </li>

        <li>

          <img src="../image/product04-product04.png" alt="" />

          <p>130平简约现代北欧</p>

          <p>2029风格装修</p>

        </li>

        <li>

          <img src="../image/product05-product05.png" alt="" />

          <p>现代北欧风格小客厅</p>

          <p>2029装修设计</p>

        </li>

      </ul>

      <img src="../image/箭头按钮-next-箭头按钮-next.png" alt="" class="d72" />

    </div>

    <div id="d8">

      <div class="d81"></div>

      <p class="d73">了解我们</p>

      <p class="d74">about us</p>

      <div class="d82"></div>

    </div>

    <div id="d9" class="clearfix">

      <!-- 左侧内容 -->

      <div class="left">

        <p class="d91">关于我们</p>

        <p class="d92">幕家居装饰材料有限公司</p>

        <p class="d94"></p>

        <p class="d93">

          幕家居家居装修北欧风格家具图片专区，是国内海量全面的高质量北欧风格家具图片库

        </p>

        <p class="d96">了解更多</p>

      </div>

      <!-- 中间内容 -->

      <div class="center">

        <img src="../image/aboutus.png" alt="" />

      </div>

      <!-- 右侧内容 -->

      <!-- 将图片换成你自己本地的图片 -->

      <div class="right">

        <div class="item">

          <img src="../image/了解我们-liuyan-icon-了解我们-liuyan-icon.png" alt="" />

          <div>

            <p>在线留言</p>

            <p>on-line message</p>

          </div>

        </div>

        <div class="item">

          <img src="../image/了解我们-guanggao-icon-了解我们-guanggao-icon.png" alt="" />

          <div>

            <p>广告经营</p>

            <p>Advertising management</p>

          </div>

        </div>

        <div class="item">

          <img src="../image/了解我们-wangluo-icon-了解我们-wangluo-icon.png" alt="" />

          <div>

            <p>网络咨询</p>

            <p>Network consultation</p>

          </div>

        </div>

      </div>

    </div>

  </div>

  <div class="d11">

    <div>

      <p>精品推荐</p>

      <p class="d13">Boutique recommendation</p>

      <div class="d14"></div>

    </div>

    <div class="bottom">

      <img src="../image/prev.png" alt="" class="d15" />

      <ul>

        <li>

          <img src="../image/recommend1-recommend1.png" alt="" class="d16" />

          <div class="d17">

            <p>轻奢风格样板房客厅色彩搭配装修设计</p>

          </div>

        </li>

        <li>

          <img src="../image/recommend2-recommend2.png" alt="" class="d16" />

          <div class="d17">

            <p>简约美式风格卧室衣柜设计</p>

          </div>

        </li>

        <li>

          <img src="../image/recommend3-recommend3.png" alt="" class="d16" />

          <div class="d17">

            <p>简约美式风格卧室衣柜设计</p>

          </div>

        </li>

      </ul>

      <img src="../image/next.png" alt="" class="d18" />

    </div>

  </div>

  <div class="d20">

    <div class="d21">

       <div class="d22"></div>

       <p class="d31">新闻中心</p>

       <p class="d32">press center</p>

       <div class="d23"></div>

       <div class="d24"></div>

    </div>

    <div class="d26">

      <!-- 01 -->

      <div class="d30">

        <div class="d311">

          <img src="../image/新闻中心-talk-bg-icon-新闻中心-talk-bg-icon.png" alt="" />

          <p class="d31">01</p>

        </div>

        <div class="d32">

          <p class="d33">最新招标</p>

          <p class="d34">重庆业主要求：一居室的户型，想把阳台利用起</p>

          <p class="d34">来，改成一室一厅的户型，业主表示已经请朋友把</p>

          <p class="d34">以前的装修敲了，现在基本是毛坯的状态……</p>

        </div>

</div>

<div class="d27">

  <div class="d271">

    <img src="../image/新闻中心-talk-bg-icon-新闻中心-talk-bg-icon.png" alt="" />

    <p class="d272">02</p>

  </div>

  <div class="d273">

    <p class="d2731">装修日记</p>

    <p class="d2732">终于在北京四环里贷款买了套两居室二手房，还是</p>

    <p class="d2732">很欣喜的，为了装好它，我可真是费了心了，毕竟</p>

    <p class="d2732">是自己以后的小家，所以我真是没少操心……</p>

  </div>

</div>

        <!-- 02 -->

        <div class="d28">

          <div class="d281">

            <img src="../image/新闻中心-talk-bg-icon-新闻中心-talk-bg-icon.png" alt="" />

            <p class="d282">03</p>

          </div>

          <div class="d283">

            <p class="d285">装修百科</p>

            <p class="d284">买房之后，无论是毛坯房还是留下二手房，很多业</p>

            <p class="d284">主都会选择进行装修。装修可以为你带来一个你喜</p>

            <p class="d284">欢的房屋，同时满足你需要的生活方式……</p>

          </div>

  </div>

  <div class="d29">

    <div class="d291">

      <img src="../image/新闻中心-talk-bg-icon-新闻中心-talk-bg-icon.png" alt="" />

      <p class="d292">02</p>

    </div>

    <div class="d293">

      <p class="d2931">热门搜索</p>

      <p class="d2790">选择防盗门最重要的就是工艺质量：应特别注意检</p>

      <p class="d2790">查有无焊接缺陷，诸如开焊、未焊、漏焊等现象。</p>

      <p class="d2790">看门扇与门框的配合是否密实，间隙是否均匀……</p>

    </div>

  </div>

    </div>

  </div>

  <div class="d151">

<p>幕家居</p>

<div>

  <ul>

  <li>咨询电话：010-88888888</li>

  <li>公司网址：www.imooc.com</li>

  <li>邮箱：KEFU@IMOOC.com</li>

</ul>

</div>

  </div>

  <div class="a2">

<p>Copyright © 2020 imooc.com All Rights Reserved | 京ICP备</p>

  </div>

*{

    margin: 0;

    padding: 0;

}

.d1{

    width: 100%;

    height: 40px;

    background: #0058AA;

}

.d1 p{

    font-family: Helvetica;

font-size: 18px;

color: #FFFFFF;

line-height: 40px;

position: absolute;

left: 70.3%;

}

.d2{

    width: 100%;

    height: 121px;

    background-color: white;

    position: relative;

}

.center-wrap{

    width: 1201px;

    margin: 0 auto;

}

.d2 .d3{

    font-family: Helvetica;

font-size: 64px;

color: #0058AA;

line-height: 91px;

padding:  19x 0 11px;

margin-right: 110px;

float: left;

}

.d2 center>div{

    float: left;

}

.d2 div ul li {

    list-style: none;

    float: left;

margin-right: 60px;

}

.d2 div ul li .d5:hover{

    transform: scale(1.5);

    border-radius: 25px;

    background: #0058AA;

}

.d2 div ul li .d6:hover{

    transform: scale(1.5);

    border-radius: 25px;

    background: #0058AA;

}

.d2 div ul li .d7:hover{

    transform: scale(1.5);

    border-radius: 25px;

    background: #0058AA;

}

.d2 div ul li .d8:hover{

    transform: scale(1.5);

    border-radius: 25px;

    background: #0058AA;

}

.d2 div ul li .d9:hover{

    transform: scale(1.5);

    border-radius: 25px;

    background: #0058AA;

}

.d2 #d3 ul li{

list-style: none;

}

.d2 div ul li p{

    margin-top: 28px;

font-family: Helvetica;

font-size: 16px;

color: #545454;

}

.d2 div ul li img{

    display: block;

    margin: 10px auto;

    width: 33px;

    height: 33px;

}

.d2 #d3{

    margin-top: 52px;

}

.d2 #d3 input{

    text-indent: 10px;

    width: 229px;

    height: 37px;

    float: left;

    border: 1px solid #d3d3d3;

}

.d2 #d3 #d5{

    width: 33px;

    height: 33px;

    margin: 3px 8px;

   float: right;

    display: inline;

}

.d2 #d3 #d4{

    width: 48px;

    height: 39px;

    background: #0058AA;float: right;

    display: inline;

}

#d6{

    position: relative;

}

#d6 img{

    width: 1920px;

    height: 650px;

}

#d6 .z1{

    width: 10px;

    height: 10px;

    border-radius: 5px;

    background-color: #0058AA;

    position: absolute;

    left: 939px;

    top: 590px;

    margin-right: 6px;

}

#d6 .z2{

    width: 10px;

    height: 10px;

    border-radius: 5px;

    background: #FFFFFF;;

    position: absolute;

    left: 955px;

    top: 590px;

}

#d6 .z3{

    width: 10px;

    height: 10px;

    border-radius: 5px;

    background: #FFFFFF;;

    position: absolute;

    left: 971px;

    top: 590px;

}

#d7 .d71 {

  padding-top: 136px;

  float: left;

  width: 48px;

  height: 48px;

}

#d7 {

  width: 1201px;

  margin: 0 auto;

}

#d7 ul {

  width: 1055px;

  margin: 0 auto;

}

#d7 ul li:last-child img {

  margin-right: 0;

}

#d7 ul li {

  list-style: none;

  float: left;

  margin-top: 38px;

}

#d7 ul li img {

  width: 171px;

  height: 175px;

  margin-right: 50px;

  float: left;

}

#d7 ul li p {

  font-family: Helvetica;

  font-size: 18px;

  color: #838383;

}

#d7 .d72 {

  padding-top: 136px;

  float: right;

  width: 48px;

  width: 48px;

}

.clearfix::after {

  content: "";

  clear: both;

  display: block;

}

#d7 #d8 {

  position: relative;

}

#d7 #d8 #d9 {

  text-align: center;

}

#d7 #d8 .d73 {

  font-family: Helvetica;

  font-size: 32px;

  color: #696868;

  text-align: center;

  position: absolute;

  top: 30px;

  left: 0;

  right: 0;

  margin: auto;

}

#d7 #d8 .d74 {

  font-family: Helvetica;

  font-size: 18px;

  color: #9B9B9B;

  text-align: center;

  padding-top: 2px;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

}

#d7 #d8 .d74::after {

  content: "";

  display: block;

  margin: 10px auto;

  width: 93px;

  height: 2px;

  background-color: #0058AA;

}

#d7 #d8 {

  width: 1155px;

  height: 2px;

  margin: 0 auto;

  padding-top: 75px;

}

#d7 #d8 .d81 {

  width: 500px;

  height: 1px;

  float: left;

  background: #9b9b9b;

}

#d7 #d8 .d82 {

  width: 500px;

  height: 1px;

  float: right;

  background-color: #9b9b9b;

}

#d7 #d9 {

  margin: 0 auto;

}

#d7 #d9 .left {

  float: left;

  margin-right: 147px;

}

#d7 #d9 .center {

  float: left;

  margin-right: 113px;

  margin-top: 76px;

  width: 384px;

  height: 256px;

  overflow: hidden;

}

#d7 #d9 .center img {

  transition: transform 0.5s;

}

#d7 #d9 .center:hover img {

  transform: scale(1.5);

}

#d7 #d9 .right {

  float: left;

  margin-top: 76px;

}

#d7 #d9 .d91 {

  font-family: Helvetica;

  font-size: 26px;

  color: #0058AA;

  padding-top: 73px;

}

#d7 #d9 .d92 {

  font-family: Helvetica;

  font-size: 21px;

  color: #5A5A5A;

  line-height: 41px;

}

#d7 #d9 .d94 {

  width: 142px;

  height: 4px;

  background: #0058AA;

  margin-bottom: 24px;

}

#d7 #d9 .d93 {

  font-family: Helvetica;

  font-size: 18px;

  color: #7B7C7C;

  line-height: 26px;

  width: 238px;

}

#d7 #d9 .d96 {

  width: 130px;

  height: 38px;

  line-height: 38px;

  margin-top: 34px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  background-color: #0058AA;

}

#d7 #d9 .d96:hover {

  animation: wobble 1s infinite;

}

@keyframes wobble {

  0% {

    transform: rotate(9deg);

  }

  50% {

    transform: rotate(-9deg);

  }

  100% {

    transform: rotate(9deg);

  }

}

#d7 #d9 .right .item {

  width: 273px;

  height: 61px;

  margin-bottom: 10px;

  background: #CCCCCC;

  transition: background-color 1s;

}

#d7 #d9 .right .item img {

  float: left;

  width: 40px;

  height: 34px;

  margin: 14px 20px 13px 30px;

}

#d7 #d9 .right .item p:first-child {

  color: #FFFFFF;

  font-size: 22px;

  padding-top: 10px;

}

#d7 #d9 .right .item p:last-child {

  color: #fff;

  font-size: 12px;

}

#d7 #d9 .right .item:hover {

  background-color: #1ab81a;

}

/* 精品推荐部分 */

.d11{

  width: 1920px;

  padding-top: 72px;

  height: 520px;

  background-color:#EFF0F4 ;

}

.d11 div {

  margin: 0 auto;

}

.d11 div p{

  font-family: Helvetica;

  font-size: 32px;

  color: #696868;

  text-align: center;

}

.d11 div .d13{

  font-family: Helvetica;

font-size: 18px;

color: #9B9B9B;

text-align: center;

}

.d11 div.d14{

  margin-bottom: 41px;

  margin-top: 16px;

  width: 93px;

  height: 3px;

  background: #0058AA;

}

.d11 .bottom{

  margin: 0 auto;

  width: 1200px;

}

.d11 .bottom .d15{

  width: 48px;

  height: 48px;

  float: left;

  padding-top: 151px;

}

.d11 .bottom .d18{

  width: 48px;

  height: 48px;

  float: right;

  padding-top: 151px;

}

.d11 .bottom ul li{

  list-style: none;

  float: left;

  position: relative;

  margin-right: 22px;

}

.d11 .bottom ul li img{

  width: 345px;

  height: 326px;

}

.d11 .bottom ul li .d17{

  position: absolute;

  bottom: 0;

  width: 345px;

  height: 45px;

  background-color: rgba(0, 0, 0, 0.50);

}

.d11 .bottom ul li .d17 p{

  font-family: Helvetica;

font-size: 16px;

color: #FFFFFF;

text-align: right;

line-height: 45px;

text-align: left;

padding-left: 20px;

}

.d20{

  width: 100%;

  height: 545px;

}

.d20 .d21{

  margin: 0 auto;

  position: relative;

  padding-top: 120px;

  width: 1155px;

  height: 1px;

}

.d20 .d21 .d22{

  width: 500px;

  height: 1px;

  background: #9B9B9B;

  float: left;

}

.d20 .d21 .d31{

  font-family: Helvetica;

  font-size: 32px;

  color: #696868;

  text-align: center;

  position: absolute;

  left: 0;

  top: 82px;

  right: 0;

  margin: auto;

}

.d20 .d21 .d32{

  font-family: Helvetica;

font-size: 18px;

color: #9B9B9B;

text-align: center;

padding-top: 5px;

position: absolute;

left: 0;

right: 0;

margin: auto;

}

.d20 .d21 .d23{

  position: absolute;

  left: 0;

  right: 0;

  top: 164px;

  margin: 0 auto;

  width: 93px;

  height: 3px;

  background-color: #0058AA;

}

.d20 .d21 .d24{

  width: 500px;

  height: 1px;

  background: #9B9B9B;

  float: right;

}

.d20 .d26{

width: 1200px;

margin: 50px auto 0;

}

.d20 .d26 .d30 .d311{

  margin-right: 47px;

float: left;

position: relative;

}

.d20 .d26 .d30 .d311 img{

  width: 65px;

  height: 65px;

}

.d20 .d26 .d30 .d311 .d31{

  font-family: Helvetica;

font-size: 40px;

color: #FFFFFF;

text-align: center;

line-height: 65px;

position: absolute;

bottom: 7px;

}

.d20 .d26 .d30 .d311 .d32 .d33{

  font-family: Helvetica;

font-size: 21px;

color: #4A4A4A;

text-align: left;

}

.d20 .d26 .d30 .d311 .d32 .d34{

  font-family: Helvetica;

font-size: 18px;

color: #4A4A4A;

}

.d20 .d26 .d27{

 float: right;

 padding-left: 83px;

}

.d20 .d26 .d27 .d271{

  float: left;

  position: relative;

  margin-right: 47px;

}

.d20 .d26 .d27 .d271 img{

  width: 65px;

  height: 65px;

}

.d20 .d26 .d27 .d271 .d272{

  font-family: Helvetica;

  font-size: 40px;

  color: #FFFFFF;

  text-align: center;

  line-height: 65px;

  position: absolute;

  bottom: 7px;

}

.d20 .d26 .d27 .d273{

  float: left;

}

.d20 .d26 .d27 .d273 .d2731{

  font-family: Helvetica;

font-size: 21px;

color: #4A4A4A;

text-align: left;

margin-bottom: 10px;

}

.d20 .d26 .d27 .d273 .d2732{

  font-family: Helvetica;

  font-size: 18px;

  color: #4A4A4A;

  text-align: left;

}

.d20 .d26 .d28 .d281{

  margin-right: 47px;

  float: left;

  position: relative;

}

.d20 .d26 .d28 .d281 img{

  width: 65px;

  height: 65px;

}

.d20 .d26 .d28 .d281 .d282{

  font-family: Helvetica;

font-size: 40px;

color: #FFFFFF;

text-align: center;

line-height: 65px;

position: absolute;

bottom: 7px;

}

.d20 .d26 .d28 .d283 .d285{

  font-family: Helvetica;

  font-size: 21px;

  color: #4A4A4A;

  text-align: left;

}

.d20 .d26 .d28 .d284{

  font-family: Helvetica;

  font-size: 18px;

  color: #4A4A4A;

  text-align: left;

}

.d20 .d26 .d28{

  padding-top: 40px;

}

.d20 .d26 .d28 .d283{

  float: left;

}

.d20 .d26 .d29{

  padding-top: 40px;

  float: right;

}

.d20 .d26 .d29 .d291{

  float: left;

  position: relative;

  margin-right: 47px;

}

.d20 .d26 .d29 .d291 img{

  width: 65px;

  height: 65px;

}

.d20 .d26 .d29 .d291 .d292{

  font-family: Helvetica;

  font-size: 40px;

  color: #FFFFFF;

  text-align: center;

  line-height: 65px;

  position: absolute;

  bottom: 7px;

}

.d20 .d26 .d29 .d2931{

  font-family: Helvetica;

  font-size: 21px;

  color: #4A4A4A;

  text-align: left;

  margin-bottom: 10px;

}

.d20 .d26 .d29 .d2790{

  font-family: Helvetica;

  font-size: 18px;

  color: #4A4A4A;

  text-align: left;

}

.d151{

width: 1920px;

height: 210px;

background: #06142F;

}

.d151 p{

  font-family: Helvetica;

font-size: 48px;

color: #FFFFFF;

padding-left: 360px;

padding-top: 74px;

}

.d151 div ul li{

  list-style: none;

  font-family: Helvetica;

font-size: 16px;

color: #FFFFFF;

line-height: 40px;

}

.d151 {

  position: relative;

}

.d151 div {

  position: absolute;

  left: 605px;

  top: 53px;

}

.a2{

  width: 1920x;

  height: 30px;

  background: #202C46;

}

.a2 p{

  font-family: Helvetica;

font-size: 14px;

color: #FFFFFF;

text-align: center;

}