@charset "UTF-8";body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}body,html{height:100%;margin:0;overflow-anchor:none;padding:0;width:100%}h1,h2,h3,h4,h5,h6{font-size:100%}b,em{font-style:normal}a{color:#000}a:hover{color:#f51201}img{border:0;display:block;margin:0}table{border-collapse:collapse;border-spacing:0}figure,ol,td,th,ul{padding:0}figure{margin:0 auto}dl,li,ol,ul{list-style:none;margin:0}i{font-style:normal}a,a:active,a:focus,a:hover{text-decoration:none}::-moz-placeholder{color:#999!important;font-size:14px!important}::placeholder{color:#999!important;font-size:14px!important}.clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden}.clearfix{zoom:1;display:block}hr{border:none;border-top:1px dashed #ccc;height:1px;margin:5px}/*!! 动画 start*/@keyframes scalein-1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scalein-2{0%{opacity:.5;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes bottomIn{0%{opacity:0;transform:translateY(3%)}to{opacity:1;transform:translateY(0)}}@keyframes bottomin-1{0%{opacity:.2;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes scalein{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes opacityin{0%{opacity:0}to{opacity:1}}@keyframes arrowanim1{0%,54%,to{transform:translate(0)}18%,36%{transform:translate(-4px)}27%{transform:translate(-1px)}}@keyframes scale1{0%,10%,50%,70%,to{transform:scale(1)}30%{transform:scale(.9)}40%{transform:scale(1.3)}60%{transform:scale(1.15)}}@keyframes wjsqmove{0%{border-radius:0;filter:brightness(1);-webkit-filter:brightness(1);transform:translate(0)}30%,to{border-radius:50%;filter:brightness(1.3);-webkit-filter:brightness(1.3);transform:scale(1) translate(-40px)}}@keyframes circlehovershow{0%,25%{filter:brightness(2);-webkit-filter:brightness(2);opacity:0;transform:scale(.1)}50%{filter:brightness(2);-webkit-filter:brightness(2);opacity:1;transform:scale(.1)}55%{filter:brightness(1);-webkit-filter:brightness(1);opacity:1;transform:scale(.15833)}80%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes animrotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes jump{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95) rotate(0)}to{transform:translateY(0) scaleX(1) scaleY(1)}}.rankList{border:1px solid #e1e1e1;height:475px;left:50%;margin-left:388px;overflow:hidden;position:fixed;top:144px;width:308px;z-index:1}.rankList .swiper-container{height:490px;width:100%}.rankList .swiper-container .swiper-wrapper{bottom:0;height:440px;left:0;position:absolute;width:340px}.rankList .swiper-container .swiper-wrapper .swiper-slide{font-size:20px}.rankList .swiper-pagination-bullet{background:transparent;background:#f5f7fa;border-radius:0;box-sizing:border-box;color:#909399;font-size:14px;font-weight:400;font-weight:100;height:36px;line-height:36px;margin:0!important;opacity:1;outline:0;padding:0 9px;text-align:center;width:33.333%}.rankList .swiper-pagination{font-size:0;height:46px;outline:none;padding-right:unset;text-align:unset;top:0!important;width:100%!important}.rankList .swiper-pagination-bullet-active{background:transparent;border-bottom:none!important;color:#409eff;position:relative}.rankList .swiper-pagination-bullet:first-child{border-bottom:1px solid #e1e1e1;margin:0}.rankList .swiper-pagination-bullet:nth-child(2),.rankList .swiper-pagination-bullet:nth-child(3){border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin:0}.rankList .swiper-slide ul li{border-bottom:1px dashed #e5e5e5;font-size:0;height:40px;margin:0 auto;width:278px}.rankList .swiper-slide ul li span.rank{background:#a7a7a7;border-radius:50%;color:#555;display:inline-block;font-size:14px;font-weight:200;height:20px;line-height:20px;margin-right:10px;text-align:center;vertical-align:middle;width:20px}.rankList .swiper-slide ul li span.num{float:right}.rankList .swiper-slide ul li a,.rankList .swiper-slide ul li span.num{color:#555;display:inline-block;font-size:14px;font-weight:300;height:40px;line-height:40px;vertical-align:middle}.rankList .swiper-slide ul li a{width:155px}.rankList .swiper-slide ul li.active span.rank{background:red;color:#fff}