@import './public.css';
@import './banenr.css';
@import './swiper.css';
@import './tap.css';
a{
    text-decoration: none;
}
.box1{
    width:7.09rem;
    margin: .2rem auto;
    height: 2.31rem;
}
.box2{
    width:100% !important;
    padding-left: 0px  !important;
}
.box2,.box3,.box4,.box5{
    width:6.68rem;
    padding-left:0.41rem;
    padding-right:0px;
    padding-top:0.2rem;
    background: #f9f9f9;
    padding-bottom: 0.2rem;
}
.box5{
    background: #fff;
}
.box2_center ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0px 0.1rem;
}
.box2_center ul li{
    width:1.67rem;
    height:1.55rem;
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    margin:0.3rem 0px 0px 0px;
}
.box2_center ul li a{
   
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
.box2_center ul li img{
    width:0.9rem;
    height:0.9rem;
}
.box2_center ul li span{
    font-size:0.32rem;
    color:#474747;
}
.border-bottom{
    border-bottom: 0.04rem solid #ccc;
}
.box3,.box4{
    background: #fff;
}
.box3-swiper,.box4-swiper,.box5-swiper,.box6-swiper{
    margin-top:0.32rem;
}
.box3 .box-swiper .swiper-wrapper .swiper-slide{
    width:3.33rem;
    height:1.72rem;
    margin:0 0.1rem;
}
.box3-swiper-pagination,.box4-swiper-pagination,.box6-swiper-pagination{
text-align: center;
height: .41rem;
width:100%;
display: flex;
justify-content:center;
align-items:flex-end;
}
.box3-swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #e8b57e;
    width: 0.59rem;
    height:0.1rem;
    opacity: 1;
    border-radius: 0.04rem;
}
.box3-swiper-pagination .swiper-pagination-bullet{
    background:#e8b57e;
    height:.1rem;
    width:.1rem;
    opacity: 0.5;
    margin: 0 0.03rem;
    display: inline-flex;
}

.box4-swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #4f4f4f;
}
.box4-swiper-pagination .swiper-pagination-bullet{
    background:#fff;
    border:0.01rem solid #4f4f4f;
    height:.14rem;
    width:.14rem;
    margin: 0 0.03rem;
    display: inline-flex;
}
.box4-btn{
    display: flex;
    justify-content: center;
    margin-top:0.2rem;
    margin-bottom: 0.35rem;
}
.box4-btn span{
    width: 2.6rem;
    height:0.6rem;
    margin:0 0.15rem;
    border-radius: 1rem;
    color:#fff;
    font-size:0.25rem;
    background: #08a6a9;
    line-height: 0.6rem;
    text-align:center;

}
.box4-btn span:last-child{
    background: #e7c097;
}

.box3-swiper .swiper-wrapper{
    width: 50%;
}
.box3-swiper .swiper-wrapper ul{
    display: flex;
    height:1.49rem;
    justify-content: space-between;
}
.box3-swiper .swiper-wrapper ul li:last-child{
    display: flex;
    flex-flow:wrap;
    text-align: center;
    width:1.7rem;
    align-items: flex-end;
    justify-content: flex-start;
    height: 1.3rem;
}
.box3-swiper .swiper-wrapper ul li img{
    width:1.49rem;
    height:1.49rem;
}
.box3-swiper .swiper-wrapper ul li a{
    display: contents;
}
.box3-swiper .swiper-wrapper ul li h4{
    font-size:0.24rem;
    line-height: 0.22rem;
    font-weight:bold;
}
.box3-swiper .swiper-wrapper ul li span{
    font-size:0.22rem;
    line-height:.22rem;
    color:#989898;
}
.box3-swiper .swiper-wrapper ul li div{
    font-size:.26rem;
    width:1.33rem;
    height:0.43rem;
    background:#e8b57e;
    color:#fff;
    border-radius: 0.5rem;
    cursor: pointer;
}

.box4-swiper .swiper-wrapper ul{
    display:flex;
    justify-content: space-between;
    font-size: .2rem;
    margin-bottom: 0.3rem;
}
.box4-swiper .swiper-wrapper ul li{
    height:4.5rem;
    flex:58%;
}
.box4-swiper .swiper-wrapper ul li:first-child{
    flex:38%;
    margin-right: 0.2rem;
}
.box4-swiper .swiper-wrapper ul li .desc_top{
  
    font-size:.4rem;
    margin-bottom: 0.05rem;
}
.box4-swiper .swiper-wrapper ul li .desc_top .shanchang{
       display: inline-block;
    color:#d5a675;
    font-size: .32rem;
    border-radius: .4rem;
    border: 1px solid #d5a675;
    padding: .1rem;
    padding-top: 0px;
    padding-bottom: 0px
}
.box4-swiper .swiper-wrapper ul li .desc_top .info{
    font-weight: normal;
    font-size: .2rem;
    line-height: 150%;
    text-indent: 2em;
    margin-top: .2rem;

}
.box4-swiper .swiper-wrapper ul li .desc_top ul{
    display: flex;
    margin-top:0px;
    justify-content: space-around;
    margin-bottom:0px;
}

.box4-swiper .swiper-wrapper ul li .desc_top ul li {
    height: 0.72rem;
    background: #d5a675;
    color: #fff;
    border-radius: 5%;
    text-align: center;
    margin: 0.01rem;
    word-break: break-word;
    flex: 1;

}

.box4-swiper .swiper-wrapper ul li .desc_top ul li:nth-child(2n){
background: #4fb399;
}

.box4-swiper .swiper-wrapper ul li .desc_top p{
    line-height: 0.4rem;
    font-size:.3rem;
}
.box4-swiper .swiper-wrapper ul li .desc_top .name{
    font-size: .5rem;
}
.box4-swiper .swiper-wrapper ul li .desc_top .title{
    font-size: .34rem;
}
.box4-swiper .swiper-wrapper ul li .desc_top .stars span{
    color:#fa920f;
}
.box4-swiper .swiper-wrapper ul li .desc_top .data{
    font-size:.16rem;
    color:#bcbcbc;
}
.box4-swiper .swiper-wrapper ul li .desc_top .data span{
    color:#fa920f;
}
.box4-swiper .swiper-wrapper ul li .desc_bot .items{
    color:#fa920f;
    font-size:0.24rem;
}
.box4-swiper .swiper-wrapper ul li .desc_bot p{
    font-size: 0.25rem;
    line-height: 0.35rem;

}
.box4-swiper .swiper-wrapper .desc{
    height: 2.49rem;
    background: #dadada;
    margin-top: 0.3rem;
    position: relative;
}
.box4-swiper .swiper-wrapper .desc_border{
    top:0.1rem;
    height:2.3rem;
    width:6.5rem;
    background: #ffffff;
    left:0.08rem;
    position: absolute;
   
}
.box4-swiper .swiper-wrapper .desc_border_center{
    top:0.08rem;
    height:2.1rem;
    width:6.1rem;
    background: #ffffff;
    left:0.08rem;
    position: absolute;
    border:0.01rem solid #dadada;
     display: flex;
    flex-direction:column;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 0 0.1rem;
}
.box4-swiper .swiper-wrapper .desc_border_center .desc_bottom{
    display: flex;
    font-size: 0.25rem;
}
 .box4-swiper .swiper-wrapper .desc_border_center .desc_bottom span{
     margin-left:0.05rem;
     font-size: 0.28rem;
 }
 .box4-swiper .swiper-wrapper .desc_border_center .desc_bottom span:first-child{
     display:inline-block;
     border-right: 0.01rem solid #000;
     color:#fba83f;
     margin-left:0px;
 }
.box4-swiper .swiper-wrapper .desc_border_center ul{
    display: flex;
    margin-top:0px;
    justify-content: space-around;
    margin-bottom:0px;
}
.box4-swiper .swiper-wrapper .desc_border_center ul li{
    width:1.28rem;
    height:0.72rem;
    background: #d5a675;
    color:#fff;
    border-radius: 5%;
    text-align: center;
    margin:0.01rem;
}
.box4-swiper .swiper-wrapper .desc_border_center ul li:first-child{
    line-height: 0.72rem;
}
.box4-swiper .swiper-wrapper .desc_border_center ul li:nth-child(2n){
background: #4fb399;
}

.box5-swiper .swiper-wrapper .product{
    font-size:20px;
    text-align: center;
    border-radius: 0.02rem;
    width:3.04rem;
    border:0.01rem solid #ccc;
    margin: 0px 0.14rem;
}
.box5-swiper .swiper-wrapper .product .product_img{
width:3.04rem;
height:2.83rem;
}
.box5-swiper .swiper-wrapper .product .product_info{
    height:0.85rem;
    margin-top:0.2rem;
    margin-bottom:0.2rem;
}
.box5-swiper .swiper-wrapper .product .product_info p{
    font-size:.32rem;
    line-height: .28rem;
}

.box5-swiper .swiper-wrapper .product .product_info  button{
    width:2.34rem;
    height:0.42rem;
    border:0.01rem solid #f8c88e;
    border-radius: 0.25rem;
    background:#fff;
    margin-top: 0.15rem;
    font-size:.20rem;
}
.box5-swiper .swiper-wrapper .product .product_info  button span:first-child{
    font-size: .24rem;
}
.box5-swiper .swiper-wrapper .product .product_info  button span{
    color:#f79113;
    font-size: .22rem;
}
.w100{
    width: 100%;
    max-width: 750px;
}
.videos{
    width:100%;
    max-width:750px;
    margin-top:5%;
    background: #333;
    margin: 0.2rem 0;
}
.videos .videos_tit{
    text-align:right;
    float: left;
}
.videos .videos_tit img{
    width: 32%;
    float: right;
}
.pr {
        position: relative;
        float: left;
    }
     .pa {
        position: absolute;
        z-index: 9;
        float: left;
        pointer-events: none;
        top: 0px;
    }