.top-vrank{clear:both}.top-vrank{position:relative;overflow:hidden;padding:30px 0;padding-bottom:0;width:100%}.top-vrank .mod-hd:after,.top-vrank .mod-hd:before{display:table;content:""}.top-vrank .mod-hd:after{clear:both}.top-vrank .mod-hd{position:relative;margin-bottom:75px}.top-vrank .mod-bd{margin-top:0}.top-vrank h3{float:left;margin-top:3px;margin-right:20px;color:#bbbccd;font-size:12px}.top-vrank .tabs{float:left;font-size:12px}.top-vrank .tabs div{float:left}.top-vrank .tabs .bz{position:absolute;top:54px;left:26px;width:24px;height:11px;background:url(../images/stairs_28.png) no-repeat center bottom}.top-vrank .tabs div.jianju{margin-left:50px}.top-vrank .tabs li{float:left;margin:0 6px;padding:2px 10px;width:auto;height:23px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#dcdcdc;text-align:center;line-height:22px}.top-vrank .tabs a{color:#8d8d8d}.top-vrank .tabs a:hover{color:#fff;text-decoration:none}.top-vrank .tabs .active{background:#3586e5}.top-vrank .tabs1 .active1{background:#b6cf07}.top-vrank .tabs .active a{color:#fff}.top-vrank .tabs1{float:left;font-size:12px}.top-vrank .tabs1 div{float:left}.top-vrank .tabs1 div.jianju{margin-left:50px}.top-vrank .tabs1 li{float:left;margin:0 6px;padding:2px 10px;width:auto;height:23px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#dcdcdc;text-align:center;line-height:22px}.top-vrank .tabs1 a{color:#8d8d8d}.top-vrank .tabs1 a:hover{color:#fff;text-decoration:none}.top-vrank .more{position:absolute;top:17px;right:17px;font-size:12px}.top-vrank .more a{color:#a5a5b5}.top-vrank .more a:hover{color:#5db538;text-decoration:none}.top-vrank .mod-bd .views{position:relative;overflow:hidden;width:100%;height:529px;-webkit-perspective:1500px;-moz-perspective:1500px;perspective:1500px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}.top-vrank .views .view-item{position:absolute;top:0;left:0;z-index:1;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:fadeout .3s ease-in forwards;-moz-animation:fadeout .3s ease-in forwards;animation:fadeout .3s ease-in forwards}.top-vrank .views .active{z-index:2;-webkit-animation:fadein .5s ease forwards;-moz-animation:fadein .5s ease forwards;animation:fadein .5s ease forwards}.top-vrank .views .first{z-index:2;background:#443f4c;-webkit-animation:none;-moz-animation:none;animation:none}@-webkit-keyframes fadeout{from{opacity:1;-webkit-transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(0,0,-300px)}}@-moz-keyframes fadeout{from{opacity:1;-moz-transform:translate3d(0,0,0)}to{opacity:0;-moz-transform:translate3d(0,0,-300px)}}@keyframes fadeout{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(0,0,-300px)}}@-webkit-keyframes fadein{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes fadein{from{-moz-transform:translate3d(-100%,0,0)}to{-moz-transform:translate3d(0,0,0)}}@keyframes fadein{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}.top-vrank .view-list{width:100%}.top-vrank .view-list li{position:relative;z-index:1;float:left;overflow:hidden;margin:10px 7px;width:270px;text-align:center;font-size:12px}.top-vrank .view-list li a{color:#888999;text-decoration:none}.top-vrank .view-list li a:hover{color:#5db538}.top-vrank .view-list li img{width:270px;height:215px}.top-vrank .view-list li .mask{position:absolute;top:-215px;left:-270px;z-index:3;width:270px;height:215px;background:url(http://p8.qhimg.com/t0129d4cce7a885cf2e.png) no-repeat 0 0;-webkit-transition:.1s left,.2s .1s top;-moz-transition:.1s left,.2s .1s top;-o-transition:.1s left,.2s .1s top;transition:.1s left,.2s .1s top;-ms-transition:.1s left,.2s .1s top;pointer-events:none}.top-vrank .view-list li:hover .mask{top:0;left:0}.top-vrank .view-list li .name{display:block;overflow:hidden;padding:7px 0 14px;width:86px;text-overflow:ellipsis;white-space:nowrap}

************/