.main{margin:223px 310px 0 310px}.main .t{color:#1A202C;font-weight:700;font-size:60px;line-height:1.2}.main .t2{display:flex;justify-content:space-between;align-items:center;margin:36px 0 66px 0}.main .t2 .l{display:flex;align-items:center}.main .t2 .l .tag{width:119px;height:45px;display:flex;align-items:center;justify-content:center;color:#FFF;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;border-radius:60px;background:#CA062C;transition:.3s;margin-right:59px}.main .t2 .l .tag2{margin:0 37px 0 0;display:flex;align-items:center}.main .t2 .l .tag2 svg{display:block}.main .t2 .l .tag2 p{color:#FB1D1D;font-size:24px;margin-left:8px}.main .t2 .l .time{display:flex;align-items:center}.main .t2 .l .time svg{width:26px;display:block}.main .t2 .l .time p{color:#474747;font-size:24px;margin-left:8px}.main .t2 .share{display:flex}.main .t2 .share p{color:#000;font-size:19px}.main .t2 .share .icons{display:flex}.main .t2 .share .icons a{margin-left:13px}.main .t2 .share .icons a img{width:28px;display:block}.main .html{color:#666;font-size:18px;line-height:1.67}.main .back a{width:194px;height:68px;display:flex;justify-content:center;align-items:center;border-radius:50px;border:1px solid #000;background:#000;margin:80px auto 130px auto;transition:all 600ms}.main .back a:hover{background:#CA062C;border-color:#CA062C}.main .back a svg{width:18px;display:block}.main .back a p{font-size:20px;margin-left:13px;color:white}.recommend{margin:0 160px 160px 160px}.recommend .t{text-align:center;font-size:60px;font-weight:700;margin-bottom:42px}.recommend .content{position:relative}.recommend .content .prev{position:absolute;left:-80px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.recommend .content .next{position:absolute;right:-80px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.recommend .content .swiper-container a{width:100%;position:relative;height:349px;padding:33px 22px 30px 27px;display:flex;flex-direction:column;justify-content:space-between;z-index:1;transition:.6s ease}.recommend .content .swiper-container a::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);transition:all 600ms}.recommend .content .swiper-container a .common_bg{transition:.6s ease;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.recommend .content .swiper-container a .t1 .headline{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px 0;position:relative;z-index:1}.recommend .content .swiper-container a .t1 .headline h1{width:335px;color:#fff;font-family:'SourceHanSansCN-Medium';font-size:20px;font-style:normal;font-weight:500;line-height:30px;text-transform:uppercase;transition:.6s ease}.recommend .content .swiper-container a .t1 .headline .red{width:119px;height:45px;display:flex;align-items:center;justify-content:center;color:#FFF;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;border-radius:60px;background:#CA062C;opacity:0;transition:.3s}.recommend .content .swiper-container a .t1 .pick{width:391px;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:27px;z-index:1;position:relative;transition:.6s ease}.recommend .content .swiper-container a .t2{display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 0;z-index:1;position:relative}.recommend .content .swiper-container a .t2 .time{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:14px;transition:.6s ease}.recommend .content .swiper-container a .t2 .add{width:54px;height:54px;border-radius:50%;position:relative;border:1px solid #C3C3C3;transition:.6s ease}.recommend .content .swiper-container a .t2 .add svg{width:27px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.6s ease}.recommend .content .swiper-container a .t2 .add svg:nth-child(2){opacity:0}.recommend .content .swiper-container a:hover::before{opacity:0}.recommend .content .swiper-container a:hover .common_bg{opacity:1}.recommend .content .swiper-container a:hover .t1 .headline h1{color:#fff}.recommend .content .swiper-container a:hover .t1 .headline .red{opacity:1;pointer-events:auto}.recommend .content .swiper-container a:hover .t1 .pick{opacity:0}.recommend .content .swiper-container a:hover .t2 .time{opacity:0}.recommend .content .swiper-container a:hover .t2 .add{background:#fff;border:1px solid transparent}.recommend .content .swiper-container a:hover .t2 .add svg:first-child{opacity:0}.recommend .content .swiper-container a:hover .t2 .add svg:nth-child(2){opacity:1}@media screen and (max-width: 1465px){.main{margin-left:5%;margin-right:5%}.main .t{font-size:40px}.recommend{margin:0 5% 160px 5%}.recommend .t{font-size:40px}.recommend .content .prev{left:-40px}.recommend .content .next{right:-40px}.recommend .content .swiper-container a{height:300px}.recommend .content .swiper-container a .t1 .headline h1{width:240px;font-size:18px}.recommend .content .swiper-container a .t1 .pick{width:260px}}@media screen and (max-width: 1024px){.main{margin:80px 5%}.main .t{font-size:24px}.main .t2{flex-wrap:wrap;margin:30px 0}.main .t2 .l{flex-wrap:wrap}.main .t2 .l .tag{margin-right:15px}.main .t2 .l .tag2{margin:0 15px 0 0}.main .t2 .l .tag2 p{font-size:18px}.main .t2 .l .time{margin:15px 0}.main .back a{margin:40px auto 60px auto}.recommend{margin-bottom:40px}.recommend .t{font-size:24px;margin-bottom:20px}.recommend .content .prev,.recommend .content .next{display:none}.recommend .content .swiper-container a{padding:5%;height:auto}.recommend .content .swiper-container a .t1 .headline{flex-direction:column;align-items:unset;margin:0 0 20px}.recommend .content .swiper-container a .t1 .headline h1{font-size:18px;width:100%}.recommend .content .swiper-container a .t1 .red{height:40px;font-size:13px;margin:25px 0 15px 0;opacity:1}.recommend .content .swiper-container a .t1 .pick{font-size:14px;line-height:1.7;width:100%}.recommend .content .swiper-container a .t2{margin:35px 0 0 0}.recommend .content .swiper-container a .t2 .time{font-size:12px}.recommend .content .swiper-container a .t2 .add{width:45px;height:45px}.recommend .content .swiper-container a .t2 .add svg{width:20px}}