.container{padding:7.70833vw 8.33333vw 11.04167vw;position:relative;overflow:hidden}.container::before{content:'';display:block;position:absolute;width:42.03125vw;height:42.03125vw;border-radius:50%;background:rgba(209,236,233,0.86);filter:blur(372.45001px);left:-10.41667vw;top:-9.375vw;z-index:-1}.container::after{content:'';display:block;position:absolute;width:42.03125vw;height:42.03125vw;border-radius:50%;background:rgba(209,236,233,0.86);filter:blur(372.45001px);bottom:35.72917vw;right:-13.64583vw;z-index:-1}.container .bg{position:absolute;left:-11.04167vw;bottom:53.28125vw;width:42.03125vw;height:42.03125vw;border-radius:50%;background:rgba(209,236,233,0.86);filter:blur(372.45001px)}.container .t{text-align:center}.container .t p{background:linear-gradient(270deg, #59AB91 0%, #3673B9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.5;font-weight:500}.container .wrap{margin-top:7.70833vw;display:flex;justify-content:space-between;gap:8.75vw}.container .wrap .lbox{flex:1}.container .wrap .lbox .types p{cursor:pointer;color:#4B5563;display:flex;align-items:center;gap:.83333vw;white-space:nowrap;transition:all 600ms}.container .wrap .lbox .types p:not(:last-child){margin-bottom:1.66667vw}.container .wrap .lbox .types p::before{content:'';display:block;width:.3125vw;height:2.39583vw;border-radius:.26042vw;background:linear-gradient(0deg, #59AB91 0%, #4586C6 100%)}.container .wrap .lbox .types p.on,.container .wrap .lbox .types p:hover{color:#0B2A44}.container .wrap .rbox{width:59.6875vw}.container .wrap .rbox .list .item{line-height:1.5;margin-bottom:4.0625vw}.container .wrap .rbox .list .item .pt{color:#0B2A44;font-weight:500}.container .wrap .rbox .list .item .tip{margin:.625vw 0 1.66667vw 0;color:#4B5563}.container .wrap .rbox .list .item .pic{width:100%;border-radius:.625vw;overflow:hidden;position:relative}.container .wrap .rbox .list .item .pic .mp{width:100%;height:30.46875vw;display:block;object-fit:cover;transition:all 600ms}.container .wrap .rbox .list .item .pic .play{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.container .wrap .rbox .list .item .pic .play img{display:block;width:5.57292vw}.container .wrap .rbox .list .item .pic:hover .mp{transform:scale(1.05)}.container .wrap .rbox .list .item .des{margin-top:1.66667vw;color:#4B5563}.container .wrap .rbox .intro{color:#7E848D;line-height:1.5}@media screen and (max-width: 768px){.container{padding:30px 5% 60px}.container .t{font-size:20px}.container .wrap{flex-direction:column;margin-top:20px;gap:40px}.container .wrap .lbox .types{display:flex;justify-content:space-between;align-items:center;gap:15px}.container .wrap .lbox .types p{white-space:nowrap;font-size:14px;margin-bottom:0 !important;gap:8px}.container .wrap .lbox .types p::before{width:4px;height:20px}.container .wrap .rbox{width:100%}.container .wrap .rbox .list .item{margin-bottom:40px}.container .wrap .rbox .list .item .tip{margin:10px 0 20px 0}.container .wrap .rbox .list .item .pic{border-radius:8px}.container .wrap .rbox .list .item .pic .mp{height:200px}.container .wrap .rbox .list .item .pic .play img{width:40px}.container .wrap .rbox .list .item .des{margin-top:20px;font-size:14px}.container .wrap .rbox .intro{font-size:14px}}