/* ===========================================================================
=================================首页=========================================
============================================================================== */
.nav-search{
    display: none;
}
/* ========================= 首页 banner================ */
.banner{
    width: 100%;
    /* height: 100vh; */
    /* background: #131926 url(../image/banner.webp) no-repeat 50%; */
    /* background-size: cover; */
    position: relative;
}
.banner>img{
    display: block;
    width: 100%;
}
.banner-main{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 6.7vw;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}
.banner-main>p{
    font-size: 3.33333vw;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1.5625vw;
}
.banner-search{
    background: #fff;
    height: 4.6875vw;
    width: 70%;
    border-radius: 2.3438vw;
    margin-bottom: 1.0417vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.banner-search .searchimg{
    position: absolute;
    width: 75%;
    left: 0;
    top: 0;
    height: 4.6875vw;
    display: flex;
    align-items: center;
    justify-content:flex-start;
    z-index: 99;
    padding-left: 1.5625vw;
    box-sizing: border-box;
}
.banner-search .searchimg img{
    display: block;
    height: 2.0833vw;
    margin-left: 1.0417vw;
}
.banner-search .searchimg p{
    font-size: 1.2vw;
    color: #999;
}
.banner-search input{
    display: block;
    width: 75%;
    border: none;
    height: 4.6875vw;
    border: 2.3438vw;
    padding: 0 .5208vw 0 1.5625vw;
    box-sizing: border-box;
    font-size: 1.2vw;
    color: #666;
    position: relative;
    z-index: 100;
}
.banner-search .photoSearch{
    width: 10%;
}
.banner-search .photoSearch img{
    display: block;
    width: 35%;
    margin: 0 auto;
}
.banner-search .submitBtn{
    width: 15%;
    height: 100%;
    padding: .2604vw;
}
.banner-search .submitBtn a{
    display: block;
    height: 100%;
    background: #ff186b;
    border-radius: 2.0833vw;
    text-align: center;
    line-height: 4.1667vw;
    color: #fff;
    font-size: 1.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-search .submitBtn a img{
    display: block;
    width: 1.5625vw;
    margin-right: .5208vw;
}
.search-tag{
    width: 100%;
    margin-bottom: 1.0417vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2.6042vw;
}
.search-tag a{
    display: block;
    border: 1px solid #fff;
    height: 2.5vw;
    border-radius: 1.25vw;
    background:#fefefe29;
    font-size: 0.8vw;
    color: #fff;
    padding: 0 2.5vw;
    line-height: 2.5vw;
    margin-right: 1.0417vw;
}
.bannerb{
    width: 100%;
    margin-bottom: 5vw;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.stepItme{
    padding-right: 1.0417vw;
    max-width: 33.33%;
}
.step{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.step span{
    width: 2.0833vw;
    height: 2.0833vw;
    border-radius: 50%;
    display: block;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .4);
    text-align: center;
    line-height: 1.9792vw;
    color: #fff;
    font-size: .8333vw;
    padding: 0;
}
.step label{
    display: block;
    flex: 1;
    height: 0;
    border-top: 3px dashed #afb1b5;
    margin-left: 1.0417vw;
}
.steptitle{
    margin-top: 1.0417vw;
}
.steptitle p{
    font-size: .9375vw;
    padding: 0;
    margin: 0;
    color: #afb1b5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.steptext{
    position: relative;
    margin-top: 1.0417vw;
    padding-left: .7813vw;
    box-sizing: border-box;
}
.steptext::after{
    content: " ";
    display: block;
    width: .4167vw;
    height: .4167vw;
    border-radius: 50%;
    background: #afb1b5;
    position: absolute;
    left: 0;
    top: 50%;
}
.steptext p{
    font-size: .8333vw;
    color: #afb1b5;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bannerb>img{
    display: block;
    width: 100%;
}
/* ==============================公告============================= */
.hengfu{
    width: 100%;
}
.hengfu>img{
    display: block;
    width: 100%;
}
.notice-main{
    background: #EEF6FD;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 6.7vw;
    margin-top: .1563vw;
    box-sizing: border-box;
}
.notice-main .lb{
    display: block;
    width: 1.3021vw;
    margin-right: .5208vw;
}
.notice-main .wz{
    display: block;
    width: 3.125vw;
    margin-right: 1.0417vw;
}
    .notice-main p {
        color: #ff186b;
        font-size: 1.2vw;
        font-weight: 700;
        line-height: 1;
        position: relative;
        top: -.1vw;
        margin-right: 1.0417vw;
    }
.notice-new{
    flex: 1;
    height: 3.125vw;
    overflow: hidden;
}
.swiper1 .swiper-slide{
    height: 3.125vw;
}
.swiper1 a{
    display: block;
    height: 3.125vw;
    line-height:3.125vw;
    font-size: 0.72917vw;
    color: #333333;
    font-weight: 500;
}
/* ========================================店铺轮播======================== */
.swiperMain{
    width: 100%;
    padding: 4.1667vw 6.7vw;
    box-sizing: border-box;
}
.swiper2{
    width: 100%;
    overflow: hidden;
    position: relative;
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 1.5625vw;/* 设置按钮大小 */
}
.swiperMain .swiper .swiper-button-next, .swiperMain .swiper .swiper-button-prev {
    width: 3.125vw;
    height:  3.125vw;
    border-radius: 50%;
    margin-top: -1.3021vw;
    background-color: #000; /* 设置前进和后退按钮的背景色为黑色 */
    opacity: 0.2; /* 设置按钮的透明度 */
  }

.swiperMain a{
    display: block;
    border-radius: .625vw;
    overflow: hidden;
}
.swiperMain a img{
    display: block;
    width: 100%;
}
/* =====================================一站式购物服务=========================== */
.shoppService{
    padding: 0 6.7vw 2.6042vw;
    box-sizing: border-box;
}
.shoppService>h4{
    font-size: 1.8vw;
    color: #050505;
    font-weight: 700;
    text-align: center;
}
.shoppService ul{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 4.1667vw;
}
.shoppService ul li{
    width: 20%;
    position: relative;
}
.shoppService ul li .shopicon{
    display: block;
    width: 4.5833vw;
    margin: 0 auto;
}
.shoppService ul li h6{
    font-size: .9375vw;
    color: #00011D;
    text-align: center;
    font-weight: 700;
    margin-top: 1.6667vw;
}
.shoppService ul li p{
    color: #353C5B;
    font-size: 0.72917vw;
    margin-top: 0.9375vw;
    line-height:1.25vw;
}
.shoppService ul li .shopR{
    display: block;
    width: 1.25vw;
    position: absolute;
    top: 14%;
    left: -20%;
}

.header{
    box-shadow: none;
    background: none;
}
.header .nav-left ul li>a,.header .navDownMenu label,.header .navDownMenu span,.header .language,.header .language .spanL,.header .language .spanR,.header .nav-right .notice span, .header .nav-right .shopCard span{
    color: #999;
}
.headerIndex{
    box-shadow: 0 0 .5208vw #ccc;
    background: #fff;
}
.headerIndex .nav-left ul li>a,.headerIndex .navDownMenu label,.headerIndex .navDownMenu span,.headerIndex .language,.headerIndex .language .spanL,.headerIndex .language .spanR,.headerIndex .nav-right .notice span, .headerIndex .nav-right .shopCard span{
    color: #1E1714;
}

/* ========================================================================
=================================wap=======================================
=========================================================================== */
#wap{
    display: none;
}