.recommend[data-v-9db3f84b]{margin:0 auto 100px;max-width:1200px}.recommend .title[data-v-9db3f84b]{display:-webkit-box;font-size:35px;font-weight:600;height:60px;margin-bottom:60px;padding-bottom:12px;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend .list[data-v-9db3f84b]{display:flex;gap:30px}.recommend .list .item[data-v-9db3f84b]{background:#f8f8f8;border-radius:20px;cursor:pointer;flex:1;overflow:hidden;transition:all .3s}.recommend .list .item[data-v-9db3f84b]:hover{background-color:#fff;box-shadow:-2px 2px 40px #88a5bf4d}.recommend .list .item:hover .link[data-v-9db3f84b]{color:#06c}.recommend .list .item .img[data-v-9db3f84b]{height:240px;position:relative}.recommend .list .item .img .bg[data-v-9db3f84b]{background:linear-gradient(180deg,#64cfff00 28.62%,#001489 113.57%);height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.recommend .list .item .img img[data-v-9db3f84b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.recommend .list .item .img .tag[data-v-9db3f84b]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;font-size:14px;left:20px;padding:4px 12px;position:absolute;top:20px}.recommend .list .item .content[data-v-9db3f84b]{display:flex;flex-direction:column;padding:24px}.recommend .list .item .content .title[data-v-9db3f84b]{color:#06c;font-size:20px;font-weight:700;line-height:1.4;margin-bottom:6px;text-align:left}.recommend .list .item .content .desc[data-v-9db3f84b]{border-top:2px solid #585858;color:#585858;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:24px;padding-top:16px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recommend .list .item .content .bottom[data-v-9db3f84b]{align-items:center;display:flex;justify-content:space-between}.recommend .list .item .content .bottom .link[data-v-9db3f84b]{cursor:pointer;font-weight:600;text-decoration:underline}.recommend .list .item .content .bottom .time[data-v-9db3f84b]{color:#585858;font-size:10px;font-weight:500;line-height:14px;text-align:right;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-position:from-font}@media screen and (width <= 960px){.recommend[data-v-9db3f84b]{padding:0 100px}.recommend .title[data-v-9db3f84b]{font-size:35px}.recommend .list[data-v-9db3f84b]{flex-direction:column}}@media screen and (width <= 767px){.recommend[data-v-9db3f84b]{padding:0 32px}.recommend .title[data-v-9db3f84b]{font-size:30px}.recommend .list[data-v-9db3f84b]{flex-direction:column}}