.popular{display:flex;justify-content:space-between;margin-bottom:16px}@media screen and (max-width:1024px){.popular{margin-bottom:20px}}.popular .l{width:350px}@media screen and (max-width:1024px){.popular .l{width:100%}}.popular .l .tit{margin-bottom:10px}.popular .l .tit .iconfont{color:#ff6221;margin-right:6px}.popular .l ul{width:100%}.popular .l ul li{border-bottom:1px solid #d4d4d4;display:flex;padding:16px 0}.popular .l ul li:last-child{border:none;padding-bottom:0}@media screen and (max-width:1024px){.popular .l ul li:last-child{border-bottom:1px solid #d4d4d4;padding:16px 0}}.popular .l ul li a{position:relative}.popular .l ul li a img{border-radius:4px;height:70px;width:114px}.popular .l ul li a .shadow{background-color:#00000005;height:100%;left:0;position:absolute;top:0;width:100%}.popular .l ul li>div{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:10px}.popular .l ul li>div a{-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:hover{color:#4066b8;text-decoration:underline}.popular .l ul li>div p{color:#999;display:flex;font-size:12px}.popular .l ul li>div p span{align-items:center;display:flex;flex:2}.popular .l ul li>div p span .iconfont{margin-right:5px}.popular .l ul li>div p span:first-child{flex:3}.popular .r{width:560px}@media screen and (max-width:1024px){.popular .r{display:none}}.popular .r a{align-items:center;display:flex;height:336px;justify-content:center;position:relative;width:100%}.popular .r a .shadow{background-color:#00000005;height:100%;left:0;position:absolute;top:0;width:100%}.popular .r a:hover b{text-decoration:underline}.popular .r a img{border-radius:4px;height:100%;width:100%}.popular .r a div{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{-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{color:#fff;display:flex;font-size:12px}.popular .r a div p span{align-items:center;display:flex;margin-right:20px}.popular .r a div p span .iconfont{margin-right:5px}@media screen and (max-width:1024px){.popular{display:block}}