body{background:#222A3C}body .home .container{padding:10.10417vw 7.8125vw 5.3125vw 7.8125vw}body .home .container .back{display:flex;align-items:center;gap:.83333vw;color:#fff;line-height:1.5;text-transform:capitalize;margin-bottom:3.4375vw}body .home .container .back .icon{width:1.875vw;height:1.875vw;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;transition:all 600ms}body .home .container .back .icon img{width:.78125vw;display:block}body .home .container .back:hover .icon{background:#D02820}body .home .container .tabs{display:flex;gap:7.8125vw}body .home .container .tabs a{display:block;color:rgba(255,255,255,0.6);font-weight:700;line-height:1.5;position:relative;padding-bottom:.52083vw;transition:all 600ms;cursor:pointer}body .home .container .tabs a::after{content:'';display:block;position:absolute;left:0;bottom:0;width:0;height:.3125vw;background:#D02820;transition:all 600ms}body .home .container .tabs a.on,body .home .container .tabs a:hover{color:#FFF}body .home .container .tabs a.on::after,body .home .container .tabs a:hover::after{width:100%}body .home .container .list{padding:0 0 7.29167vw 0;margin-top:3.4375vw}body .home .container .list a{display:flex;justify-content:space-between;gap:4.58333vw;padding:4.16667vw 0;border-top:1px solid #fff}body .home .container .list a:last-child{padding-bottom:0}body .home .container .list a .pic{width:37.60417vw;overflow:hidden}body .home .container .list a .pic img{width:100%;height:26.61458vw;display:block;object-fit:cover;transition:all 600ms}body .home .container .list a .text{width:100%;flex:1;color:white;position:relative}body .home .container .list a .text .pt{text-transform:capitalize;line-height:1.5;font-weight:700;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body .home .container .list a .text .des{line-height:1.5;text-transform:capitalize;margin-top:1.875vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}body .home .container .list a .text .tags{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center}body .home .container .list a .text .tags .btn{display:flex;align-items:flex-end;text-transform:capitalize;letter-spacing:0.2px;gap:.625vw}body .home .container .list a .text .tags .btn p{line-height:1.2}body .home .container .list a .text .tags .btn .icon{width:1.875vw;height:1.875vw;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.2);transition:all 600ms}body .home .container .list a .text .tags .btn .icon img{width:.625vw;display:block}body .home .container .list a:hover .pic img{transform:scale(1.05)}body .home .container .list a:hover .text .btn .icon{background:#D02820}body .home .container .pager{display:flex;justify-content:center;gap:1.25vw;align-items:center}body .home .container .pager .prev img,body .home .container .pager .next img{width:1.25vw;display:block}body .home .container .pager .nums{display:flex;align-items:center;gap:.52083vw}body .home .container .pager .nums a{display:inline-flex;padding:.41667vw .83333vw;justify-content:center;align-items:center;color:#FFF;border-radius:6px;transition:all 600ms}body .home .container .pager .nums a:hover,body .home .container .pager .nums a.on{background:#D02820}@media screen and (max-width: 768px){body .home .container{padding:80px 5% 60px 5%}body .home .container .back{gap:12px;margin-bottom:20px}body .home .container .back .icon{width:30px;height:30px}body .home .container .back .icon img{width:12px}body .home .container .tabs{gap:20px;margin-bottom:20px}body .home .container .tabs a{padding-bottom:8px;font-size:18px}body .home .container .tabs a::after{height:3px}body .home .container .list{padding:0 0 30px 0;margin-top:20px}body .home .container .list a{flex-direction:column;gap:20px;padding:30px 0}body .home .container .list a .pic{width:100%}body .home .container .list a .pic img{height:200px}body .home .container .list a .text .pt{font-size:18px;margin-bottom:10px}body .home .container .list a .text .des{margin-top:10px;font-size:14px;line-height:1.6}body .home .container .list a .text .tags{position:static;margin-top:20px;gap:15px;font-size:14px}body .home .container .list a .text .tags .btn{align-items:center;gap:8px}body .home .container .list a .text .tags .btn .icon{width:30px;height:30px}body .home .container .list a .text .tags .btn .icon img{width:10px}body .home .container .pager{gap:15px}body .home .container .pager .prev img,body .home .container .pager .next img{width:20px}body .home .container .pager .nums{gap:8px}body .home .container .pager .nums a{padding:6px 12px;width:32px;height:32px;font-size:14px}}
