.recomms{padding-top:16vw;background-color:#f9f9f9}.recomms .container .boder .swiper{border-radius:20px}.recomms .container .boder .swiper .swiper-slide{border-radius:20px;overflow:hidden;background-color:#fff}.recomms .container .boder .swiper .swiper-slide .cover{overflow:hidden}.recomms .container .boder .swiper .swiper-slide .cover img{width:100%;height:100%;object-fit:cover}.recomms .container .boder .swiper .swiper-slide .content{padding:6.376811% 8.188405% 4.347826% 6.666666%}.recomms .container .boder .swiper .swiper-slide .content .title,.recomms .container .boder .swiper .swiper-slide .content .time,.recomms .container .boder .swiper .swiper-slide .content .summary{width:100%}.recomms .container .boder .swiper .swiper-slide .content .title{color:#333;font-size:var(--size-26);font-weight:500;line-height:1.38;min-height:calc(var(--size-26) * 2 * 1.38)}.recomms .container .boder .swiper .swiper-slide .content .time,.recomms .container .boder .swiper .swiper-slide .content .summary{font-size:var(--size-16);font-weight:400}.recomms .container .boder .swiper .swiper-slide .content .time{color:#777;margin-top:3.768115%}.recomms .container .boder .swiper .swiper-slide .content .summary{color:#888;line-height:1.875}.recomms .container .boder .swiper .swiper-slide .content .more{display:inline-block;border-radius:25px;color:var(--link-hover-color);border:1px solid var(--link-hover-color);padding:2.463768% 4.057971% 2.608695% 4.057971%;transition:all .6s ease 0s}.recomms .container .boder .swiper .swiper-slide .content .more i{margin-left:14px}.recomms .l__combanner-pagination{display:flex;justify-content:center;padding-top:4vw}.recomms .l__combanner-pagination .swiper-pagination{position:static;width:auto;padding:12px 17px 13px;background-color:#ededed;border-radius:50px;display:flex}.recomms .l__combanner-pagination .swiper-pagination-bullet{width:10px;height:4px;border-radius:4px;background:#fff;opacity:1;transition:all .6s ease 0s}.recomms .l__combanner-pagination .swiper-pagination-bullet-active{width:27px;background-color:var(--link-hover-color)}.l__cats{display:flex;padding-top:8vw}.l__cats a{display:block;color:#666;border-radius:50px;border:2px solid #f3f3f3;padding:2.133333vw 3.733333vw;margin-right:1.449275%}.l__cats a:last-child{margin-right:0}.l__cats a:hover{color:var(--link-hover-color);border-color:var(--link-hover-color)}.l__cats a.actived{color:#fff;background-color:var(--link-hover-color);border-color:var(--link-hover-color)}.newslists{padding-bottom:8vw}.l__list,.l__list .boder{width:100%}.l__list .boder .item{display:block;overflow:hidden;width:100%;margin-top:4.347826%;border-radius:20px}.l__list .boder .item .cover{padding-top:61.363636%;position:relative;overflow:hidden}.l__list .boder .item .cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.l__list .boder .item .content{background-color:#f6f6f6;padding:4.181818% 6.318181% 5.681818%}.l__list .boder .item .content,.l__list .boder .item .content .title{transition:var(--transition)}.l__list .boder .item .content .time{color:#777;font-size:var(--size-16);font-weight:400}.l__list .boder .item .content .title{color:#333;font-size:var(--size-20);font-weight:500;line-height:1.8;min-height:calc(var(--size-20) * 3.8);margin-top:2.181818%}.l__list .boder .item .content i{display:inline-block;font-size:var(--size-26);margin-top:4.181818%}.l__list .boder .item:hover{box-shadow:0 6px 37px 3px rgba(188,188,189,.48)}.l__list .boder .item:hover .content{background-color:#fff}.l__list .boder .item:hover .content .title{color:var(--link-hover-color)}.pagination{margin-top:8vw}.l__detail{padding:8vw 0 8vw}.l__detail .boder .header{color:#333;font-size:var(--size-32);font-weight:500;line-height:1.25}.l__detail .boder .params{display:flex;color:#777;font-size:var(--size-18);padding:4vw 0;border-bottom:2px solid #eaeaea}.l__detail .boder .params span{margin-right:5.333333vw}.l__detail .boder .params span:last-child{margin-right:0}.l__detail .boder .detail-content{margin-top:8vw}.l__detail .navigation .container a{display:block;text-align:center;font-size:var(--size-14)}.l__detail .navigation .container a .icon{transition:var(--transition)}.l__detail .navigation .container a:hover .icon{color:#fff;background-color:var(--link-hover-color)}@media screen and (max-width: 991px){.recomms{padding:16vw var(--padding) 8vw}.recomms .container .boder .swiper .swiper-slide .cover{width:100%;height:48vw}.recomms .container .boder .swiper .swiper-slide .content .summary,.recomms .container .boder .swiper .swiper-slide .content .more{margin-top:3.768115%}.l__cats{padding-bottom:8vw}.l__list .boder .item:first-child{margin-top:0}.l__detail .navigation .container{margin-top:8vw;display:flex;justify-content:space-between}.l__detail .navigation .container a .icon{display:none}.l__detail .navigation .container a:nth-child(1){order:1}.l__detail .navigation .container a:nth-child(2){order:3}.l__detail .navigation .container a:nth-child(3){order:2}}@media screen and (min-width: 992px){.recomms{padding-top:4.4792%;padding-bottom:4.5313%}.recomms .container{position:relative;padding-top:32.6087%;min-height:350px}.recomms .container .boder{position:absolute;top:0;left:0;width:100%;height:100%}.recomms .container .boder .swiper{width:100%;height:100%}.recomms .container .boder .swiper .swiper-slide{display:flex}.recomms .container .boder .swiper .swiper-slide .cover,.recomms .container .boder .swiper .swiper-slide .content{width:50%;overflow:hidden}.recomms .container .boder .swiper .swiper-slide .content{padding:6.376811% 8.188405% 4.347826% 6.666666%;display:flex;align-items:flex-start;flex-direction:column}.recomms .container .boder .swiper .swiper-slide .content .summary{margin:auto 0}.recomms .container .boder .swiper .swiper-slide:hover .content .more{color:#fff;background-color:var(--link-hover-color)}.recomms .l__combanner-pagination{padding-top:4.1304%}.l__cats{padding-top:6.5217%}.l__cats a{padding:1.231884% 2.971014% 1.15942% 2.89855%}.newslists{padding-bottom:8.6957%}.l__list .boder{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin:0 -0.72%}.l__list .boder .item{width:31.88%;margin:4.347826% .72% 0;border-radius:20px}.l__list .boder .item .cover{padding-top:61.363636%}.l__list .boder .item .content .title{margin-top:6.136363%}.l__list .boder .item .content i{margin-top:9.090909%}.pagination{margin-top:4.347826%}.l__detail{display:flex;justify-content:space-between;padding:8.6957% 0 11.5942%}.l__detail .boder{flex:1;width:0;max-width:1030px}.l__detail .boder .params{margin-top:2.9126%;padding:3.7864% 0}.l__detail .boder .params span{margin-right:4.8544%}.l__detail .boder .params span:last-child{margin-right:0}.l__detail .boder .detail-content{margin-top:5.8252%}.l__detail .navigation{width:100px;margin-left:25px;flex-shrink:0}.l__detail .navigation .container{position:sticky;top:11.458333vw;background-color:#f9f9f9;padding:20%;border-radius:10px}.l__detail .navigation .container a{display:block;text-align:center;font-size:var(--size-14);margin-top:20%}.l__detail .navigation .container a:first-child{margin-top:0}.l__detail .navigation .container a .icon{width:100%;padding-top:100%;background-color:#fff;border-radius:10px;position:relative;margin-bottom:9px;overflow:hidden}.l__detail .navigation .container a .icon i{display:flex;align-items:center;justify-content:center;font-size:var(--size-22);position:absolute;top:0;left:0;width:100%;height:100%}}@media screen and (min-width: 1920px){.recomms{padding-top:86px;padding-bottom:87px}.recomms .l__combanner-pagination{padding-top:57px}}