.hide {
  display: none !important;
}
body {
 background-color:#a5d4ed;
  line-height: 1.5;
}
.index-kf-wrap {
  z-index: 999;
}
.main img {
  display: block;
  width: 100%;
}
.main .banner .banner-1 {
  width:100%;
  height: 3.17rem;
  background: url('../images/banner-1.png') no-repeat center / 100%;
  background-size:100% 100%;
}
.main .banner .banner-2 {
  width:100%;
  height: 2.92rem;
  background: url('../images/banner-2.png') no-repeat center / 100%;
  background-size: cover;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
.mask{
    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>img{
  width: 100%;
  height:100%;
  object-fit: contain;
}
.mask .determine{
  width: 1.7rem;
  height: .6rem;
  position: absolute;
  bottom: 4.6rem;
  left: 50%;
  margin-left: -.8rem;
}
.section-1{
  width:100%;
  height: 2.32rem;
  background: url(../images/section-1.png)no-repeat center/100%;
}
.section-2{
  width:100%;
  height: 5.14rem;
  display: flex;
  justify-content: center;
  align-items:center;
  background: url(../images/section-2.png)no-repeat center/100%;
}
.section-2>div{
  width: 30%;
  height: 40%;
  margin-top: 1.8rem;
}

.section-3{
  width:100%;
  height: 4.26rem;
  background: url(../images/section-3.png)no-repeat center/100%;
  display: flex;
  align-items: center;
  justify-content:center;
}
.section-3>a{
  display: block;
  width: 27%;
  height: 63%;
  margin: .98rem .15rem 0;
}
.v-section-3>a{
  width: 100%;
}
.section-shop,.section-4{
  width:100%;
}
.section-shop>div:first-child,.section-4>div:first-child{
  width:100%;
  height:.81rem;
  margin:.5rem auto .2rem;
}
.section-shop>div:first-child img,.section-4>div:first-child img{
  width:100%;
  height:100%;
  object-fit: contain;
}
.section-4 .cont-1{
  margin-top:.5rem;
  width:100%;
  /* height:4.8rem; */
  background: #5d9fca;
  /* background: url(../images/section-4.png)no-repeat center/100%; */
  padding-top:.2rem;
  padding-bottom:.5rem;
  box-shadow: 0 0.1rem 0.1rem 0.01rem #00000059;
}
.section-4 .cont-1 > div:first-child{
  width:100%;
  height: .61rem;
}
.section-4 .cont-1 > div:first-child img{
  width:100%;
  height: 100%;
  object-fit: contain;
}
.section-4 .cont-1>div:last-child{
  width:100%;
  display: flex;
  justify-content: space-around;
}
.section-4 .cont-1>div:last-child .sh_shop{
  width:32%;
  /* height:3.7rem; */
  text-align: left;
  padding:.2rem;
  background-color:#fff;
  border:.01rem solid #000;
  border-radius: .1rem;
  /* background:url(../images/sh_shop.png)no-repeat center/100%;  */
  position: relative;
}
.section-5{
  width:100%;
  background-color:#5d9fca;
  overflow: hidden;
  padding: .3rem .1rem;
  margin:.5rem auto;
}
.section-5>div{
  width:3.56rem;
  height: 3.16rem;
  position: relative;
}
.section-5>div>div{
  width:1.72rem;
  height: 1.74rem;
  position: absolute;
  right:.2rem;
  bottom:.2rem;
}
.section-5 img{
  width:100%;
  height: 100%;
  object-fit: contain;
}

.section-5>div:first-child{
  float: left;
  background:url(../images/card_1.png)no-repeat center/100%
}
.section-5>div:last-child{
  float: right;
  background:url(../images/card_2.png)no-repeat center/100%
}
.sh_shop img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sh_shop div{
  width:100%;
  font-size: .15rem;
  margin:.05rem auto;
}
.sh_shop div:nth-child(2){
  border:.018rem dotted #000;
}
.dotted::before{
  content: "";
  display: inline-block;
  width:.08rem;
  height:.08rem;
  line-height:.08rem;
  border-radius:.08rem;
  background-color:#000;
  margin-right:.05rem;
}
.sh_shop div:last-child{
  color: #fff;
  background-color: #d63b0d;
  border-radius: .5rem;
  text-align: center;
  position: absolute;
  bottom: -.25rem;
  width: 1rem;
  height: .4rem;
  line-height: .4rem;
  left: 50%;
  margin-left: -.5rem;
}
.sh_shop div:nth-child(6){
  height:.2rem;
  line-height: .2rem;
  color:#d63b0d;
}
.sh_shop div:nth-child(6) span{
  font-weight: bold;
  font-size:.25rem;
}
.sh_shop s{
  font-size:.01rem;
  color:#000;
 float: right;
}
/* .section-4 >div:first-child{
  background:url(../images/title_2.png)no-repeat;
  background-size: 100% 100%;
}
.section-6 >div:first-child{
  background:url(../images/title_3.png)no-repeat;
  background-size: 100% 100%;
}
.section-5 >div:first-child{
  background:url(../images/title_4.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;
  /* border-radius: .3rem; */
  width: 7.1rem;
}
.goods-wrapper .content a{
  display: block;
}
 .content .item {
  width: 3.47rem;
  margin-bottom: .2rem;
  line-height: 1.5;
  text-align: center;
  background-size:100% 100%;
  padding:.1rem;
  background-color:#5d9fca;
  border-radius: .08rem;
  position: relative;
}
.content .item .cont-1{
  width:.78rem;
  height: .78rem;
  background:url(../images/hot-buy.png)no-repeat center/100%;
  position: absolute;
  left:0;
  top:0;
}
.content .item .cont-2{
  position: relative;
  height: .8rem;
  line-height: .8rem;
}
.content .item a{
  display: block;
  background:#fff;
  width:100%;
  /* height:3.47rem; */
  border-radius: .1rem;
  padding: .1rem;
  box-sizing: border-box;
}
 .content .item .img {
  display: block;
  width:3rem;
  height: 3rem;
  margin:.1rem auto;
}
 .content .item .title {
  font-size: .32rem;
  padding:.08rem 0;
  color:#5d9fca;
}
.content .item .price{
  font-size:.2rem;
  padding-left: .05rem;
  text-align: left;
  color:#fff;
}
 .content .item .price span {
  font-size: .35rem;
  font-weight: bold;
}
.content .item .gobuy{
    position: absolute;
    width: .85rem;
    height: .74rem;
    right: .2rem;
    bottom: 0.06rem;
    background: url(../images/to-buy.png)no-repeat center/100%;
}

.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%
}
.sub-tit{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 0 .15rem;
}
.sub-tit .item{
  width:1.71rem;
  height: .5rem;
  line-height: .4rem;
  font-size: .3rem;
  text-align: center;
  cursor: pointer;
  border-radius: .1rem;
  color: #f95808;
  margin: .1rem;
  transition: background-color  1s;
  border:.02rem dotted #f95808;
}
 .sub-tit .active {
  background-color:#f95808;
  color:#fff;
}

.main .hot .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:7.2rem;
}
.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;
} */
.jkzq{
  width:100%;
  /* height: 9.98rem; */
  padding-top:.2rem;
  /* background: url(../images/section-8.png)no-repeat center/100%; */
  background-color:#5d9fca;
  box-shadow: 0 0.1rem 0.1rem 0.01rem #00000059;
}
.jkzq a{
  display: block;
  width:100%;
  height: 100%;
}
.jkzq>ul{
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
}
.jkzq>ul li{
  width:3.47rem;
  height: 4.07rem;
  border:.01rem solid #000;
  background-color:#fff;
  position: relative;
  margin:.2rem 0 ;
}
.jkzq>ul li img{
  width:2.6rem;
  height:2.3rem;
 margin:.4rem auto
}
.jkzq>ul li .cont-1{
  width:100%;
  height:1.53rem;
  border-radius: 50% 50% 0 0;
  background-color:#f95808;
  position: absolute;
  bottom:0;
  box-shadow: 0 0 .1rem 0.01rem #00000036;
  padding-top:.2rem;
}
.jkzq .tit{
  width: 100%;
  font-size: .3rem;
  color:#fff;
  text-align: center;
}
.jkzq .btn{
  background:#ffd800;
  width:1.46rem;
  height:.38rem;
  margin:.1rem auto;
  line-height: .38rem;
  color:#d63b0d;
  text-align: center;
  font-size:.15rem;
  border-radius: .5rem;
}
.jkzq p {
  text-align: center;
  color:#fff;
}
.flex{
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  margin-top:.3rem;
}