body{background:#f8f9fb}.container{margin:0 auto;width:1000px;padding-top:12px}.nav-wrap{font-size:14px;line-height:20px;color:#666}.nav-wrap a{color:#09f}.nav-wrap .text{display:inline-block;max-width:300px}.title-wrap{margin-top:8px;margin-bottom:2px;color:#333;font-size:20px;line-height:28px;font-weight:700}.list-wrap{font-size:0;margin-left:-10px;margin-right:-10px}.list-item{vertical-align:middle;overflow:hidden;display:inline-block;background:#fff;width:235px;margin:10px}.list-item:hover{-webkit-box-shadow:0 0 10px 2px rgba(201,208,213,.5);box-shadow:0 0 10px 2px rgba(201,208,213,.5)}.list-item:hover .video-bg{-webkit-transform:scale(1.2);transform:scale(1.2)}.list-item:hover .play-icon{display:block}.list-item .top-box{position:relative;overflow:hidden;width:100%;height:132px}.list-item .video-bg{width:100%;height:100%;-webkit-transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s, -webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s}.list-item .play-icon{display:none;z-index:10;position:absolute;left:50%;top:50%;margin-top:-23px;margin-left:-23px;width:46px;height:46px}.list-item .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.list-item .bottom-box{padding:8px}.list-item .video-title{color:#333;font-size:14px;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-all}.list-item .bottom-bottom{margin-top:4px;color:#999;font-size:12px;line-height:17px}#pagination{margin-top:10px;text-align:center}