.drama-rank-list{margin-bottom:10px;border:solid 1px #E6E6E6;padding-top:12px;position:relative;font-family:'Microsoft Yahei'}.drama-rank-list h1{font-size:20px;line-height:24px;color:#52A3F5;padding:0 14px;font-weight:400}.drama-rank-list h1 *{vertical-align:middle}.drama-rank-list h1 em{padding:9px 14px;background:url(https://bkssl.bdimg.com/static/wiki-lemma/widget/feature/drama/rankList/img/rankListTitleIcon_68ca40c.png?m=z) no-repeat;font-size:0;line-height:0;margin-right:3px}.drama-rank-list .list{margin:14px 14px 0}.drama-rank-list .list dt{background:#FAFAFA;border:solid 1px #E6E6E6;font-size:14px;line-height:26px;float:left;width:118px;cursor:pointer;text-align:center;color:#333;position:relative}.drama-rank-list .list dt.cur{background:#7BB7F7;border-color:#7BB7F7;color:#FFF;cursor:default}.drama-rank-list .list dt.cur:after{content:'';display:block;position:absolute;font-size:0;line-height:0;border:solid #FFF;border-width:5px 6px;border-top-color:#7BB7F7;border-bottom:0;top:27px;left:50%;margin-left:-5px}.drama-rank-list .list dt.cur+dt{border-left-color:#7BB7F7}.drama-rank-list .list dt:nth-child(2){margin-left:-1px}.drama-rank-list .list dd{display:none;clear:left;padding-top:7px}.drama-rank-list .list dd .viewport{position:relative;overflow:hidden}.drama-rank-list .list dd .viewport .scroll-canvas{clear:both;width:960px;margin-bottom:1px;position:absolute;top:0;left:0}.drama-rank-list .list dd .viewport .scroll-canvas .list-con{width:240px;float:left}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li{padding:8px 0;border-bottom:solid 1px #F5F5F5;background:url(https://bkssl.bdimg.com/static/wiki-lemma/widget/feature/drama/rankList/img/arrowRight_00217ba.png) no-repeat 220px center;-webkit-transition:.2s;transition:.2s}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li .sn{color:#338DE6;font-size:20px;line-height:22px;display:block;float:left;width:22px;height:22px;border-radius:22px;margin:11px 5px;text-align:center}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li .sn.small{width:28px!important;color:#338DE6!important;font-size:12px!important;background:none!important;border-radius:none!important}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li .info{margin:0 30px 0 38px}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li .info img{width:42px;height:42px;border:solid 1px #FFF;margin-right:9px;float:left;-webkit-transition:.2s;transition:.2s}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li .info h4{font-size:14px;line-height:20px;color:#494949;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li .info i{display:inline-block;font-style:normal;color:#888;font-size:12px;line-height:26px;padding-left:22px;background:url(https://bkssl.bdimg.com/static/wiki-lemma/widget/feature/drama/rankList/img/view_59f3d91.png) no-repeat left top}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li.cur{background:0 0}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li.cur .sn{color:#FFF;font-size:16px;background:#89C2F9}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li.cur,.drama-rank-list .list dd .viewport .scroll-canvas .list-con li:hover{background-color:#F4F9FD}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li.cur .info img,.drama-rank-list .list dd .viewport .scroll-canvas .list-con li:hover .info img{border-color:#97C9F9}.drama-rank-list .list dd .viewport .scroll-canvas .list-con li.cur .info i,.drama-rank-list .list dd .viewport .scroll-canvas .list-con li:hover .info i{color:#338DE6;background:url(https://bkssl.bdimg.com/static/wiki-lemma/widget/feature/drama/rankList/img/view_59f3d91.png) no-repeat left -26px}.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(1) .sn,.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(2) .sn,.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(3) .sn{color:#FFF;font-size:16px}.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(1) .info img,.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(2) .info img,.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(3) .info img{border-color:#91C6F9}.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(1) .info i,.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(2) .info i,.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(3) .info i{color:#338DE6;background:url(https://bkssl.bdimg.com/static/wiki-lemma/widget/feature/drama/rankList/img/view_59f3d91.png) no-repeat left -26px}.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(1) .sn{background:#52A3F5}.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(2) .sn,.drama-rank-list .list dd .viewport .scroll-canvas .list-con:first-child li:nth-child(3) .sn{background:#89C2F9}.drama-rank-list .list dd .pager{text-align:center;font-size:0;padding:8px 0}.drama-rank-list .list dd .pager a{display:inline-block;vertical-align:middle;width:15px;height:20px;color:#BDBDBD;text-align:center;line-height:20px;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.drama-rank-list .list dd .pager a.cur{color:#52A3F5}.drama-rank-list .list dd .pager a.prev,.drama-rank-list .list dd .pager a.next{width:18px;height:18px;border:solid 1px #E6E6E6;background:#fff url(https://bkssl.bdimg.com/static/wiki-lemma/widget/feature/drama/rankList/img/pagerBg_65a82f6.png) no-repeat;margin:0 6.5px}.drama-rank-list .list dd .pager a.prev:hover,.drama-rank-list .list dd .pager a.next:hover{background-color:#FAFAFA}.drama-rank-list .list dd .pager a.prev.disabled,.drama-rank-list .list dd .pager a.next.disabled{opacity:.5;filter:alpha(opacity=50);background-color:#FFF;cursor:default}.drama-rank-list .list dd .pager a.next{background-position:bottom}.drama-rank-list .list dd.cur{display:block}