@charset "utf-8";@-webkit-keyframes aniInUp{from{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes aniInUp{from{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.aniInUp{-webkit-animation-name:aniInUp;animation-name:aniInUp}@-webkit-keyframes aniInDown{from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes aniInDown{from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.aniInDown{-webkit-animation-name:aniInDown;animation-name:aniInDown}body{background-color:#f6f8fa}.container-rank2302{padding-top:365px;padding-bottom:80px;background:url('https://assets-cdn.lanqb.com/school/rank2302/p-banner.webp?v=230214') no-repeat center top;background-size:1920px 590px;cursor:default}@media (min-height:420px){.container-rank2302{padding-top:270px;padding-bottom:30px;background-size:1100px 338px}}@media (min-width:1200px) and (min-height:900px){.container-rank2302{padding-top:365px;padding-bottom:80px;background-size:1920px 590px}}.rank2302-main{position:relative;width:1200px;padding:30px 40px 60px;margin-right:auto;margin-left:auto;-webkit-border-radius:30px;border-radius:30px}.rank2302-main .lan-pagination{padding-top:40px;padding-bottom:0}.rank2302-main .lan-pagination .lan-page>li>a{-webkit-border-radius:4px;border-radius:4px}.rank2302-main .lan-pagination .page-group .page-txt{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.rank2302-main .lan-pagination .page-jump .btn{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}@media (min-height:420px){.rank2302-main{width:980px;padding:20px 20px 20px;-webkit-border-radius:20px;border-radius:20px}}@media (min-width:768px) and (min-height:900px){.rank2302-main{width:748px}}@media (min-width:1200px) and (min-height:900px){.rank2302-main{width:1200px;padding:30px 40px 60px;-webkit-border-radius:30px;border-radius:30px}}.rank2302-h2{position:absolute;top:-75px;left:50%;width:181px;height:170px;margin-left:-91px;background:url('https://assets-cdn.lanqb.com/school/rank2302/p-h2.webp') no-repeat center top;background-size:100% 100%;overflow:hidden;white-space:nowrap;text-align:left;text-indent:9999px}@media (min-height:420px){.rank2302-h2{top:-115px;-ms-transform:scale(.85);-o-transform:scale(.85);-webkit-transform:scale(.85);transform:scale(.85)}}@media (min-width:768px) and (min-height:900px){.rank2302-h2{top:-115px;-ms-transform:scale(.85);-o-transform:scale(.85);-webkit-transform:scale(.85);transform:scale(.85)}}@media (min-width:1200px) and (min-height:900px){.rank2302-h2{top:-75px;-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}.rank2302-c1{margin-bottom:42px;display:flex;align-items:center;justify-content:flex-end}@media (min-height:420px){.rank2302-c1{margin-bottom:0}}@media (min-width:1200px) and (min-height:900px){.rank2302-c1{margin-bottom:42px}}.rank2302-1-tabs{flex:1;display:flex;align-items:stretch}.rank2302-1-tabs .tab{padding-right:12px;padding-left:12px;font-size:14px;font-weight:400;line-height:28px;color:#87959f;cursor:pointer;-webkit-border-radius:20px;border-radius:20px}.rank2302-1-tabs .tab+.tab{margin-left:8px}.rank2302-1-tabs .tab:hover{color:#212b34}.rank2302-1-tabs .tab.active{color:#212b34;background-color:#f6f8fa;cursor:default}@media (min-height:420px){.rank2302-1-tabs .tab{padding-right:8px;padding-left:8px;font-size:12px}.rank2302-1-tabs .tab+.tab{margin-left:4px}}@media (min-width:1200px) and (min-height:900px){.rank2302-1-tabs .tab{padding-right:12px;padding-left:12px;font-size:14px}.rank2302-1-tabs .tab+.tab{margin-left:8px}}.rank2302-1-rank{position:relative;display:flex;align-items:flex-end}.rank2302-1-rank em{font-size:14px;font-weight:400;line-height:20px}.rank2302-1-rank .num{position:relative;padding-right:16px;margin-left:10px;font-family:'PingFangSC-Semibold';font-size:26px;font-weight:bold;line-height:28px}.rank2302-1-rank .num.up{color:#f36b61}.rank2302-1-rank .num.up+.arrow:before,.rank2302-1-rank .num.up+.arrow .triangle{background-color:#f36b61}.rank2302-1-rank .num.down{color:#00e24a}.rank2302-1-rank .num.down+.arrow{-ms-transform:scale(.085) rotate(180deg);-o-transform:scale(.085) rotate(180deg);-webkit-transform:scale(.085) rotate(180deg);transform:scale(.085) rotate(180deg)}.rank2302-1-rank .num.down+.arrow:before,.rank2302-1-rank .num.down+.arrow .triangle{background-color:#00e24a}.rank2302-1-rank .arrow{position:absolute;top:50%;right:-43px;width:94px;height:230px;margin-top:-115px;display:flex;align-items:flex-end;justify-content:center;-ms-transform:scale(.085);-o-transform:scale(.085);-webkit-transform:scale(.085);transform:scale(.085)}.rank2302-1-rank .arrow:before{width:30px;height:170px;content:'';-webkit-border-radius:5px;border-radius:5px}.rank2302-1-rank .arrow .triangle{position:absolute;top:9px;left:22px;-ms-transform:rotate(-60deg) skewX(-30deg) scale(1, .866);-o-transform:rotate(-60deg) skewX(-30deg) scale(1, .866);-webkit-transform:rotate(-60deg) skewX(-30deg) scale(1, .866);transform:rotate(-60deg) skewX(-30deg) scale(1, .866)}.rank2302-1-rank .arrow .triangle:before,.rank2302-1-rank .arrow .triangle:after{position:absolute;content:'';background-color:inherit}.rank2302-1-rank .arrow .triangle,.rank2302-1-rank .arrow .triangle:before,.rank2302-1-rank .arrow .triangle:after{width:50px;height:50px;border-top-right-radius:20px}.rank2302-1-rank .arrow .triangle:before{-ms-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);-o-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);-webkit-transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);transform:rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%)}.rank2302-1-rank .arrow .triangle:after{-ms-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);-o-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);-webkit-transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);transform:rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%)}.rank2302-1-rank .tip{position:absolute;top:50%;left:100%;padding-right:10px;padding-left:10px;margin-top:-16px;margin-left:16px;color:#3f4345;background-color:#fff;border:1px solid #e3e9ef;font-size:12px;font-weight:400;line-height:30px;white-space:nowrap;visibility:hidden;opacity:0;-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-border-radius:6px;border-radius:6px;-ms-box-shadow:0 4px 30px rgba(7,39,65,0.1);-o-box-shadow:0 4px 30px rgba(7,39,65,0.1);-webkit-box-shadow:0 4px 30px rgba(7,39,65,0.1);box-shadow:0 4px 30px rgba(7,39,65,0.1);-ms-transition:transform .35s ease;-o-transition:transform .35s ease;-webkit-transition:transform .35s ease;transition:transform .35s ease;text-decoration-skip:objects}.rank2302-1-rank .tip:before{position:absolute;top:50%;left:-4px;width:7px;height:7px;margin-top:-4px;background-color:#fff;border-top:1px solid #e3e9ef;border-left:1px solid #e3e9ef;border-top-left-radius:4px;content:'';box-sizing:border-box;-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rank2302-1-rank:hover .tip{visibility:visible;opacity:1;-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}@media (min-height:420px){.rank2302-1-rank .tip{left:auto;right:-12px;margin-top:-56px;-ms-transform:translateX(0) translateY(5px);-o-transform:translateX(0) translateY(5px);-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}.rank2302-1-rank .tip:before{top:100%;left:auto;right:12px;margin-top:-2px;-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.rank2302-1-rank:hover .tip{-ms-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@media (min-width:1200px) and (min-height:900px){.rank2302-1-rank .tip{left:100%;right:auto;margin-top:-16px;-ms-transform:translateX(5px);-o-transform:translateX(5px);-webkit-transform:translateX(5px);transform:translateX(5px)}.rank2302-1-rank .tip:before{top:50%;left:-4px;margin-top:-4px;-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rank2302-1-rank:hover .tip{-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}}.rank2302-list{padding-left:138px}@media (min-height:420px){.rank2302-list{padding-left:68px}}@media (min-width:768px) and (min-height:900px){.rank2302-list{padding-left:98px}}@media (min-width:1200px) and (min-height:900px){.rank2302-list{padding-left:138px}}.rank2302-item{position:relative;padding-top:50px;padding-bottom:50px;display:flex;align-items:center;flex-wrap:wrap}@media (min-height:420px){.rank2302-item{padding-top:32px;padding-bottom:32px}}@media (min-width:1200px) and (min-height:900px){.rank2302-item{padding-top:50px;padding-bottom:50px}}.rank2302-item+.rank2302-item{border-top:1px solid #f6f8fa}.rank2302-item.top .user-cover:before{position:absolute;top:-25px;right:5px;z-index:1;width:50px;height:47px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;content:''}@media (min-height:420px){.rank2302-item.top .user-cover:before{top:-20px;right:4px;width:42px;height:39px}}@media (min-width:768px) and (min-height:900px){.rank2302-item.top .user-cover:before{top:-17px;right:3px;width:35px;height:33px}}@media (min-width:1200px) and (min-height:900px){.rank2302-item.top .user-cover:before{top:-25px;right:5px;width:50px;height:47px}}.rank2302-item.top .user-ranking:before,.rank2302-item.top .user-ranking:after{content:''}.rank2302-item.top .user-ranking:before{height:22px}.rank2302-item.top .user-ranking:after{width:70px;height:70px;margin-top:22px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%}.rank2302-item.top.first .user-cover:before{background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-1-crown.png')}.rank2302-item.top.first .user-ranking:before{width:77px;background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-1-top.png')}.rank2302-item.top.first .user-ranking:after{background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-1-cup.png')}.rank2302-item.top.second .user-cover:before{background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-2-crown.png')}.rank2302-item.top.second .user-ranking:before{width:81px;background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-2-top.png')}.rank2302-item.top.second .user-ranking:after{background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-2-cup.png')}.rank2302-item.top.third .user-cover:before{background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-3-crown.png')}.rank2302-item.top.third .user-ranking:before{width:81px;background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-3-top.png')}.rank2302-item.top.third .user-ranking:after{background-image:url('https://assets-cdn.lanqb.com/school/rank2302/p-3-cup.png')}.rank2302-item .user-cover{position:relative;width:120px;height:120px}.rank2302-item .user-cover .cover{width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%}.rank2302-item .user-cover:hover .cover{filter:brightness(.92)}@media (min-height:420px){.rank2302-item .user-cover{width:96px;height:96px}}@media (min-width:768px) and (min-height:900px){.rank2302-item .user-cover{width:82px;height:82px}}@media (min-width:1200px) and (min-height:900px){.rank2302-item .user-cover{width:120px;height:120px}}.rank2302-item .user-des{flex:1;padding-left:30px;padding-right:10px}@media (min-height:420px){.rank2302-item .user-des{padding-left:16px}}@media (min-width:768px) and (min-height:900px){.rank2302-item .user-des{padding-left:12px}}@media (min-width:1200px) and (min-height:900px){.rank2302-item .user-des{padding-left:30px}}.rank2302-item .user-h4{display:flex;align-items:center}.rank2302-item .user-h4 .nickname{max-width:240px;font-size:20px;font-weight:500;line-height:28px;color:#1a1b1e;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis}.rank2302-item .user-h4 .nickname:hover{color:#027cdb}.rank2302-item .user-h4 .btn-follow{position:relative;width:60px;height:28px;margin-left:12px;overflow:hidden;border:none;font-size:14px;font-weight:400;line-height:28px;color:#fff;background-color:#027cdb;-webkit-border-radius:20px;border-radius:20px}.rank2302-item .user-h4 .btn-follow em{position:absolute;right:0;left:0;display:block;-ms-transition:top .25s ease-in-out;-o-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out;text-decoration-skip:objects}.rank2302-item .user-h4 .btn-follow em.em1{top:0}.rank2302-item .user-h4 .btn-follow em.em2{top:100%}.rank2302-item .user-h4 .btn-follow:hover{background-color:#0097e6}.rank2302-item .user-h4 .btn-follow.atted{font-size:12px;color:#87959f;background-color:#f6f8fa}.rank2302-item .user-h4 .btn-follow.atted:hover em.em1{top:-100%}.rank2302-item .user-h4 .btn-follow.atted:hover em.em2{top:0}.rank2302-item .user-info{margin-top:12px;display:flex;align-items:center}.rank2302-item .user-info a{font-size:14px;font-weight:400;line-height:20px;color:#9f9f9f;display:flex;align-items:center}.rank2302-item .user-info a+a{position:relative;margin-left:31px}.rank2302-item .user-info a+a:before{position:absolute;top:50%;left:-15px;width:1px;height:8px;margin-top:-4px;background-color:#efefef;content:''}.rank2302-item .user-info a span{margin-left:8px;font-weight:500;color:#434343}.rank2302-item .user-info a:hover,.rank2302-item .user-info a:hover span{color:#027cdb}.rank2302-item .user-course{margin-top:20px;display:flex;align-items:stretch;flex-wrap:wrap}.rank2302-item .user-course span{max-width:142px;padding-right:10px;padding-left:10px;font-size:12px;font-weight:400;line-height:28px;color:#87959f;background-color:#f6f8fa;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-border-radius:20px;border-radius:20px}.rank2302-item .user-course span+span{margin-left:10px}.rank2302-item .user-ranking{position:absolute;top:0;bottom:0;right:100%;width:106px;margin-right:35px;display:flex;flex-direction:column;align-items:center;justify-content:center}.rank2302-item .user-ranking:before{width:66px;height:72px;font-size:30px;font-weight:bold;line-height:72px;color:#b1bbc3;background:url('https://assets-cdn.lanqb.com/school/rank2302/p-4-num.webp') no-repeat center;background-size:100% 100%;text-align:center;content:attr(data-num)}@media (min-height:420px){.rank2302-item .user-ranking{margin-top:-10px;margin-right:4px;-ms-transform:scale(.7);-o-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7)}}@media (min-width:768px) and (min-height:900px){.rank2302-item .user-ranking{margin-top:-140px;margin-right:8px;-ms-transform:scale(.75);-o-transform:scale(.75);-webkit-transform:scale(.75);transform:scale(.75)}}@media (min-width:1200px) and (min-height:900px){.rank2302-item .user-ranking{margin-top:0;margin-right:35px;-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}.rank2302-item .work-list{display:flex;align-items:stretch;justify-content:flex-end}.rank2302-item .work-item{width:160px;height:120px;overflow:hidden;background-color:#f6f8fa;-webkit-border-radius:16px;border-radius:16px}.rank2302-item .work-item .cover{width:100%;height:100%}.rank2302-item .work-item+.work-item{margin-left:10px}.rank2302-item .work-item.num{cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center}.rank2302-item .work-item.num span{font-size:14px;font-weight:400;line-height:20px;color:#87959f}.rank2302-item .work-item.num strong{margin-top:4px;font-family:'PingFangSC-Semibold';font-size:32px;font-weight:bold;line-height:32px;color:#f36b61}.rank2302-item .work-item:hover .cover{filter:brightness(.92)}@media (min-height:420px){.rank2302-item .work-item{width:140px;height:105px;-webkit-border-radius:10px;border-radius:10px}.rank2302-item .work-item+.work-item{margin-left:6px}}@media (min-width:768px) and (min-height:900px){.rank2302-item .work-list{margin-top:12px;margin-left:94px}.rank2302-item .work-item{width:160px;height:120px;-webkit-border-radius:8px;border-radius:8px}.rank2302-item .work-item+.work-item{margin-left:10px}}@media (min-width:1200px) and (min-height:900px){.rank2302-item .work-list{margin-top:0;margin-left:0}}.rank2302-loading{height:360px;user-select:none;display:flex;align-items:center;justify-content:center}.rank2302-loading .loading{font-size:14px;line-height:20px;color:#87959f;display:flex;align-items:baseline}.rank2302-loading .loading .iconfont{margin-right:6px;font-size:16px;line-height:20px;-webkit-animation:rotate 2.5s linear infinite;animation:rotate 2.5s linear infinite}.rank2302-loading .loading .dotting{min-width:2px;min-height:2px;margin-left:2px;box-shadow:2px 0, 6px 0, 10px 0;animation:dot 3s infinite step-start both;content:''}@keyframes dot{25%{box-shadow:none}50%{box-shadow:2px 0}75%{box-shadow:2px 0, 6px 0}}.rank2302-empty{padding-top:60px;user-select:none;display:flex;flex-direction:column;align-items:center}.rank2302-empty p{margin-top:12px;font-size:14px;line-height:20px;color:#87959f}