.hide {
  display: none !important;
}
body {
 background-color:#ffcc99;
  line-height: 1.5;
}
.index-kf-wrap {
  z-index: 999;
}
.main img {
  display: block;
  width: 100%;
}
.main .banner .banner-1 {
  width:100%;
  height: 3.5rem;
  background: url('../images/banner.png') no-repeat center / 100%;
  background-size:100% 100%;
}
.main .banner .banner-2 {
  width:100%;
  height: 4.68rem;
  background: url('../images/banner-2.jpg') no-repeat center / 100%;
  background-size: cover;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
.main .banner .banner-2 div:first-child{
  height:60%;
  width:30%;
  margin-top: .8rem;
}
.main .banner .banner-2 div:nth-child(2){
  height:60%;
  width:25%;
}
.main .banner .banner-2 div:nth-child(3){
  height:50%;
  width:20%;
  margin-bottom:1rem;
}
.main .banner .banner-2 div:nth-child(4){
  height:40%;
  width:20%;
  margin-bottom: 1.5rem;
}
.mask_1,.mask_2{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0, 0.8);
    z-index: 1000;
}
.mask_1>div,.mask_2>div{
    width: 7.5rem;
    height: 9.16rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.85rem;
    margin-top: -4.8rem;
}
.mask_1 >div{
  background: url(../images/rule.png) no-repeat;
  background-size: 100% 100%;
}
.mask_1>div span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1rem;
  width: 2rem;
  height: 1rem;
}
.mask_2 img{
  width:100%;
  height:100%;
}
.mask_2>div .cont-1{
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  height: .8rem;
}
.mask_2>div .cont-1 a{
  display: block;
  width:49%;
  height: 100%;
}
.mask_2>div .cont-1 a:first-child{
  float:left;
}
.mask_2>div .cont-1 a:last-child{
  float:right;
}
.mask_2>div> div:last-child{
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1rem;
  width: 2rem;
  height: 1rem;
}
.section-1{
  width:100%;
}
.section-1>div:first-child{
  width:100%;
  height: 2.16rem;
  background:url(../images/title_1.png)no-repeat;
  background-size:100% 100%;
}
.section-1>div:nth-child(2){
  width:100%;
  height:5.5rem;
  background:url(../images/section-1.png)no-repeat;
  background-size:100% 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.section-1>div:nth-child(2)>a{
  width:50%;
  height:50%;
  display: block;
}
.section-2{
  width:100%;
}
.section-2 >div:first-child{
  width:100%;
  height:2.2rem;
  background:url(../images/title_2.png) no-repeat ;
  background-size:100% 100%;
}
.section-2 >div:last-child{
  width:100%;
  height: 8rem;
  background:url(../images/section-2.png) no-repeat;
  background-size:100% 100%;
  position: relative;
}
.section-2 >div:last-child>div{
  width: 1.7rem;
  height: .4rem;
  position: absolute;
  right:1.7rem;  
}
.section-2 >div:last-child>div:first-child{
  top: 1.93rem;
}
.section-2 >div:last-child>div:nth-child(2){
  top: 4.45rem;
}
.section-2 >div:last-child>div:last-child{
  top: 7rem;
}
.section-3{
  width:100%;
}
.section-3 >div:first-child{
  width: 100%;
  height:2.9rem;
  background:url(../images/title_3.png) no-repeat ;
  background-size:100% 100%;
}
.section-2 .cont-1 >div:last-child{
  position: relative;
  top:-.1rem;
}
.section-2 .cont-1 >div:last-child p{
  font-size:.3rem;
  font-weight: bold;
}
.section-4,.section-5,.section-6{
  width:100%;
}
.section-4 >div:first-child,.section-5 >div:first-child,.section-6 >div:first-child{
  width:100%;
  height: 7.5rem;
  background:url(../images/title_4.png)no-repeat;
  background-size: 100% 100%;
}
.section-4 >div:first-child{
  background:url(../images/title_4.png)no-repeat;
  background-size: 100% 100%;
}
.section-6 >div:first-child{
  background:url(../images/title_5.png)no-repeat;
  background-size: 100% 100%;
}
.section-5 >div:first-child{
  background:url(../images/title_6.png)no-repeat;
  background-size: 100% 100%;
}
.goods-wrapper .tit{
  margin:0 auto .5rem;
}
.goods-wrapper,.product-wrapper_1{
  width:7.3rem;
  position: relative;
  margin:0 auto;
}
.goods-wrapper .good_1{
  width:3.84rem;
  height:1.53rem;
  line-height: 2.1rem;
  margin:0 auto;
  background: url(../images/tit_2.png)no-repeat;
  background-size:100% 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: .4rem;
  position: relative;
}
.goods-wrapper .good_2{
  width:4.84rem;
  height:1.53rem;
  line-height: 2.1rem;
  margin:0 auto;
  background: url(../images/tit_3.png)no-repeat;
  background-size:100% 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: .4rem;
  position: relative;
}
.goods-wrapper .good_4{
  background:url(../images/title_4.png);
  background-size:100% 100%;
}
.content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  background-color: #f79f32;
  /* border-radius: .3rem; */
  width: 7.1rem;
}
.goods-wrapper .content a{
  display: block;
}
 .content .item {
  width: 3.50rem;
  margin-bottom: .2rem;
  line-height: 1.5;
  text-align: center;
  background-size:100% 100%;
  padding:.1rem;
  background-color:#fff;
  color:#f79f32;
  border-radius: .2rem;
}
 .content .item .img {
  display: block;
  width:3.26rem;
  height: 3.26rem;
  margin:.1rem auto;
}
 .content .item .title {
  font-size: .32rem;
  padding:.08rem 0;
}
.content .item .price{
  font-size:.2rem;
  padding-left: .05rem;
  text-align: center;
}
 .content .item .price span {
  font-size: .35rem;
  font-weight: bold;
}
.content .item .gobuy{
  width: 2.6rem;
  height: .38rem;
  line-height: .38rem;
  border-radius: .3rem;
  background-color:#f79f32;
  color:#fff;
  margin:0 auto;
  font-size:.25rem;
}

.good_1 p,.good_2 p{
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: .4rem;
  position: absolute;
  bottom: .23rem;
  left: 2.05rem
}
.good_2 p{
  left: 1.5rem;
  bottom: .18rem;
}
.main .hot .tit{
 width:100%;
 height:3.55rem;
 background: url(../images/title_7.png)no-repeat;
 background-size: 100% 100%
}
.main .hot .sub-tit {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  background-color: #f79f32;
  position: relative;
  top: -.8rem;
  margin: 0 .15rem;
}
.main .hot .sub-tit .active {
  background-color:#fb802c;
}

.main .hot .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:7.2rem;
}
.sub-tit .item{
  width: 2.98rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .4rem;
  text-align: center;
  border-radius: .1rem;
  cursor: pointer;
  border-radius: .2rem;
  background-color: #f79f32;
  box-shadow: 0 0.05rem 0.1rem #73727061;
  color: #fff;
  margin: .1rem;
  transition: background-color  1s;
}
.section-7{
  width:100%;
  height: 18.16rem;
  background:url(../images/section-6.png)no-repeat;
  background-size:100% 100%;
}
.main .footer {
  padding: .2rem;
}
.main .footer{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.main .footer>div{
  width: 2.98rem;
  height: 1.34rem;
}
.main .footer .to-return {
  width: 2.98rem;
  height: 1.34rem;
  display: block;
  background: url('../images/to-return.png') no-repeat center / 100%;
}
.main .footer .to-top {
  background: url('../images/to-top.png') no-repeat center / 100%;
}
.rel-8{
  position: relative;
  top:-.8rem;
  padding-top:.2rem;
  border-radius: 0 0 .2rem .2rem;
}