.content{background:#FBFCFC}
.content .content-l{width:200px}
.content .content-r{width:940px}
.left-menu li{margin-bottom:10px}
.left-menu li a{width:200px;height:50px;border-radius:10px;display:block;font-size:14px;color:#1A1A1A;line-height:50px;padding-left:20px;box-sizing:border-box}
.left-menu li a:hover{background:rgba(246,246,246,1);color:#FD4E4E}
.left-menu li a.cur{background:#FD4E4E;color:#fbfcfc}
.list{display:flex;flex-wrap:wrap;margin-bottom:96px}
.list li{width:220px;height:230px;margin-top:40px;margin-right:20px}
.list li:nth-of-type(4n){margin-right:0}
.list li a{display:block;width:100%;height:100%;background:#fff;padding:10px;box-sizing:border-box;position:relative;border-radius:10px}
.list li a .cover{width:200px;height:133px;background:rgba(244,245,245,1);border-radius:5px;display:block;margin:0 auto;margin-bottom:10px}
.list li a p{color:#4C4C4C;font-size:14px;line-height:20px}
.list li a .info{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:10px;left:0;width:100%;padding:0 10px;box-sizing:border-box;bottom:1}
.list li a .info .name{color:#989898;font-size:12px}
.list li a .info .see{color:#989898;font-size:12px;display:flex;align-items:center}
.list li a .info .see img{width:12px;height:9px;display:block;margin-right:4px}
.list li:hover{margin-top:30px;box-shadow:0px 20px 40px 0px rgba(0,0,0,0.1)}
.recommend ul{display:flex;flex-wrap:wrap}
.recommend ul li{width:33.3333%}
.recommend ul li a{width:300px;height:50px;display:block;line-height:50px;border-radius:10px;color:#4C4C4C;font-size:14px;padding:0 20px;box-sizing:border-box}
.recommend ul li:hover a{background:#F6F6F6}