/* 产品-详情1 */ 
.md38584.w-main{width: 100%;padding: 1.25rem 0 1rem;} 
.md38584.w-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;} 
.md38584.w-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md38584.w-main .w-top{width: 100%;margin-bottom: 1rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md38584.w-main .w-left{display: flex;justify-content: space-between;width: 7.1rem;} 
.md38584.w-main .w-swiperbox{width: calc(100% - 1.28rem);}
.md38584.w-main .w-swiper{width: 100%;border-radius: .2rem;border: solid 1px #eeeeee;}
.md38584.w-main .w-item{display: block;width: 100%;}
.md38584.w-main .w-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(578/578*100%);}
.md38584.w-main .w-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md38584.w-main .w-swiperbox2{width: .89rem;position: relative;}
.md38584.w-main .w-swiper2{width: 100%;height: 5.5rem;}
.md38584.w-main .w-nav{width: 100%;height: auto;min-height: 20%;}
.md38584.w-main .w-bg{display: block;cursor: pointer; width: 100%;position: relative;overflow: hidden;padding-top: calc(578/578*100%);border-radius: .15rem;border: solid 1px #eeeeee;}
.md38584.w-main .w-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md38584.w-main .w-nav.active .w-bg{border: solid 1px var(--theme);}
.md38584.w-main .w-prev{top: auto;bottom: 0;left: 0;width: 50%;height: .36rem;display: flex;align-items: center;justify-content: center;background-size: 0 0;}
.md38584.w-main .w-prev svg{width: .09rem;color: #909090;}
.md38584.w-main .w-prev:hover svg{color:var(--theme);}
.md38584.w-main .w-next{top: auto;bottom: 0;right: 0;width: 50%;height: .36rem;display: flex;align-items: center;justify-content: center;background-size: 0 0;}
.md38584.w-main .w-next svg{width: .09rem;color: #909090;}
.md38584.w-main .w-next:hover svg{color:var(--theme);}

.md38584.w-main .w-right{width: 6.3rem;padding-top: .25rem;display: flex;flex-wrap: wrap;align-content: space-between;}
.md38584.w-main .w-box{width: 100%;padding-bottom: .3rem;}
.md38584.w-main .w-titlesbox{width: 100%;padding-bottom: .35rem;margin-bottom: .35rem;border-bottom: 1px solid #eeeeee;}
.md38584.w-main .w-new{display: inline-block;margin-bottom: .15rem; padding: 0 .12rem;color: #ffffff;line-height: 2.12em;border-radius: 1.06em;background-color: var(--theme);}
.md38584.w-main .w-titles{width: 100%;color: var(--theme);line-height: 1.3;font-weight: bold;}
.md38584.w-main .w-tr{width: 100%;}
.md38584.w-main .w-td{position: relative;width: 100%;margin-bottom: .1rem;padding-left: calc(6px + .2rem); color: #666666;line-height: 1.6;}
.md38584.w-main .w-td span{color: var(--theme);}
.md38584.w-main .w-td:before{content: '';position: absolute;top: .8em;left: 0;margin-top: -3px;width: 6px;height: 6px;border-radius: 50%;background-color: #222222;}
.md38584.w-main .w-buybox{display: inline-block;position: relative;}
.md38584.w-main .w-buy{display: inline-block;cursor: pointer;padding: 0 .64rem;color: #ffffff;line-height: .5rem;border-radius: .25rem;background-color: var(--theme);}

.md38584.w-main .w-cutbox{width: 100%;padding-bottom: .2rem;border-bottom: 1px solid #eeeeee;}
.md38584.w-main .w-cut{display: inline-block;vertical-align: middle;cursor: pointer;padding: 0 .35rem; margin-bottom:  .2rem;margin-right: .2rem; background-color: #ffffff;border-radius: .25rem;border: solid 1px var(--theme);}
.md38584.w-main .w-cut_icon{display: inline-block;vertical-align: middle;width: 1.25em;margin-right: .1rem;}
.md38584.w-main .w-cut_icon img{width: 100%;}
.md38584.w-main .w-cut_name{display: inline-block;vertical-align: middle;color: var(--theme);line-height: .5rem;}
.md38584.w-main .w-cut:hover{background-color: var(--theme);}
.md38584.w-main .w-cut:hover .w-cut_icon img{filter: grayscale(1000%) brightness(5000%);}
.md38584.w-main .w-cut:hover .w-cut_name{color: #fff;}
.md38584.w-main .w-cut.active{background-color: var(--theme);}
.md38584.w-main .w-cut.active .w-cut_icon img{filter: grayscale(1000%) brightness(5000%);}
.md38584.w-main .w-cut.active .w-cut_name{color: #fff;}

.md38584.w-main .w-bottom{width: 100%;}
.md38584.w-main .w-one{display: none;width: 100%;}
.md38584.w-main .w-one.show{display: block;}
.md38584.w-main .w-textbox{width: 100%;padding: .4rem .45rem 0;color: #333333;line-height: 2.25;}
.md38584.w-main .w-textbox *{line-height: inherit;max-width: 100%;}

.md38584.w-main .w-table{width: 100%;margin-top: .5rem;}
.md38584.w-main .w-table table{width: 100%;border: none;}
.md38584.w-main .w-table tr{width: 100%;border: none;}
.md38584.w-main .w-table td{border: none;padding: .1rem .3rem .1rem .6rem;color: #222222;line-height: 1.6;}
.md38584.w-main .w-table tr:nth-child(2n + 1){background-color: #f8f9fc;}
.md38584.w-main .w-table td:nth-child(1){font-weight: bold;font-size: 1.25em;}
.md38584.w-main .w-table td:nth-child(2){font-weight: bold;}

.md38584.w-main .wa-cont{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: .4rem;margin-top: 1rem;	background-color: #f8f9fc;border-radius: .2rem;}
.md38584.w-main .wa-left{width: 7.7rem;}
.md38584.w-main .wa-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(420/770*100%);background-color: #ffffff;border-radius: .2rem;}
.md38584.w-main .wa-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md38584.w-main .wa-right{width: calc(100%  - 8.85rem);}
.md38584.w-main .wa-list{width: 100%;}
.md38584.w-main .wa-item{display: flex;align-items: flex-start;width: 100%;margin-bottom: .2rem;}
.md38584.w-main .wa-item:last-child{margin-bottom: 0;}
.md38584.w-main .wa-tip{width: 2.85rem;padding-right: .1rem;color: #222222;line-height: 1.75;}
.md38584.w-main .wa-intro{flex: 1;color: #222222;line-height: 1.75;}

.md38584.w-main .wb-sub{display: none; position: absolute;top: 50%;left: 100%;transform: translate(0,-50%);padding-left: .3rem;}
.md38584.w-main .wb-cont{position: relative;width: calc(18.75em + .8rem);padding: .25rem .4rem .3rem;border-radius: .3rem;background-color: #ffffff;box-shadow: 0px 0px .24rem 0px rgba(34, 34, 34, 0.14);}
.md38584.w-main .wb-cont:after{content: '';position: absolute;top: 50%;left: -.1rem;transform: translate(0,-50%);border-right: .11rem solid #fff;border-top: .1rem solid transparent;border-bottom: .1rem solid transparent;}
.md38584.w-main .wb-titles{width: 100%;margin-bottom: .15rem; color: #333333;line-height: 1.5;}
.md38584.w-main .wb-bottom{display: flex;flex-wrap: wrap;justify-content: space-between; width: 100%;}
.md38584.w-main .wb-left{display: flex;flex-wrap: wrap;align-content: center;flex: 1;padding-right: .15rem;}
.md38584.w-main .wb-item{display: flex;align-items: center;justify-content: space-between;cursor: pointer;width: 100%;margin-bottom: .2rem;}
.md38584.w-main .wb-item:last-child{margin-bottom: 0;}
.md38584.w-main .wb-icon{width: .4rem;}
.md38584.w-main .wb-icon img{width: 100%;}
.md38584.w-main .wb-text{width: calc(100% - .5rem);color: #333333;line-height: 1.6;}

.md38584.w-main .wb-right{width: 1.4rem;min-width: 100px;background-color: #f4f4f4;border-radius: .1rem;}
.md38584.w-main .wb-one{display: block;width: 100%;text-align: center;padding: .2rem .15rem .15rem;}
.md38584.w-main .wb-img{width: 100%;}
.md38584.w-main .wb-img img{width: 100%;}


@media (max-width: 1150px) {
  .md38584.w-main .wb-sub{top: 100%;left: 0;transform: translate(0,0);padding-left: 0;padding-top: .3rem;}
  .md38584.w-main .wb-cont:after{top: -.1rem;left: .3rem;transform: translate(0,0);border-top: none; border-bottom: .11rem solid #fff;border-left: .1rem solid transparent;border-right: .1rem solid transparent;}
}
@media (max-width: 750px) {
  .md38584.w-main .w-left{max-width: 100%;}
  .md38584.w-main .w-right{width: 100%;padding-top:.5rem;}
  .md38584.w-main .wa-cont{padding: .3rem;}
  .md38584.w-main .w-cut{border-radius: .3rem;}
  .md38584.w-main .w-cut_name{line-height: .6rem;}
  .md38584.w-main .w-textbox{padding:.4rem 0 0;}
  .md38584.w-main .w-textbox{line-height: 1.8;}
  .md38584.w-main .w-table td{padding:.1rem .15rem;}
  
  .md38584.w-main .wa-left{width: 100%;margin-bottom: .3rem;}
  .md38584.w-main .wa-right{width: 100%;}
  .md38584.w-main .wa-tip{width: 3rem;}
}
@media (max-width: 500px) {
  .md38584.w-main .w-swiperbox{width: calc(100% - 1.1rem);}
  .md38584.w-main .w-swiperbox2{width: .8rem;}
  .md38584.w-main .w-swiper2{height: 5.3rem;}
}

/* 产品-推荐 */
.md38584.x-main{width: 100%;padding:  .75rem 0 1.2rem;background-color: #f8f9fc;} 
.md38584.x-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;} 
.md38584.x-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md38584.x-main .my-top{width: 100%;padding-bottom: .55rem; }
.md38584.x-main .my-titles{width: 100%;color: #222222;line-height: 1.27;font-weight: bold;}
.md38584.x-main .x-cont{position: relative;left: -.2rem;width: calc(100% + .4rem);}
.md38584.x-main .x-item{width: 25%;padding: 0 .2rem;height: auto;}
.md38584.x-main .x-link{display: block;cursor: pointer;width: 100%;text-align: center; height: 100%;border: 1px solid #fff;background-color: #ffffff;border-radius: .2rem;overflow: hidden;}
.md38584.x-main .x-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(330/330*100%);}
.md38584.x-main .x-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md38584.x-main .x-text{width: 100%;padding: .25rem .15rem .45rem;}
.md38584.x-main .x-name{width: 100%;color: #222222;line-height: 1.5;}
.md38584.x-main .x-intro{width: 100%;padding-top: .1rem;color: #888888;line-height: 1.6;}
.md38584.x-main .x-link:hover{border: solid 1px var(--theme);}
.md38584.x-main .x-link:hover .x-img img{transform: scale(1.05);}

@media (max-width: 750px) {
  .md38584.x-main .x-cont{left: -.15rem;width: calc(100% + .3rem);}
  .md38584.x-main .x-item{width: 50%;padding: 0 .15rem;}
}