.cmn-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cmn-flex-vertical{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cmn-flex-center-h{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.cmn-flex-center-v{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.cmn-flex-one{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block}.rank-list{margin-bottom:10px;border:solid 1px #E6E6E6;padding-top:12px;position:relative;font-family:'Microsoft Yahei'}.rank-list .rankList-title{font-size:18px;line-height:24px;color:#52a3f5;padding:0 14px}.rank-list .rankList-title *{vertical-align:middle}.rank-list .rankList-title em{padding:9px 14px;background:url(http://baike.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/flower/rankList/img/rankListTitleIcon_1159138.png) no-repeat;font-size:0;line-height:0;margin-right:3px}.rank-list .list{margin:14px 14px 0}.rank-list .list dt{position:relative;float:left;margin:0 0 7px;border:1px solid #E6E6E6;font-size:14px;line-height:26px;width:118px;cursor:pointer;text-align:center;color:#333;background:#FAFAFA}.rank-list .list dt.cur{background:#7BB7F7;border-color:#7BB7F7;color:#FFF;cursor:default}.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}.rank-list .list dt.cur+dt{border-left-color:#7BB7F7}.rank-list .list dt:nth-child(2){margin-left:-1px}.rank-list .list dt.disabled{color:#999;cursor:not-allowed}.rank-list .list dd{display:none;clear:left}.rank-list .list dd.cur{display:block}.rank-list .list dd .pager{padding:0 0 10px;overflow:hidden;height:20px;text-align:center}.rank-list .list dd .pager .pTag{color:#ddd}.rank-list .list dd .pager .cur{color:#52a3f5}.rank-list .list dd .pager .prev,.rank-list .list dd .pager .next{padding:2px 5px;border:1px solid #ccc;color:#aaa}.rank-list .list dd .pager .prev:hover,.rank-list .list dd .pager .next:hover{border-color:#aaa;color:#999}.rank-list .list dd .pager .prev{padding-right:6px}.rank-list .list dd .pager .next{padding-left:6px}.rank-list .list dd .pager .disabled{border-color:#eee;color:#ccc}.rank-list .list dd .pager .disabled:hover{border-color:#eee;color:#ccc}.rank-list .list dd .ext-info{clear:both;padding:12px 19px;margin:0 -14px;height:46px;background:#F4F9FD;border-top:solid 1px #EEE;position:relative}.rank-list .list dd .ext-info em{color:#F18B74}.rank-list .list dd .ext-info h3{color:#666;font-size:14px;line-height:24px}.rank-list .list dd .ext-info h3 span{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;*zoom:1;*display:inline;max-width:80px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:text-bottom}.rank-list .list dd .ext-info i{font-style:normal;color:#888}.rank-list .list dd .ext-info .bouquet{position:relative;float:right;padding:8px 8px 8px 40px;border:solid 1px #d5d5d5;border-radius:2px;outline:0;line-height:26px;font-size:16px;text-decoration:none;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.03);background:#fff url(http://baike.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/flower/rankList/img/bouquet_ae7eb74.png) no-repeat 8px center;color:#f18167;-webkit-transition:.15s linear;transition:.15s linear}.rank-list .list dd .ext-info .bouquet:hover{border-color:#c5c5c5}.rank-list .list dd .ext-info .bouquet em{position:absolute;width:25px;height:26px;top:8px;left:8px;background:url(http://baike.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/flower/rankList/img/bouquet_ae7eb74.png);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:none;transition:none;opacity:100}.rank-list .list dd .ext-info .bouquet em.up{opacity:0;top:-18px;left:1.75px;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.3s linear;transition:.3s linear}.rank-list .list dd .ext-info .flower-tip{display:none;position:absolute;height:31px;padding:0 9px;top:-30px;right:19px;line-height:31px;background:#FDFCEF;border:solid 1px silver;border-radius:2px;box-shadow:0 1px rgba(0,0,0,.05)}.rank-list .list dd .ext-info .flower-tip:after{content:'◆';display:block;position:absolute;font-size:20px;line-height:12px;bottom:-6px;right:40px;color:#FDFCEF;text-shadow:0 2px 1px rgba(0,0,0,.25)}.rank-list .list dd .ext-info.no-flower .bouquet{color:#888;cursor:default}.rank-list .list dd .ext-info.no-flower .bouquet:hover{border-color:#d5d5d5}.rank-list .list dd.last-week .ext-info{padding:12px 14px;height:46px;overflow:hidden}.rank-list .list dd.last-week .ext-info img{width:42px;height:42px;border:solid 2px #FDAF9D;border-radius:42px;margin-left:5px;float:left}.rank-list .list dd.last-week .ext-info .counter{float:left;border-right:solid 1px #EEE;color:#727373;text-align:center;width:62px;padding:2px 0;margin-top:2px}.rank-list .list dd.last-week .ext-info .counter em{display:block;font-size:14px}.rank-list .list dd.last-week .ext-info .counter:last-child{border:0}.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(1) a .sn,.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(2) a .sn,.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(3) a .sn{color:#fff;font-size:16px}.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(1) a .info img,.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(2) a .info img,.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(3) a .info img{border-color:#91C6F9}.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(1) a .info i,.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(2) a .info i,.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(3) a .info i{color:#338DE6;background:url(http://baike.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/flower/rankList/img/flower_24041e2.png) no-repeat left -30px}.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(1) a .sn{background:#52A3F5}.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(2) a .sn,.rank-list .list dd.last-week .viewport .scroll-canvas .list-con:first-child li:nth-child(3) a .sn{background:#89C2F9}.rank-list .list dd .viewport{position:relative;overflow:hidden}.rank-list .list dd .viewport .scroll-canvas{max-height:314px;height:auto!important;height:314px}.rank-list .list dd .viewport .scroll-canvas .list-con li{overflow:hidden;padding:8px 0;border-bottom:1px solid #f5f5f5;height:46px;text-decoration:none;background:url(http://baike.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/flower/rankList/img/arrowRight_00217ba.png) no-repeat 220px center;-webkit-transition:.15s linear;transition:.15s linear}.rank-list .list dd .viewport .scroll-canvas .list-con li.encourage-vote{padding:8px 0 5px;font-size:14px;text-align:center;color:#999}.rank-list .list dd .viewport .scroll-canvas .list-con li.cur{background:0 0}.rank-list .list dd .viewport .scroll-canvas .list-con li.cur .sn{color:#FFF;font-size:16px;background:#89C2F9}.rank-list .list dd .viewport .scroll-canvas .list-con li.cur,.rank-list .list dd .viewport .scroll-canvas .list-con li:hover{background-color:#F4F9FD}.rank-list .list dd .viewport .scroll-canvas .list-con li.cur .info img,.rank-list .list dd .viewport .scroll-canvas .list-con li:hover .info img{border-color:#91C6F9}.rank-list .list dd .viewport .scroll-canvas .list-con li.cur .info i,.rank-list .list dd .viewport .scroll-canvas .list-con li:hover .info i{color:#338DE6;background:url(http://baike.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/flower/rankList/img/flower_24041e2.png) no-repeat left -30px}.rank-list .list dd .viewport .scroll-canvas .list-con li:last-child{border:0}.rank-list .list dd .viewport .scroll-canvas .list-con li a{display:block;outline:0;text-decoration:none}.rank-list .list dd .viewport .scroll-canvas .list-con li a .sn{margin:11px 8px 11px 5px;color:#338de6;font-size:20px;line-height:22px;display:block;float:left;width:22px;height:22px;border-radius:22px;text-align:center}.rank-list .list dd .viewport .scroll-canvas .list-con li a .sn.small{width:28px!important;color:#338DE6!important;font-size:12px!important;background:none!important;border-radius:none!important}.rank-list .list dd .viewport .scroll-canvas .list-con li a .info{margin:0 30px 0 10px}.rank-list .list dd .viewport .scroll-canvas .list-con li a .info img{width:42px;height:42px;border:solid 2px #FFF;border-radius:42px;margin-right:9px;float:left;-webkit-transition:.15s linear;transition:.15s linear}.rank-list .list dd .viewport .scroll-canvas .list-con li a .info h4{font-size:14px;line-height:20px;color:#494949;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list .list dd .viewport .scroll-canvas .list-con li a .info i{display:inline-block;font-style:normal;color:#888;font-size:12px;line-height:26px;padding-left:13px;background:url(http://baike.bdimg.com/static/wiki-lemma/widget/lemma_content/configModule/flower/rankList/img/flower_24041e2.png) no-repeat left top}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con li{background:0 0}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con li:hover{background:#fff}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con li a{cursor:default}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con li a .info i{padding-left:0;background:0 0}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-1 a .sn,.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-2 a .sn,.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-3 a .sn{color:#fff;font-size:16px}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-1 a .info img,.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-2 a .info img,.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-3 a .info img{border-color:#91C6F9}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-1 a .info i,.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-2 a .info i,.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-3 a .info i{color:#338DE6;background:0 0}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-1 a .sn{background:#52A3F5}.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-2 a .sn,.rank-list.fans-rank .list dd .viewport .scroll-canvas .list-con:first-child li.rank-3 a .sn{background:#89C2F9}.rank-list.fans-rank .list dd .ext-info em{color:#2c85df}