/* top */
body{
  overflow-x: hidden;
}
#box{
  margin: 0px auto;
}
.topWlap{
  
  height: 52px;
  background: #000;
  color: #fff;

}
.top {
  width:1280px;
  /* background: pink; */
  margin: 0 auto;
  display: flex;
  line-height: 50px;
  background: #000;

}
.icon-search,.icon-huihua ,.icon-wo{
  font-size: 16px;
  
}

.top-left span {
  margin-right: 4px;
}
.top-center{
  margin: 0 auto;
  letter-spacing:14px;
  
}
.top-right{
  position: relative;
  cursor: pointer;
  margin-right: 40px;

}
/* 点击出现登录注册 */
.lrdiv {
  width: 200px;
  height: 180px;
  /* background: pink; */
  background: #fff; 
  opacity: .8;
  /* margin: 0 auto; */
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 58px;
  right: 6px;
  display: none;
  z-index: 9999;
}
.lrdiv-first {
  margin-top: 20px;
  /* margin: 0 auto; */
}
.lrdiv-first :first-child,
.lrdiv-last :first-child  {
  font-size: 16px;
  margin-bottom: 6px;
}
.lrdiv-first :last-child {
  color: yellow;
  width: 116px;
  height: 30px;
  text-align: center;
  background: #000;
  line-height: 25px;
  margin-bottom: 10px;
}
.line{
  width: 150px;
  height: 1px;
  background: #999;
  margin-left: 20px;
  margin-bottom: 10px;
}
.lrdiv-last :last-child {
  width: 114px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #000;
}
/* 导航 */
.nav {
  
  height: 60px;
  display: flex;
  background: #fff;

}
.nav .all {
  display: flex;
  margin: 0 auto;
}
.nav .all  .fo{
  line-height: 60px;
  font-size: 16px;
  margin-right: 50px;
}

/* 购物车 */
.icon-gouwuche {
  font-size: 26px;
  line-height: 60px;
  margin-right: 30px;
}
/* 下拉菜单 */
.fo{
  position: relative;
}
.xiala  {
  display: none;
  position: absolute;
  top: 60px;
  background: #fff;
  opacity: .8;
}
.xiala li{
  line-height: 54px;
}
.xiala1{
  left: -22px;
  width: 114px;
  height: 110px;
  text-align: center;
}
.xiala2{
  left: -30px;
  width: 106px;
  height: 174px;
  text-align: center;
}
.xiala3{
  left: -36px;
  width: 106px;
  height: 174px;
  text-align: center;
}
.xiala4{
  left: -30px;
  width: 106px;
  height: 125px;
  text-align: center;
}
.xiala5{
  left: -24px;
  width: 106px;
  height: 125px;
  text-align: center;
}
.xiala6{
  left: -36px;
  width: 106px;
  height: 125px;
  text-align: center;
}
.xiala7{
  left: -32px;
  width: 106px;
  height: 125px;
  text-align: center;
}
/* 鼠标滑过 出现 */
.fo:hover .xiala{
  display: block
}
/* banner */
.banner {
  
  margin-bottom: 20px;
}
/* buy  */
.buy{
  
  height: 50px;
  background: #ccc;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  letter-spacing: 4px;
  margin-bottom: 20px;
  }
/* case1 */
/* 为您推荐 */
 .h3 {
   text-align: center;
   font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 4px;
 }
 
 .case-con {
  display: flex;
  width: 1120px;
  /* background: pink; */
  margin-left: 70px;
  justify-content: space-between;
  margin-bottom: 20px;
 }
 .case-con li{
   width: 260px;
   height: 500px;
   /* overflow: hidden; */
   /* border: 1px solid #000; */
 }

 .case-con-f1:hover .case-con-f1-img{
  transform: scale(1.1);
 }
 .case-con-f1-img {
   width: 260px;
   height: 300px;
   margin-bottom: 30px;
   /* margin-left: -54px; */
   transition: all 1s;
   background: rgb(244,244,244);
 }
 .pname,.circle, .pdesc,.pprice{
   margin-left: 9px;
 }
 .case-con-f1 .pname {
   letter-spacing: 4px;
   margin-bottom: 6px;
   color: #000;
 }
 .case-con-f1 .circle {
   width: 20px;
   height: 20px;
   border: 1px solid #000;
   border-radius: 50%;
   background: rgb(229, 174, 135);
   margin-bottom: 8px;
 }
 .case-con-f1 .pdesc {
   font-size: 16px;
   letter-spacing: 2px;
   margin-bottom: 10px;
   color: #000;

 }
 .case-con-f1 .pprice {
   font-size: 15px;
   margin-bottom: 20px;
   color: #000;
 }

 /* case2 */
 .case2-banner {
   width: 1120px;
   margin: 0 auto;
   margin-bottom: 20px;
 }

 /* 为您推荐 */
 .push {
   
   height: 180px;
   background: #ccc;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
 }
 .push p {
   font-size: 20px;
   margin-left: 70px;
   margin-top: 20px;
   margin-bottom: 20px;
 }
 .pushd{
   display: flex;
  text-align:center;
 }
 .pushd div{
   margin-left: 70px;
   width: 120px;
   height: 50px;
   line-height: 50px;
   background: #fff;
   font-size: 18px;
   opacity: .8;
 }
/* 圆圈 */
.yuan{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  position:relative;
  box-shadow: -1px 1px 1px #999;
  top: -34px;
  left: 615px;
  position: relative;
}
.icon--xiangshangjiantou{
  font-size: 40px;
  position:absolute;
  left: 8px;
  color: #ccc;
}
.last {
  /* background: pink; */
  width: 1120px;
  height: 245px;
  margin: 0 auto;
  display: flex;
  border-bottom: 1px solid #666;
  justify-content: space-between;
  margin-bottom: 20px;
}

.last-f1 p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.last-f1 li {
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
}
.last-f1-r {
  margin-right: 70px;
}

/* footer */
.footer {
  
  height: 70px;
  /* background-color: #111820; */
  text-align: center;
  position: relative;
  /* color: #687593; */
  overflow: hidden;

}
.footer-center .tupiao {
  width: 22px;
  height: 22px;
  /* margin-right: 10px; */
  margin-left: 450px;
  margin-top: 6px;
  position: absolute;
  top: -6px;
  left: 20px;
}
.footer-center {
  /* overflow: hidden; */
  margin-bottom: 16px;
  position: relative;
}
.footer-center-font {
  /* margin-top: 12px; */
  font-size: 15px;
}