/* banner */
body{background: #f5f5f5;}
body.active{position: relative;overflow: hidden;}
.oymHeaderBanner{padding-bottom: 0;}
/* banner-swiper */
.oymHeaderBanner .swiperBannerList{width: 6.9rem;height: 3.5rem;border-radius: 0.22rem;margin:0 auto 0.4rem;position: relative;overflow: hidden;background: #fff;box-shadow: 0 0.1rem 0.1rem rgba(148, 190, 180, 0.3);}
/*  */
.oymHeaderBanner .select-nav{width: 100%;height: 0.8rem;}
.oymHeaderBanner .select-nav .content{width: 7.5rem;height: 0.8rem;background: #fff;box-shadow: 0 0.04rem 0.06rem 0.04rem rgba(234, 234, 234, 0.6);display: flex;justify-content: space-between;position: relative;z-index: 999;}
.oymHeaderBanner .select-nav .content.positionFixed{position: fixed;left: calc((100% - 7.5rem)/2);top: 0;}
.oymHeaderBanner .select-nav .nav-item{width: 33.3%;height: 100%;font-size: 0.26rem;color: #333;display: flex;justify-content: center;align-items: center;background: url('../images/icon_border.png') no-repeat right center;background-size: 1px 0.4rem;cursor: pointer;}
.oymHeaderBanner .select-nav .nav-item:last-child{background: none;}
.oymHeaderBanner .select-nav .nav-item span{display: flex;justify-content: flex-start;align-items: center;}
.oymHeaderBanner .select-nav .nav-item span::after{content: '';width: 0.17rem;height: 0.09rem;background: url('../images/icon_select.png') no-repeat;background-size: 100% 100%;display: block;margin-left: 0.1rem;}
.oymHeaderBanner .select-nav .nav-item .filter_wrap{position: absolute;top: 0.8rem;left: 0;z-index: 2;background: rgba(0, 0, 0, .8);width: 100%;display: none;height: calc((100vh - 0.8rem));}
.oymHeaderBanner .select-nav .nav-item .filterScroll{max-height: 6.2rem;overflow-y: auto;background: #ffffff;}
.oymHeaderBanner .select-nav .nav-item .filterScroll li{width: 6.32rem;height: 0.76rem;margin: 0 auto;line-height: 0.76rem;font-size: 0.28rem;color: #666666;border-bottom: 0.02rem solid #f8f8fa;text-align: left;padding-left: 0.22rem;box-sizing: border-box;}
.oymHeaderBanner .select-nav .nav-item .filterScroll li:last-child {border: 0;}
.oymHeaderBanner .select-nav .nav-item span.active {color: #ffa11c;}
.oymHeaderBanner .select-nav .nav-item span.active::after{background: url('../images/icon_select_active.png') no-repeat;background-size: 100% 100%;}

.oymProduce-List{width: 7.5rem;height: auto;margin: auto;padding: 0.3rem 0.3rem 0.6rem;}
.oymProduce-List .overAuto{overflow: hidden;}
.oymProduce-List .item{width: 100%;height: 3rem;border-radius: 0.14rem;background: #fff;box-shadow: 0 0 0.12rem rgba(231, 231, 231, 0.4);margin-bottom: 0.2rem;padding: 0.2rem 0.2rem 0;cursor: pointer;}
.oymProduce-List .item .raw{height: 1.9rem;border-bottom: 1px solid #f5f5f5;display: flex;justify-content: flex-start;}
.oymProduce-List .item .imagesTitle{width: 2.5rem;height: 1.7rem;border-radius: 0.14rem;overflow: hidden;position: relative;flex-shrink: 0;}
.oymProduce-List .item .pro-bk{position: absolute;left: 0;top: 0;width: 100%;}
.oymProduce-List .item .pro-raw{position: absolute;left: 0.28rem;top: 0.55rem;width: 0.43rem;height: 0.07rem;}
.oymProduce-List .item .pro-tit{font-size: 0.22rem;line-height: 0.36rem;color: #2b3a3c;position: absolute;left: 0.3rem;top:0.28rem;font-weight: bold;}
.oymProduce-List .item .right{padding-left: 0.3rem;flex: 1;}
.oymProduce-List .item .proTit{font-size: 0.28rem;font-weight: bold;color: #333;padding: 0.09rem 0 0.18rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.oymProduce-List .item .font{font-size: 0.22rem;line-height: 0.4rem;color: #333;position: relative;padding-left: 0.3rem;}
.oymProduce-List .item .font::before{content: '';width: 0.2rem;height: 0.22rem;background: url('../images/icon_special.png') no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0.09rem;}
/* .oymProduce-List .item .font + .font{margin-top: 0.04rem;} */
.oymProduce-List .buttonBettwend{width: 5.5rem;margin: auto;padding-top: 0.14rem;display: flex;justify-content: space-between;}
.oymProduce-List .buttonBettwend a{width: 2.2rem;height: 0.6rem;border-radius: 0.3rem;display: flex;justify-content: center;align-items: center;font-size: 0.26rem;color: #fff;background: #0fa784;cursor: pointer;}
.oymProduce-List .buttonBettwend a::before{content: '';width: 0.2rem;height:0.22rem;background: url('../images/icon_details.png') no-repeat;background-size: 100% 100%;margin-right: 0.1rem;}
.oymProduce-List .buttonBettwend a.vip{background: transparent;color: #ffa11c;border: 1px solid #ffa11c;}
.oymProduce-List .buttonBettwend a.vip::before{width: 0.34rem;height: 0.33rem; background: url('../images/icon_vip.png') no-repeat;background-size: 100% 100%;}
.oymProduce-List .clickMore{font-size: 0.22rem;color: #999999;margin:0.4rem auto 0;display: none;justify-content:center;align-items: center;cursor: pointer;}
.oymProduce-List .clickMore::after{content: '';width: 0.17rem;height:0.1rem;background: url('../images/icon_more.png') no-repeat;background-size: 100% 100%;margin-left: 0.1rem;}
.oymProduce-List .clickMore.active{display: flex;}
.oymProduce-List .clickMore.active.start::after{transform: rotate(180deg);}

.oymProduce-List .proList{display: block;}
.oymProduce-List .proList.active{display: none;}
.oymProduce-List .proListNone{display: none;text-align: center;}
.oymProduce-List .proListNone.active{display: block;}
.oymProduce-List .proListNone .proNoneImg{width: 2rem;display: block;margin:0.3rem auto 0.2rem;}
.oymProduce-List .proListNone .sorryFont{font-size: 0.22rem;color: #333;padding: 0.2rem 0 0.1rem;}
.oymProduce-List .proListNone .sorryFont_2{font-size: 0.22rem;color: #999;}

/*  */
.EditorsChoice{width: 7.5rem;margin: auto;padding: 0 0.3rem 0;}
.EditorsChoice .boldTitlte{font-size: 0.36rem;font-weight: bold;color: #333;display: flex;justify-content: flex-start;align-items: center;}
.EditorsChoice .boldTitlte::before{content: '';width: 0.06rem;height: 0.36rem;border-radius: 0.03rem;background: #0fa784;margin-right: 0.2rem;}
.EditorsChoice .content{padding: 0.4rem 0 0;display: flex;justify-content: space-between;}
.EditorsChoice .item{width: 2.1rem;height: 2.1rem;border-radius: 20px;box-shadow: 0 0 0.12rem rgba(237, 243, 246, 0.3);display: block;padding:0.3rem 0 0 0.3rem;}
.EditorsChoice .item:nth-child(1){background: url('../images/recommend_bk1.png') no-repeat;background-size: 100% 100%;}
.EditorsChoice .item:nth-child(2){background: url('../images/recommend_bk2.png') no-repeat;background-size: 100% 100%;}
.EditorsChoice .item:nth-child(3){background: url('../images/recommend_bk3.png') no-repeat;background-size: 100% 100%;}
.EditorsChoice .title{font-size: 0.28rem;font-weight: bold;color: #333;}
.EditorsChoice .font{font-size: 0.22rem;color: #666666;padding-top: 0.14rem;}