.S-main{background:#fff;padding:0 0 1px 32px;border-radius:4px;border-bottom:1px solid red}.S-main .content .list{width:100%;background:#fff;display:flex;flex-wrap:wrap;padding:20px 0 15px 0}.S-main .content .list .container{width:25%;box-sizing:border-box;padding-right:5px;background:#fafafa;margin-bottom:20px;border-radius:4px;overflow:hidden;cursor:pointer}.S-main .content .list .container .list-image{width:100%;height:150px;background:#fafafa;border-radius:4px;overflow:hidden;position:relative}.S-main .content .list .container .list-image img{transition:all .2s ease}.S-main .content .list .container .list-image:hover img{transform:scale(1.1)}.S-main .content .list .container .list-image .play{width:100%;height:100%;position:absolute;cursor:pointer;top:0;left:0;background:rgba(0,0,0,.2);transition:all .5s ease;color:#fff;display:flex;justify-content:center;align-items:center;font-size:50px}.S-main .content .list .container .list-image .play:hover{background:rgba(0,0,0,.4)}.S-main .content .list .container .V-Title{padding:12px 10px 12px;overflow:hidden}.S-main .content .list .container .L-Title{height:35px;overflow:hidden;text-overflow:ellipsis;background-color:rgba(0,0,0,.3);position:relative;top:-35px;color:#fff}.S-main .content .list .container .list-title{display:inline-block;line-height:35px;height:35px;text-align:center;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.S-main .content .list .container .createtime{padding:10px 0 10px;display:inline-block;color:#777;font-size:13px}