body{background:#F3F3F3}.products{padding-top:30px;padding-bottom:30px}.products .item-wrap{padding:32px 20px;border-radius:8px;background:#fff}.products .lt-nav{margin-bottom:40px}.products #category{border:none;background:none;cursor:pointer}.products #category i{margin-right:5px}.products .pdt-nav{margin-top:10px}.products .pdt-nav>li{padding:0 8px;border-radius:8px;font-family:'D-DIN-PRO-Bold';background:linear-gradient(30deg,#EB7E12 31.03%,rgba(255,255,255,0) 53.1%);box-shadow:0 4px 6px rgba(94,94,94,.2);position:relative;transition:min-height .3s}.products .pdt-nav>li.active{min-height:400px;background:linear-gradient(180deg,#FFE9D2 -.56%,#F3CBB3 100%)}.products .pdt-nav>li::before{content:'';position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:8px;background:#fff;display:block}.products .pdt-nav>li.active::before{opacity:0}.products .pdt-nav>li::after{content:'';position:absolute;top:50%;left:1px;transform:translateY(-50%);width:4px;height:23px;border-radius:0 4px 4px 0;background:var(--sub-color)}.products .pdt-nav>li.active::after{opacity:0}.products .pdt-nav>li:not(:last-child){margin-bottom:10px}.products .pdt-nav>li>*:not(img){position:relative;z-index:1}.products .nav-open:not(.first-btn){color:#666;font-size:18px;display:inline-block;border-radius:8px;position:relative}.products .child-list li.active .nav-open:not(.first-btn){color:var(--sub-color);background:linear-gradient(30deg,#EB7E12 31.03%,rgba(255,255,255,0) 53.1%)}.products .nav-open:not(.first-btn)::before{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:8px;background:#fce1ca;display:block;transition:opacity .3s;opacity:0}.products .child-list li.active .nav-open:not(.first-btn)::before{opacity:1}.products .nav-open:not(.first-btn)::after{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%);display:block;transition:opacity .3s;opacity:0}.products .child-list li.active .nav-open:not(.first-btn)::after{opacity:1}.products .nav-open:not(.first-btn) a{display:inline-block;padding:5px 10px 5px 26px;position:relative;z-index:1}.products .nav-open:not(.first-btn) a::before{content:'';position:absolute;top:50%;left:10px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#666;transition:background .3s}.products .child-list li.active .nav-open:not(.first-btn) a::before{background:var(--sub-color)}.products .first-btn{color:#333;font-size:20px;display:flex;align-items:center;justify-content:space-between}.products .first-btn a{flex:1;padding:10px}.products .pdt-nav>li.active .first-btn a{color:var(--sub-color)}.products .first-btn i{border-left:17px solid #999;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:10px;margin-right:10px;transition:all .3s;position:relative;cursor:pointer}.products .pdt-nav>li.active .first-btn i{border-left-color:var(--sub-color);transform:rotate(90deg);opacity:.5}.products .bottom-img{position:absolute;right:0;bottom:0;z-index:1;width:calc((220 / 376) * 100%);max-width:220px;border-radius:0 0 8px 0;filter:drop-shadow(-18px 0 15px rgba(132,132,132,.25));display:none}.products .pdt-nav>li.active .bottom-img{display:block}.products .child-list{display:none;padding-left:10px}.products .pdt-nav>li>.child-list{padding-top:20px;border-top:2px solid #fff}.products .child-list li:not(:last-child){margin-bottom:10px}.products .rt-content{position:relative;z-index:1}.products .title{margin-bottom:22px}.products .sub-info{margin-bottom:31px}.products .sub-info>*:not(:last-child){margin-bottom:10px}.products .row{margin-bottom:-20px}.products .row>div{margin-bottom:20px}.products .block{padding:20px;border-radius:10px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.25)}.products .scale-img{border-radius:8px;border:2px solid #CCC}.products .scale-img img{width:100%;aspect-ratio:180 / 180}.products .info-group{padding-top:15px;text-align:center}.products .tit{margin-bottom:15px}.products .btn{width:150px;padding:7px 15px;border-radius:26px}@media (min-width:600px){.products .block{height:100%;display:flex;align-items:center}.products .scale-img{width:150px}.products .info-group{flex:1;padding-top:0;padding-left:24px;text-align:left}}@media (min-width:768px){.products #category{display:none}.products .pdt-nav{margin-top:0}}@media (min-width:1200px){.products{padding-top:60px;padding-bottom:60px}.products .item-wrap{display:flex}.products .lt-nav{width:376px;margin-bottom:0;position:relative}.products .lt-nav::before{content:'';position:absolute;top:0;right:-14px;transform:translateX(100%);width:2px;height:100%;background:#D9D9D9}.products .pdt-nav>li.active{min-height:450px}.products .nav-open{font-size:20px}.products .child-list li:hover .nav-open:not(.first-btn){color:var(--sub-color)}.products .child-list li:hover .nav-open:not(.first-btn) a::before{background:var(--sub-color)}.products .first-btn{font-size:26px}.products .first-btn a{padding:13px 12px 12px 16px}.products .child-list{padding-left:16px}.products .child-list li:not(:last-child){margin-bottom:16px}.products .rt-content{flex:1;padding-top:40px;padding-left:30px}.products .row{margin-left:-16px;margin-right:-16px;margin-bottom:0}.products .row>div{padding:0 16px;margin-bottom:32px}.products .scale-img{width:180px}.products .tit{margin-bottom:32px}.products .tit:hover{color:var(--sub-color)}.products .btn{width:162px;padding-top:10px;padding-bottom:10px}}@media (min-width:1200px) and (max-width:1639px){.products .row>div{flex:0 0 100%;max-width:100%}}@media (min-width:1640px){.products{padding-top:80px;padding-bottom:80px}.products .lt-nav::before{right:-19px}.products .rt-content{padding-top:52px;padding-left:53px}}