body .home .container .sec1{padding:8.59375vw 17.0833333333vw 6.40625vw 17.0833333333vw}body .home .container .sec1 .t{color:#1A1A1A;text-align:center;font-weight:500;line-height:1.125}body .home .container .sec1 .tags{display:flex;justify-content:flex-end;align-items:center;color:#999;line-height:2.7;margin:2.6041666667vw 0 3.125vw 0}body .home .container .sec1 .tags span{margin:0 1.09375vw}body .home .container .sec1 .html{color:#282828}body .home .container .sec2{padding:0 10.4166666667vw 7.2916666667vw 10.4166666667vw}body .home .container .sec2 .title{display:flex;justify-content:space-between;align-items:flex-end}body .home .container .sec2 .title .lt{position:relative;font-weight:700}body .home .container .sec2 .title .lt .cn{background:linear-gradient(108deg, #000 64.27%, #8C1B21 92.7%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}body .home .container .sec2 .title .lt .en{color:#CAAD8C;opacity:.5;margin-top:.6770833333vw;text-transform:uppercase}body .home .container .sec2 .title .lt .line{position:absolute;left:-2.7083333333vw;top:-2.7083333333vw}body .home .container .sec2 .title .lt .line img{width:1.5625vw}body .home .container .sec2 .title .btns{display:flex}body .home .container .sec2 .title .btns img{width:4.1666666667vw;transition:all 600ms}body .home .container .sec2 .title .btns img:hover{transform:scale(1.05)}body .home .container .sec2 .title .btns .prev{transform:translateX(1.5625vw);z-index:10;cursor:pointer}body .home .container .sec2 .title .btns .next{transform:translateY(-.7291666667vw);cursor:pointer}body .home .container .sec2 .recommend{margin-top:3.6458333333vw}body .home .container .sec2 .recommend .swiper1{width:100%}body .home .container .sec2 .recommend .swiper1 a{display:block}body .home .container .sec2 .recommend .swiper1 a .pic{position:relative;overflow:hidden}body .home .container .sec2 .recommend .swiper1 a .pic::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);transition:all 600ms;z-index:10}body .home .container .sec2 .recommend .swiper1 a .pic img{width:100%;height:15.2604166667vw;object-fit:cover;transition:all 600ms}body .home .container .sec2 .recommend .swiper1 a .tags{display:flex;gap:1.8229166667vw;margin:1.0416666667vw 0 .3125vw 0;align-items:center}body .home .container .sec2 .recommend .swiper1 a .tags .time{color:#8C1B21;font-weight:500;line-height:1.04;letter-spacing:1px}body .home .container .sec2 .recommend .swiper1 a .tags .type{color:#CAAD8C;font-weight:500;letter-spacing:1px}body .home .container .sec2 .recommend .swiper1 a .pt{color:#1A1A1A;font-weight:700;line-height:1.4;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 600ms}body .home .container .sec2 .recommend .swiper1 a .des{margin-top:.7291666667vw;font-weight:350;line-height:2.22;letter-spacing:2px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body .home .container .sec2 .recommend .swiper1 a:hover .pic::before{opacity:0}body .home .container .sec2 .recommend .swiper1 a:hover .pic img{transform:scale(1.05)}body .home .container .sec2 .recommend .swiper1 a:hover .pt{color:#8C1B21}@media screen and (max-width: 768px){body .home .container .sec1{padding:30px 5%}body .home .container .sec1 .t{font-size:20px;line-height:1.5}body .home .container .sec1 .tags{margin:15px 0;font-size:16px;line-height:2}body .home .container .sec1 .tags span{margin:0 10px}body .home .container .sec2{padding:0 5% 60px 5%}body .home .container .sec2 .title .lt .en{margin-top:5px}body .home .container .sec2 .title .lt .line{left:-15px;top:-30px}body .home .container .sec2 .title .lt .line img{width:20px}body .home .container .sec2 .title .btns img{width:40px;margin-top:-30px}body .home .container .sec2 .title .btns .prev{transform:translateX(15px)}body .home .container .sec2 .title .btns .next{transform:translateY(-5px)}body .home .container .sec2 .recommend{margin-top:30px}body .home .container .sec2 .recommend .swiper1 a .pic img{height:215px}body .home .container .sec2 .recommend .swiper1 a .tags{gap:15px;margin:10px 0 5px 0}body .home .container .sec2 .recommend .swiper1 a .tags .time{font-size:14px}body .home .container .sec2 .recommend .swiper1 a .tags .type{font-size:14px}body .home .container .sec2 .recommend .swiper1 a .des{margin-top:7px;font-size:16px;line-height:1.8;-webkit-line-clamp:2}}