.popular[data-v-48d3c75e]{display:flex;justify-content:space-between;margin-bottom:16px}@media screen and (max-width:1024px){.popular[data-v-48d3c75e]{margin-bottom:20px}}.popular .l[data-v-48d3c75e]{width:350px}@media screen and (max-width:1024px){.popular .l[data-v-48d3c75e]{width:100%}}.popular .l .tit[data-v-48d3c75e]{margin-bottom:10px}.popular .l .tit .iconfont[data-v-48d3c75e]{color:#ff6221;margin-right:6px}.popular .l ul[data-v-48d3c75e]{width:100%}.popular .l ul li[data-v-48d3c75e]{border-bottom:1px solid #d4d4d4;display:flex;padding:16px 0}.popular .l ul li[data-v-48d3c75e]:last-child{border:none;padding-bottom:0}@media screen and (max-width:1024px){.popular .l ul li[data-v-48d3c75e]:last-child{border-bottom:1px solid #d4d4d4;padding:16px 0}}.popular .l ul li a[data-v-48d3c75e]{position:relative}.popular .l ul li a img[data-v-48d3c75e]{border-radius:4px;height:70px;width:114px}.popular .l ul li a .shadow[data-v-48d3c75e]{background-color:#00000005;height:100%;left:0;position:absolute;top:0;width:100%}.popular .l ul li>div[data-v-48d3c75e]{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:10px}.popular .l ul li>div a[data-v-48d3c75e]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.popular .l ul li>div a[data-v-48d3c75e]:hover{color:#4066b8;text-decoration:underline}.popular .l ul li>div p[data-v-48d3c75e]{color:#999;display:flex;font-size:12px}.popular .l ul li>div p span[data-v-48d3c75e]{align-items:center;display:flex;flex:2}.popular .l ul li>div p span .iconfont[data-v-48d3c75e]{margin-right:5px}.popular .l ul li>div p span[data-v-48d3c75e]:first-child{flex:3}.popular .r[data-v-48d3c75e]{width:560px}@media screen and (max-width:1024px){.popular .r[data-v-48d3c75e]{display:none}}.popular .r a[data-v-48d3c75e]{align-items:center;display:flex;height:336px;justify-content:center;position:relative;width:100%}.popular .r a .shadow[data-v-48d3c75e]{background-color:#00000005;height:100%;left:0;position:absolute;top:0;width:100%}.popular .r a:hover b[data-v-48d3c75e]{text-decoration:underline}.popular .r a img[data-v-48d3c75e]{border-radius:4px;height:100%;width:100%}.popular .r a div[data-v-48d3c75e]{background-color:#33333380;border-radius:0 4px 0 2px;bottom:0;display:flex;flex-direction:column;height:90px;justify-content:space-between;left:0;padding:10px;position:absolute;width:80%}.popular .r a div b[data-v-48d3c75e]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.popular .r a div p[data-v-48d3c75e]{color:#fff;display:flex;font-size:12px}.popular .r a div p span[data-v-48d3c75e]{align-items:center;display:flex;margin-right:20px}.popular .r a div p span .iconfont[data-v-48d3c75e]{margin-right:5px}@media screen and (max-width:1024px){.popular[data-v-48d3c75e]{display:block}}