/* 产品样式开始 */
.header {
  position: relative;
  width: 100%;
  height: 50px;
  overflow: hidden;
}
.logo {
  float: left;
}
.index {
  float: right;
  position: absolute;
  right: 10px;
  top: 20px;
}
.index a {
  color: #2e8737;
  text-decoration: none;
}
.index a:visited {
  color: #2e8737;
}
.last {
  float: left;
  position: absolute;
  top: 20px;
  left: 60px;
}
.last a {
  color: #2e8737;
  text-decoration: none;
}
.last a:visited {
  color: #2e8737;
}
/**/
.product {
  width: 100%;
  height: 643px;
  margin: 10px 0;
}

.wrap {
  width: 1210px;
  margin: 0 auto;
}

.product-info {
  float: left;
  width: 352px;
  height: 564px;
  padding-bottom: 15px;
}

.item-info {
  float: left;
  width: 590px;
  height: 600px;
  margin: 0 24px 0 30px;
  position: relative;
}

.aside-info {
  height: 643px;
  width: 210px;
  float: left;
}
/**/
.pp {
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  color: rgb(59, 59, 59);
}
.cc span {
  color: brown;
  font-size: 14px;
}
input[name="nu"] {
  height: 27px;
  width: 250px;
  border: 1px solid #3a3a3a;
}
input[name="nuu"] {
  height: 27px;
  width: 150px;
  border: 1px solid #3a3a3a;
}
.cc {
  margin-left: 10px;
  height: 80px;
  line-height: 40px;
}
.en2 p {
  margin-top: 10px;
  font-size: 15px;
  margin-left: 10px;
}
input[name="go"] {
  width: 200px;
  height: 45px;
  background-color: chocolate;
  color: aliceblue;
  font-size: 18px;
  border: none;
}
.gou {
  position: absolute;
  bottom: -45px;
  left: 100px;
}
.box div {
  margin-top: 15px;
  margin-left: 20px;
}
/**/

.small-box {
  position: relative;
  width: 350px;
  height: 350px;
  border: 1px solid #eee;
  margin-bottom: 20px;
}

.small-img {
  width: 100%;
}

.product-list {
  position: relative;
  width: 352px;
  height: 54px;
  margin-bottom: 18px;
}

.arrow-prev,
.arrow-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 22px;
  height: 32px;
  background: url("../image/__sprite.png") no-repeat;
}

.arrow-prev {
  left: 0;
  background-position: 0 -54px;
}

.arrow-next {
  right: 0;
  background-position: -78px 0;
}

.list-info {
  position: relative;
  width: 290px;
  height: 54px;
  margin: 0 auto;
  overflow: hidden;
}

.list-info > ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 522px;
  height: 54px;
  transition: all 0.5s;
}

.list-info li {
  width: 54px;
  height: 54px;
  float: left;
  margin: 0 2px;
}

.list-info img {
  width: 50px;
  border: 2px solid transparent;
}

.img-hover img {
  border-color: #e53e41;
}

/* 放大镜 */
.glass {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 235px;
  height: 235px;
  border: 1px solid #eee;
  background-color: gold;
  opacity: 0.5;
}

.big-box {
  z-index: 666;
  display: none;
  position: absolute;
  left: 353px;
  top: 0;
  width: 540px;
  height: 540px;
  overflow: hidden;
}

.big-box > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
}

body {
  height: 3000px;
}

.item-top {
  width: 100%;
  height: 600px;
}
/*视频*/
.media {
  width: 200px;
  height: 230px;
  margin: 0 auto;
}
/* 购物车 */
.cart {
  position: relative;
  width: 58px;
  height: 44px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-left: 20px;
}

.buy-num {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 43px;
  height: 42px;
  padding: 1px 2px;
  line-height: 42px;
  text-align: center;
}

.add,
.minus {
  position: absolute;
  right: -1px;
  width: 15px;
  height: 22px;
  line-height: 22px;
  background-color: #f1f1f1;
  color: #666;
  border: 1px solid #ccc;
}

.add {
  top: -1px;
}

.minus {
  bottom: -1px;
}

.disablede {
  color: #ccc;
  /* 设置光标为禁止状态 */
  cursor: not-allowed;
}

.aside-tit {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bolder;
  color: #2e8737;
}

.aside-con {
  position: relative;
  width: 150px;
  height: 564px;
  margin: 0 auto;
  overflow: hidden;
}
.aside-con img {
  width: 150px;
  height: 140px;
}
.aside-more {
  width: 100%;
  height: 19px;
  padding-top: 10px;
}
/**/
.up,
.down {
  display: inline-block;
  width: 28px;
  height: 15px;
  margin: 0 10px;
  background: url("../image/__sprite\ \(1\).png") no-repeat;
}

.up {
  background-position: -28px 0;
}

.aside-con li {
  width: 150px;
  height: 168px;
  padding: 10px 0;
}

.aside-con > ul {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}

/* 产品样式结束 */
/* 主体样式开始 */
.con-left {
  width: 350px;
  float: left;
  margin-top: 50px;
}

.imp {
  background-image: url("../image/famer.jpg!con");
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
  width: 350px;
  line-height: 60px;
  height: 60px;
  background-color: #dbdbdb;
}
.niu li {
  padding-left: 30px;
  line-height: 60px;
  height: 60px;
  border-bottom: 1px solid #ccc;
}
/**/
.con-right {
  width: 790px;
  margin-top: 50px;
  float: right;
}
/**/
.tab-main {
  width: 790px;
  height: 39px;
  background-color: #f7f7f7;
  border: 1px solid #eee;
  border-bottom-color: #2e8737;
  box-sizing: border-box;
  text-align: left;
}

.tab-main li {
  padding: 10px 45px;
  display: inline-block;
  font-size: 14px;
  color: #666;
}

.tab-main .tab-active {
  background-color: #2e8737;
  color: #fff;
}

.tab-con {
  width: 790px;
  height: 600px;
  overflow: scroll;
  overflow-x: hidden;
  background-color: #ffffff;
}
.tab-con img {
  width: 760px;
}
.tab-items {
  display: none;
  width: 100%;
  height: 100%;
}

.con-active {
  display: block;
}
/*保障*/
.pro {
  margin-top: 30px;
}
.pro li {
  height: 200px;
  background-image: url(../image/small1.jpg);
  background-size: 50px;
  background-repeat: no-repeat;
  margin-left: 20px;
}
.pro h2 {
  color: #e53e41;
  margin: 20px 50px;
  padding-top: 5px;
}
/**/
.tou {
  background-color: #ccc;
  height: 90px;
}
.ma {
  float: left;
  margin: 22px 10px;
  color: chocolate;
}
.mb {
  float: right;
  margin-top: 10px;
  margin-right: 40px;
  color: #e53e41;
}
.ping li {
  margin: 10px 20px;
}
.ping h2 {
  float: right;
  margin-right: 20px;
  margin-left: 20px;
}
.ping h3 {
  text-align: center;
  margin: 20px;
}
.ping p {
  margin-left: 20px;
  float: left;
  margin-right: 100px;
  margin-top: 10px;
  color: #ccc;
}
.ping hr {
  margin: 0;
}
/* 主体样式结束 */
/* 返回页面顶部样式 */
.back-top {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 34px;
  height: 35px;
  background-color: #7a6e6e;
  background-image: url("../image/toolbars.png");
  background-position: -50px -250px;
}
/**/
#hiddenImage {
  width: 350px;
  position: absolute;
  z-index: 3;
  top: -300px;
  left: 10px;
  transition: 0.5s;
}
#chaImage {
  background-image: url("../image/cha.png");
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 3;
  top: -300px;
  left: 350px;
  transition: 0.5s;
}
