.ub-list{background:#FFF;border-radius:5px}.ub-list.no-bg{background:0 0}.ub-list.no-bg .head{padding:10px 0}.ub-list.no-bg .body{margin-left:-10px;margin-right:-10px}.ub-list .head{padding:10px}.ub-list .head .more{float:right;line-height:30px}.ub-list .head .title{display:inline-block;line-height:20px;font-size:13px}.ub-list .body{margin-top:-10px;padding:10px}.ub-list .body .item-a{border:1px solid #EEE;border-radius:3px;padding:10px 10px 10px 70px;overflow:hidden;margin:0 0 10px}.ub-list .body .item-a .icon{float:left;margin:5px 0 0 -60px}.ub-list .body .item-a .icon img{height:50px;width:50px}.ub-list .body .item-a .title{display:block;color:#333;font-size:18px;line-height:20px;height:20px}.ub-list .body .item-a .title:hover{color:#111}.ub-list .body .item-a .summary{color:#999;font-size:13px;padding:10px 0 0;height:48px;overflow:hidden}.ub-list .body .item-b{line-height:2em;text-align:center;display:block;border:1px solid #EEE;border-radius:3px;margin:5px 0;color:#419488}.ub-list .body .item-b:hover{background:#EEE}.ub-list .body .item-c{line-height:2em;display:block;margin:5px 0 5px 10px;color:#419488}.ub-list .body .item-d{border-bottom:1px dashed #CCC;padding:10px 0}.ub-list .body .item-d .title{font-size:18px;color:#333;line-height:25.2px}.ub-list .body .item-d .attr{color:#999;font-size:13px;padding:5px 0 0}.ub-list .body .item-d .attr a{color:#999}.ub-list .body .item-d .attr a:hover{text-decoration:underline}.ub-list .body .item-d .summary{color:#999;font-size:13px;padding:5px 0 0}.ub-list .body .item-e .cover{display:block;overflow:hidden;background:center no-repeat;background-size:cover;box-shadow:#EEE 0 0 3px;border-radius:3px}.ub-list .body .item-e .cover:after{content:'';display:block;margin-top:75%}.ub-list .body .item-e .title{line-height:20px;height:40px;overflow:hidden;display:block;margin-top:10px}.ub-list .body .item-e .summary{margin-top:10px;line-height:20px;height:40px;color:#999;overflow:hidden}.ub-list .body .item-f{padding:0 0 0 80px;margin:0 0 15px}.ub-list .body .item-f .date{float:left;margin:0 0 0 -80px;display:block;width:60px;border:1px solid #419488;border-radius:3px;text-align:center;line-height:25px}.ub-list .body .item-g,.ub-list .body .item-h{margin:0 0 10px;display:block;overflow:hidden}.ub-list .body .item-f .date .day{color:#FFF;font-size:18px;background:#419488}.ub-list .body .item-f .date .month{color:#333}.ub-list .body .item-f .title{display:block;line-height:20px;height:20px;overflow:hidden}.ub-list .body .item-f .summary{color:#999;height:40px;line-height:20px;overflow:hidden}.ub-list .body .item-g{border:1px solid #EEE;border-radius:3px;padding:10px;text-align:center}.ub-list .body .item-g:hover{box-shadow:#CCC 0 0 2px}.ub-list .body .item-g .icon img{height:80px;width:80px}.ub-list .body .item-g .title{display:block;color:#666;line-height:20px}.ub-list .body .item-g .title:hover{color:#111}.ub-list .body .item-h{border:1px solid #EEE;border-radius:3px;padding:10px 10px 10px 50px}.ub-list .body .item-h:hover{border-color:#CCC}.ub-list .body .item-h .icon{float:left;margin:0 0 0 -40px}.ub-list .body .item-h .icon img{height:30px;width:30px;border:none}.ub-list .body .item-h .icon i{display:block;width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#999}.ub-list .body .item-h .title{display:block;color:#333;font-size:13px;line-height:30px;height:30px}.ub-list .body .item-h .title:hover{color:#111}.ub-list .body .item-video{position:relative;display:block;margin:10px;border-radius:3px}.ub-list .body .item-video img{width:100%}.ub-list .body .item-video .mask{border-radius:3px;position:absolute;background:rgba(0,0,0,.2);text-align:center;left:0;right:0;bottom:0;top:0;color:#FFF;font-size:54px}.ub-list .body .item-video .mask .box{display:table;height:100%;width:100%}.ub-list .body .item-video .mask .box i{vertical-align:middle;display:table-cell}.ub-list .body .item-video-cover{background:#FFF;padding:10px;margin:0 0 10px;border-radius:5px}.ub-list .body .item-video-cover:hover{box-shadow:#CCC 0 0 5px}.ub-list .body .item-video-cover .cover{display:block;overflow:hidden;background:center no-repeat;background-size:cover;box-shadow:#EEE 0 0 3px;border-radius:3px}.ub-list .body .item-video-cover .cover:after{content:'';display:block;margin-top:75%}.ub-list .body .item-video-cover .title{line-height:20px;height:20px;overflow:hidden;display:block;margin-top:10px;color:#333;white-space:nowrap;text-overflow:ellipsis;width:100%}.ub-list .body .item-video-cover .category{margin-top:10px}.ub-list .body .item-video-cover .category .stat{float:right}.ub-list .body .item-video-cover .category .stat a{margin-left:10px}.ub-list .body .item-video-cover .category a{color:#999}.ub-list .body .item-video-cover .category a i{display:inline-block;width:1em;text-align:center}.ub-list .body .item-video-cover .category a:hover{color:#333}@media screen and (max-width:800px){.ub-list{max-width:100%;overflow:hidden}.ub-list.no-bg .head{padding:10px}}