@media (max-width: 767px){.tanpin-info{margin-top:21.875vw}}.tanpin-info .tabs{gap:0 2.26%;justify-content:flex-start}@media (min-width: 768px){.tanpin-pagename .big{font-size:42px;font-size:4.2rem}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-pagename .big{font-size:3.5vw}}.tanpin-intro{margin-top:0}@media (min-width: 768px){.tanpin-intro{margin-top:49px}.tanpin-intro .gallery{padding-top:0}.tanpin-intro .heading{margin-bottom:25px}.tanpin-intro .recommand__list li{margin-bottom:24px}.tanpin-intro .recommand__list li:last-child{margin-bottom:0}}@media (max-width: 767px){.tanpin-intro .heading{margin-bottom:5.46875vw}}.tanpin-detail .block-1 .info{position:relative}@media (min-width: 768px){.tanpin-detail .block-1 .info{width:650px;margin-left:-64px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-1 .info{width:54.16667vw;margin-left:-5.33333vw}}@media (max-width: 767px){.tanpin-detail .block-1 .info{margin:0 -2.8125vw 0 -2.8125vw}}.tanpin-detail .block-1 .info .single-item__btn{width:49%;position:absolute;bottom:5%;right:0}@media (max-width: 767px){.tanpin-detail .block-1 .info .single-item__btn{width:52%;bottom:0;right:9%}}.tanpin-detail .block-1 .info .single-item__btn button{max-width:295px}@media (max-width: 767px){.tanpin-detail .block-1 .info .single-item__btn button{height:10.3125vw;margin-bottom:1.875vw}}.tanpin-detail .block-1 .ingredients{margin-top:60px}@media (max-width: 767px){.tanpin-detail .block-1 .ingredients{margin-top:3.125vw}}.tanpin-detail .block-2{margin-top:45px;width:100%}@media (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-2{margin-top:3.75vw}}@media (max-width: 767px){.tanpin-detail .block-2{margin-top:13.4375vw}}@media (max-width: 767px){.tanpin-detail .block-2 .the-story{margin-top:9.375vw}}@media (min-width: 768px){.tanpin-detail .block-2 .the-story .img-1 img{width:799px}}@media (min-width: 768px){.tanpin-howtouse{padding:38px 38px 48px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse{padding:3.16667vw 3.16667vw 4vw 3.16667vw}}@media (max-width: 767px){.tanpin-howtouse{padding:10.46875vw 4.6875vw 6.25vw 4.6875vw}}.tanpin-howtouse .step{padding-left:40px;width:100%}@media (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step{padding-left:3.33333vw}}@media (max-width: 767px){.tanpin-howtouse .step{padding:0 3.125vw 4.6875vw 3.125vw;margin-bottom:0}}.tanpin-howtouse .step:not(:last-child){margin-bottom:7.8125vw}@media (min-width: 768px){.tanpin-howtouse .step:not(:last-child){padding-bottom:39px;margin-bottom:29px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step:not(:last-child){padding-bottom:3.25vw;margin-bottom:2.41667vw}}.tanpin-howtouse .step:not(:last-child):after{margin-bottom:-2.03125vw}@media (min-width: 768px){.tanpin-howtouse .step:not(:last-child):after{margin-bottom:-21px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step:not(:last-child):after{margin-bottom:-1.75vw}}.tanpin-howtouse .step:last-child{padding-bottom:0}@media (min-width: 768px){.tanpin-howtouse .step__label{width:152px;height:60px;margin-bottom:14px;background-size:auto 60px;background-position:center right}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step__label{width:12.66667vw;height:5vw;margin-bottom:1.16667vw;background-size:100%;background-position:center right}}@media (max-width: 767px){.tanpin-howtouse .step__label{width:23.75vw;height:9.375vw;margin-bottom:4.375vw}}@media (min-width: 768px){.tanpin-howtouse .step__desc{font-size:22px;font-size:2.2rem;line-height:1.63636em;letter-spacing:0em}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step__desc{font-size:1.83333vw;line-height:1.63636em;letter-spacing:0em;font-weight:400}}@media (max-width: 767px){.tanpin-howtouse .step__desc{font-size:2.96875vw;line-height:1.78947em}}.tanpin-howtouse .step__desc span{font-weight:bold}.tanpin-howtouse .step__text{width:58%}@media (min-width: 768px){.tanpin-howtouse .step__text{width:58%}}@media (max-width: 767px){.tanpin-howtouse .step__text{margin-bottom:5.625vw}}.tanpin-howtouse .step__photo{width:38%}@media (min-width: 768px){.tanpin-howtouse .step__photo{width:36%;text-align:center}.tanpin-howtouse .step__photo img{width:revert-layer;display:block;margin:0 auto}}@media (max-width: 767px){.tanpin-howtouse .step.step-2 .step__text{width:52%}.tanpin-howtouse .step.step-2 .step__photo{width:45%;padding:0 4.6875vw 0 4.6875vw}}@media (max-width: 767px){.tanpin-howtouse .step.step-3{padding-right:0}.tanpin-howtouse .step.step-3 .step__text{width:40%}.tanpin-howtouse .step.step-3 .step__photo{width:50%}}@media (max-width: 767px){.tanpin-faq{padding-bottom:5.46875vw}}