* {
  margin: 0;
  padding: 0;
}
.w {
  width: 12rem;
  margin: 0 auto;
 
}
li {
  list-style: none;
}
.banner {
  width: 100%;
  height: 6.27rem;
  background-color: rgb(187, 75, 187);
}
.banner img {
  width: 100%;
}
.hongtiao {
  width: 12rem;
  margin: 0 auto;
}
.hongtiao  img{
  width: 100%;
 
}

/* 媒体 */
.meiti {
  position: relative;
  width: 12rem;
  margin: 0 auto;
  margin-top: 10px;
}

.meiti img{
 width: 100%;
}

.meiti .ul {
  width: 12rem;
  margin: 0 auto;
  position: absolute;
  top: 16%;
  display: flex;
  justify-content: space-between;
}

.meiti .ul li{
 
  width: 3.44rem;
  height: 1.77rem;
}

.meiti .ul1 {
  width: 12rem;
  margin: 0 auto;
  position: absolute;
  top: 58%;
  display: flex;
  justify-content: space-between;
}

.meiti .ul1 li{
 
  width: 3.44rem;
  height: 1.77rem;
}

.meiti  a {
  display: block;
  width: 100%;
  height: 100%;
}


.pai {
  left: 0;
  right: 0;
  position: absolute;
  display: flex;
  justify-content: space-between;
  color: pink;
}

.pai1 {
top: 12%;
}
.pai1 div{
  width: 2.72rem;
  height: 1rem;
 
  }
.pai2 {
  top: 33%;
  }
  .pai2 div{
    width: 5.72rem;
  height: 1rem;
 
    }
.pai3 {
  top: 54%;
  }
  .pai3 div{
  
    width: 3.72rem;
    height: 1rem;
    }

 .pai4 {
   top: 75%;
   }
  
   .pai4 div{
   
    width: 5.72rem;
    height: 1rem;
    }

.shipinhao {
  position: relative;
  width: 12rem;
  margin: 0 auto;
  margin-top: 10px;
margin-top: 3%;
}
.shipinhao img {
  display: block;
  width: 100%;
}

/* 最外 */
.zuiwai {
background-color: black;
}

/* 底部 */
.dibu {
  width: 100%;
}
.dibu img {
  width: 100%;
}