body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 1920px;
  margin: 0 auto;
  overflow-x: hidden;
  background-color: #fff;
}

#header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  max-width: 1920px;
  height: 130px;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  background: rgb(255, 255, 255);
}
#header.is-scroll {
  height: 100px;
}
#header.is-scroll .cont .logo {
  top: 0;
  height: 100px;
}
#header.is-scroll .cont .topnav {
  top: 30px;
}
#header .cont {
  position: relative;
  width: 1680px;
  height: 160px;
  margin: 0 auto;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
#header .cont .logo {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 1;
  width: 761px;
  height: 116px;
  background: url(../images/menu.png) 0 center no-repeat;
  -webkit-transition: background 0.3s, top 0.3s, width 0.3s, height 0.3s;
  transition: background 0.3s, top 0.3s, width 0.3s, height 0.3s;
  &.two {
    background: url(../images/menu2.png) 0 center no-repeat;
  }
}
#header .cont .topnav {
  position: absolute;
  top: 45px;
  right: 0;
  width: 584px;
  height: 30px;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
  background: url(../images/topnav.png) 0 0 no-repeat;
}

#footer {
  position: relative;
  width: 100%;
  height: 277px;
  background: url(../images/footer.jpg);
  &.two {
    background: url(../images/footer2.jpg);
  }
}

.right-nav {
  position: fixed;
  right: 0;
  top: 45%;
  -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
          transform: translateY(-45%);
  z-index: 99;
  width: 50px;
  height: 125px;
  background: url(../images/right_nav.png) no-repeat;
}

.go-top {
  cursor: pointer;
  width: 72px;
  height: 72px;
  position: fixed;
  right: 25px;
  bottom: -71px;
  z-index: 99;
  background: url(../images/scrolltop.png) top no-repeat;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;
}
.go-top.up {
  bottom: 35px;
  opacity: 1;
}

#i-banner {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  max-height: 750px;
  margin: 130px auto 0;
  background: #fff;
  &.two {
    margin: 100px auto 0;
  }
}
#i-banner .point {
  position: absolute;
  left: 50%;
  bottom: 55px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9;
  width: 104px;
  height: 8px;
  background: url(../images/point.png) 0 0 no-repeat;
}
#i-banner .slogan {
  position: absolute;
  left: 866px;
  top: 313px;
  z-index: 2;
  width: 907px;
  height: 382px;
  overflow: hidden;
  background: url(../images/slogan.png) 0 0 no-repeat;
}
#i-banner .pic {
  width: 100%;
  height: 750px;
  overflow: hidden;
}

#p-banner {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0 auto;
}
#p-banner .slogan {
  position: absolute;
  left: 280px;
  top: 240px;
  z-index: 2;
  width: 184px;
  height: 103px;
  overflow: hidden;
  background: url(../images/pslogan.png) 0 0 no-repeat;
}
#p-banner .pic {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.about {
  position: relative;
  width: 100%;
  height: 394px;
  padding: 83px 0;
  background: url(../images/about_bg.png) no-repeat;
}
.about__text {
  width: 100%;
  max-width: 1158px;
  height: 395px;
  margin: 0 auto;
  background: url(../images/about_text.png) 0 0 no-repeat;
}

.sale {
  position: relative;
  width: 100%;
  height: 760px;
  overflow: hidden;
  margin: 0 auto;
  background: url(../images/sale_text.png) 0 0 no-repeat;
}

.new {
  position: relative;
  width: 100%;
  height: 760px;
  overflow: hidden;
  margin: 0 auto;
  background: url(../images/new_text.png) 0 0 no-repeat;
}

.img {
  position: relative;
  width: 100%;
  height: 708px;
  margin: 0 auto;
  background: url(../images/img1.png) 0 0 no-repeat;
  &.two {
    background: url(../images/img1-2.png) 0 0 no-repeat;
  }
}

#goods-list {
  position: relative;
  width: 100%;
  height: 1807px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/goods_list.jpg) 0 0 no-repeat;
}

#goods-view {
  position: relative;
  width: 100%;
  height: 3216px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/goods_view.jpg) 0 0 no-repeat;
}

#contact {
  position: relative;
  width: 100%;
  height: 1214px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/contact.jpg) 0 0 no-repeat;
}

#member-login {
  position: relative;
  width: 100%;
  height: 1051px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/member_login.jpg) 0 0 no-repeat;
}

#member-join {
  position: relative;
  width: 100%;
  height: 1051px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/member_join.jpg) 0 0 no-repeat;
}

#member-forgot {
  position: relative;
  width: 100%;
  height: 1078px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/member_forgot.jpg) 0 0 no-repeat;
}

#member-edit {
  position: relative;
  width: 100%;
  height: 1050px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/member_edit.jpg) 0 0 no-repeat;
}

#member-password {
  position: relative;
  width: 100%;
  height: 1047px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/member_password.jpg) 0 0 no-repeat;
}

#member-order {
  position: relative;
  width: 100%;
  height: 1712px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/member_order.jpg) 0 0 no-repeat;
}

#member-order-view {
  position: relative;
  width: 100%;
  height: 2239px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/member_order_view.jpg) 0 0 no-repeat;
}

#cart1 {
  position: relative;
  width: 100%;
  height: 1374px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/cart1.jpg) 0 0 no-repeat;
}

#cart2 {
  position: relative;
  width: 100%;
  height: 2234px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/cart2.jpg) 0 0 no-repeat;
}

#cart3 {
  position: relative;
  width: 100%;
  height: 1350px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/cart3.jpg) 0 0 no-repeat;
}

#privacy {
  position: relative;
  width: 100%;
  height: 2368px;
  overflow: hidden;
  margin-top: 130px;
  background: url(../images/privacy.jpg) 0 0 no-repeat;
}