.banner-wrap {
  height: 488px;
  margin-top: 36px;
  background: url(../images/banner.png) no-repeat center top;
}
.cm-tit {
  font-size: 32px;
  color: #a0c530;
  position: relative;
  text-align: center;
  width: 300px;
  padding: 10px 0px 20px;
}
.cm-tit:before {
  height: 4px;
  width: 15px;
  content: "";
  position: absolute;
  left: 35px;
  top: 40%;
  background: #a0c530;
}
.cm-tit:after {
  height: 4px;
  width: 15px;
  content: "";
  position: absolute;
  right: 35px;
  top: 40%;
  background: #a0c530;
}
.cm-star {
  font-size: 14px;
}
.cm-star .star {
  display: inline-block;
  padding: 0px 10px;
}
.cm-star .star{
  width: 153px;
}
.cm-star .star span {
  height: 11px;
  display: inline-block;
  background: #ffe31f;
}
.cm-result {
  font-size: 15px;
  line-height: 26px;
  text-align: left;
  padding: 20px 0px;
  height: 124px;
}
.nav-wrap .nav-link {
  height: 96px;
  width: 148px;
  display: inline-block;
  background: url(../images/cloud.png) no-repeat center top;
  font-size: 25px;
  color: #fea51a;
  line-height: 96px;
  text-align: center;
  margin: 20px 20px;
}
.nav-wrap .active {
  color: #fff;
  background-image: url(../images/cloud_yellow.png);
}
.test-wrap {
  background: url(../images/water.png) no-repeat center top;
  padding-top: 82px;
}
.test-wrap .wrap {
  position: relative;
}
.test-wrap .boat {
  position: absolute;
  left: -200px;
  top: 430px;
}
.test-wrap .word {
  font-size: 15px;
  padding: 0px 30px;
  color: #000;
}
.test-wrap .test-list {
  width: 304px;
  text-align: center;
  border: 2px solid #fccf77;
  background: #fff;
  font-size: 0px;
  float: left;
  margin: 30px 6px;
}
.test-wrap .test-list .img {
  height: 380px;
  line-height: 380px;
  margin-top: -1px;
  text-align: center;
}
.test-wrap .test-list .img img {
  max-width: 100%;
  vertical-align: middle;
}
.test-wrap .test-list .cm-result {
  padding: 20px 10px;
  height: 176px;
}
.packing-wrap {
  background: url(../images/packing.png) no-repeat center top;
  padding-top: 82px;
}
.packing-wrap .word {
  font-size: 15px;
  padding: 0px 30px;
  color: #333;
}
.packing-wrap .pack-list {
  padding: 20px 40px 20px 0px ;
  border-bottom: 1px dashed #fecb30;
}
.packing-wrap .pack-list:last-child {
  border-bottom: 0;
}
.packing-wrap .pic-box {
  height: 295px;
  width: 340px;
  background: #fff;
  position: relative;
  float: left;
  margin-left: 35px;
}
.packing-wrap .pic-box .img {
  float: left;
  width: 156px;
  height: 140px;
  margin: 6px;
  text-align: center;
  line-height: 130px;
  overflow: hidden;
}
.packing-wrap .pic-box .img img {
  max-width: 100%;
  max-height: 90%;
  vertical-align: middle;
}
.packing-wrap .pic-box .frame {
  position: absolute;
  left: 0px;
}
.packing-wrap .word-r {
  width: 470px;
  float: left;
  padding: 20px 0px 0px 40px;
}
.nutrition-wrap {
  background: url(../images/nutrition.png) no-repeat center top;
  padding: 82px 0px 40px;
}
.nutrition-wrap .wrap {
  position: relative;
}
.nutrition-wrap .cm-star{
  width: 100%;
  padding: 20px 0px 0px 20px;
}
.nutrition-wrap .cm-star .star{
  padding: 0px 0px; 
  width: 156px;
}
.nutrition-wrap .people {
  position: absolute;
  right: -283px;
  top: 90px;
}
.nutrition-wrap .word {
  font-size: 15px;
  padding: 0px 30px;
  color: #333;
}
.nutrition-wrap .nutrition {
  width: 33.3%;
  float: left;
  padding-top: 60px;
}
.nutrition-wrap .nutrition .img {
  width: 262px;
  text-align: center;
  height: 240px;
  line-height: 240px;
}
.nutrition-wrap .nutrition .word {
  width: 262px;
  padding-top: 10px;
  line-height: 26px;
  color: #000;
}
.lustre-wrap {
  background: url(../images/lustre.png) no-repeat center top;
  padding-top: 82px;
}
.lustre-wrap .cm-star .star{
  padding: 20px 0px 0px;
  width: 156px;
}
.lustre-wrap .word {
  font-size: 15px;
  padding: 0px 30px;
  color: #333;
}
.lustre-wrap .lustre-l {
  padding: 30px 0px;
}
.lustre-wrap .lustre-box {
  width: 276px;
  background: url(../images/lustre_frame.png) no-repeat;
  color: #000000;
  float: left;
  margin: 0px 20px;
}
.lustre-wrap .lustre-box .img {
  width: 236px;
  height: 290px;
  margin: 10px;
  line-height: 290px;
  text-align: center;
}
.lustre-wrap .lustre-box .img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.lustre-wrap .lustre-box .tit {
  font-size: 29px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
}
.texture-wrap {
  background: url(../images/texture.png) no-repeat center top;
  padding-top: 82px;
}
.texture-wrap .word {
  font-size: 15px;
  padding: 10px 30px;
  color: #333;
}
.texture-wrap .texture-list {
  width: 230px;
  text-align: center;
  float: left;
  margin: 0px 45px;
}
.texture-wrap .texture-list .img {
  height: 99px;
  width: 99px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #fff;
}
.texture-wrap .texture-list .img img {
  width: 99px;
  height: 99px;
  border-radius: 50%;
}
.texture-wrap .texture-list .id {
  font-size: 16px;
  color: #1b1b1b;
  padding: 6px;
}
.texture-wrap .texture-list .p {
  color: #333333;
  font-size: 15px;
  line-height: 26px;
  text-align: left;
}
.texture-wrap .bottom {
  background: url(../images/bottom_bg.png) no-repeat center top;
  height: 330px;
  margin-top: -150px;
}