.product-container{display:flex;margin:100px auto;max-width:1240px}.product-container nav{position:relative;width:260px}.product-container nav .product-types-title{top:0;left:0;transform:translateY(-100%);width:300px;font-size:24px;font-weight:700;padding:0 30px;line-height:48px}.product-container nav .product-types{overflow:hidden;border-radius:12px;background:#fff}.product-container nav .product-types>li{cursor:pointer;padding:0 30px;line-height:50px}.product-container nav .product-types>li.active{background:#03004d;color:#fff}.product-container main{box-sizing:border-box;flex:1 1;margin-left:60px;padding:10px;overflow:hidden}.product-container main .product-content{margin-bottom:120px}.product-container main .product-content header{flex:1 1;margin-left:30px;display:flex;justify-content:center;align-items:center;height:75px}.product-container main .product-content header .title{padding:0 50px;font-size:22px;font-weight:700;white-space:nowrap}.product-container main .product-content header .title .intro-icon{margin-left:12px;cursor:pointer;color:#595959;transition:color .3s ease-out}.product-container main .product-content header .title .intro-icon:hover{color:#ecde1b}.product-container main .product-content header .line{position:relative;width:200px;height:2px;border-radius:50%}.product-container main .product-content header .line:first-child{background:linear-gradient(270deg,#02bcff,#03004d)}.product-container main .product-content header .line:nth-child(3){background:linear-gradient(90deg,#02bcff,#03004d)}.product-container main .product-content header .line:first-child:after{content:"";background:#000;position:absolute;right:-20px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%)}.product-container main .product-content header .line:nth-child(3):before{content:"";background:#000;position:absolute;left:-20px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%)}.product-container main .product-content footer{height:50px;line-height:50px;text-align:center}.product-container main .product-content section{width:100%}@media screen and (max-width:768px){.product-container{margin:50px auto}.product-container nav{width:25%}.product-container nav .product-types{border-radius:10px}.product-container nav .product-types::-webkit-scrollbar{display:none}.product-container nav .product-types li{font-size:12px;font-weight:700;margin:0 12px;padding:0;flex-shrink:0;transition:all .2s linear;white-space:nowrap}.product-container nav .product-types>li.active{background:transparent;color:red;font-size:13px}.product-container .product-types-title{display:none}.product-container main{padding:0 15px;margin-left:0}.product-container main .product-content{margin-bottom:30px;background:#fff;padding:0 14px 14px;border-radius:10px}.product-container main .product-content header{height:40px}.product-container main .product-content header .title{padding:0 10px;font-size:13px;font-weight:700;white-space:nowrap;display:flex;align-items:center}.product-container main .product-content header .title .intro-icon{transform:scale(.8)}.product-container main .product-content header .line{display:none}}