body .home .container{padding:11.19792vw 10.41667vw 7.70833vw 10.41667vw}body .home .container .t{font-weight:700;text-align:center}body .home .container .tags_1{width:26.30208vw;margin:1.04167vw auto 4.58333vw auto;display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,0.4);padding-top:1.5625vw}body .home .container .tags_1 div{display:flex;gap:.67708vw;align-items:center}body .home .container .tags_1 div span{display:block;flex:1;display:flex;align-items:center;justify-content:center}body .home .container .tags_1 div span img{width:1.5625vw}body .home .container .tags_1 div p{flex:1;color:#666;white-space:nowrap}body .home .container .html{line-height:1.8;letter-spacing:0.2px}body .home .container .recommend{margin-top:7.1875vw}body .home .container .recommend .t{display:flex;align-items:center;justify-content:space-between}body .home .container .recommend .t .p1{color:#343434;font-weight:700;letter-spacing:4.8px}body .home .container .recommend .t a{display:flex;width:7.60417vw;height:2.86458vw;justify-content:center;align-items:center;gap:.52083vw;flex-shrink:0;border-radius:.52083vw;border:1px solid #000;font-weight:500;text-transform:capitalize;position:relative;transition:all 600ms}body .home .container .recommend .t a img{width:1.30208vw;transition:all 600ms}body .home .container .recommend .t a:hover{background:#000;color:#fff}body .home .container .recommend .t a:hover img{filter:invert(1)}body .home .container .recommend .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:7.34375vw 3.75vw;margin-top:2.1875vw}body .home .container .recommend .list a{display:block;width:100%;border-radius:10px;background:#FFF;box-shadow:0 8px 10px 0 rgba(0,0,0,0.12);padding:2.1875vw 1.35417vw}body .home .container .recommend .list a .pt{font-weight:700;line-height:1.4;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}body .home .container .recommend .list a .des{line-height:2.25;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:4.6875vw}body .home .container .recommend .list a .pic{margin:2.08333vw 0 1.30208vw 0;border-radius:.83333vw;overflow:hidden}body .home .container .recommend .list a .pic img{width:100%;height:12.91667vw;object-fit:cover;transition:all 600ms}body .home .container .recommend .list a .tags{display:flex;justify-content:space-between;align-items:center}body .home .container .recommend .list a .tags .tl{display:flex;align-items:center;gap:.52083vw}body .home .container .recommend .list a .tags .tl .m{border-radius:1.66667vw;background:#1A1A1A;padding:.52083vw .78125vw;color:white;font-weight:500}body .home .container .recommend .list a .tags .tl .time{color:rgba(0,0,0,0.6);font-weight:500}body .home .container .recommend .list a .tags .tr{display:flex;align-items:center;gap:.52083vw}body .home .container .recommend .list a .tags .tr p{font-weight:500}body .home .container .recommend .list a .tags .tr img{width:1.04167vw}body .home .container .recommend .list a:hover .pic img{transform:scale(1.05)}@media screen and (max-width: 768px){body .home .container{padding:80px 5%}body .home .container .t{font-size:24px}body .home .container .tags_1{width:90%;margin:10px auto 40px auto;border-top:1px solid rgba(0,0,0,0.4);padding-top:10px}body .home .container .tags_1 div{gap:10px}body .home .container .tags_1 div span{width:20px;height:20px}body .home .container .tags_1 div p{font-size:14px}body .home .container .recommend{margin-top:40px}body .home .container .recommend .t a{width:110px;height:35px;gap:5px;font-size:14px;border-radius:8px}body .home .container .recommend .t a img{width:15px;right:-8px}body .home .container .recommend .t a:hover{background:#000;color:#fff}body .home .container .recommend .t a:hover img{right:-15px}body .home .container .recommend .list{grid-template-columns:repeat(1, 1fr);gap:30px;margin-top:20px}body .home .container .recommend .list a{padding:20px 10px}body .home .container .recommend .list a .des{height:auto;line-height:1.7;margin:10px 0}body .home .container .recommend .list a .pic{margin:20px 0 15px 0;border-radius:10px}body .home .container .recommend .list a .pic img{height:200px}body .home .container .recommend .list a .tags .tl{gap:10px}body .home .container .recommend .list a .tags .tl .m{border-radius:20px;padding:5px 10px;font-size:14px}body .home .container .recommend .list a .tags .tl .time{font-size:16px}body .home .container .recommend .list a .tags .tr{gap:10px}body .home .container .recommend .list a .tags .tr p{font-size:16px}body .home .container .recommend .list a .tags .tr img{width:16px}}