.rankingWrap{margin:0 auto;padding:.5rem}.rankingWrap .paging_search{width:100%;margin-top:20px;text-align:center;font-size:0px}.rankingWrap .paging_search *{font-size:18px}.rankingWrap .paging_search select{display:inline-block;min-width:120px;margin-right:5px}.rankingWrap .paging_search input{position:relative;width:320px;padding-right:40px;z-index:1}.rankingWrap .paging_search button{position:relative;display:inline-block;width:43px;margin-left:-44px;padding:0;background-position:-371px -51px;z-index:2}.rankingWrap>h2{position:relative;display:block;margin-bottom:40px}.rankingWrap>h2>p{width:301px;height:39px;background-position:0 1px;display:block;background-repeat:no-repeat}.rankingWrap>h2>select{position:absolute;top:-5px;font-weight:300}.rankingWrap.avalonRank #ranklist_select1{width:177px;right:306px}.rankingWrap.avalonRank #ranklist_select2{width:287px;right:5px}.rankingWrap.battleRank #ranklist_select,.rankingWrap.colosseumRank #ranklist_select{width:177px;right:0}.rankingWrap .rankingTip{height:29px;font-size:14px;color:var(--color-gray-900);padding-left:6px}.rankingWrap .rankListWrap h3 span,.rankingWrap .rankingTip strong{font-weight:600;color:#28b6b4}.rankingWrap .rank_top3{width:100%;overflow:hidden;margin-top:54px}.rankingWrap .rankListWrap,.rankingWrap .rank_top3 ol{width:100%;overflow:hidden}.rankingWrap .rank_top3 ol li{float:left;position:relative;width:397px;height:166px;box-sizing:border-box;text-align:center;background-image:url('/inf/img/t3_2.png')}.rankingWrap .rank_top3 ol li:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.rankingWrap .rank_top3 ol li:first-child{margin-right:24px;background-image:url('/inf/img/t3_1.png')}.rankingWrap .rank_top3 ol li:last-child{float:right;background-image:url('/inf/img/t3_3.png')}.rankingWrap .rank_top3 ol li.group3:before{background-image:url('/inf/img/t3_bg1.jpg')}.rankingWrap .rank_top3 ol li.group4:before{background-image:url('/inf/img/t3_bg2.jpg')}.rankingWrap .rank_top3 ol li.group2:before{background-image:url('/inf/img/t3_bg3.jpg')}.rankingWrap .rank_top3 ol li strong{display:block;height:59px;font-weight:800;font-size:48px;color:#fff;letter-spacing:-.25vw;padding-top:56px}.rankingWrap .rank_top3 ol li strong sub{display:inline-block;vertical-align:middle;font-weight:600;font-size:24px;letter-spacing:-.15vw;padding-left:8px}.rankingWrap .rank_top3 ol li span{display:block;font-weight:600;font-size:24px;color:#28b6b4}.rankingWrap .rankTab{width:100%;overflow:hidden;margin-top:2rem}.rankingWrap.colosseumRank .rankTab{margin-top:8px}.rankingWrap .rankTab ul{width:100%;overflow:hidden;border-bottom:1px solid var(--color-gray-400);}.event_menu li,.rankingWrap .myRank .myRank_default dl dd,.rankingWrap .rankTab ul li,.tab_menu_type_inner li,.tab_sub_menu li{float:left}.rankingWrap .rankTab ul li a{display:block;width:11em;height:41px;overflow:hidden;font-size:18px;color:var(--color-gray-900);text-align:center;line-height:41px;border-width:1px 1px 0 0;border-style:solid;border-color:var(--color-gray-400);;background-color:transparent}@media(max-width:1279.9px){.rankingWrap .rankTab ul li a{font-size:12px;width:8em;margin-top:1rem;line-height:41px}.sort_zone{margin-bottom:.5rem}.rankingWrap .rankListWrap .rankTable table .lvInfo img{display:none}}.rankingWrap.colosseumRank .rankTab ul li a{width:309px}.rankingWrap.colosseumRank .rankTab ul li:first-child a{width:308px}.rankingWrap .rankTab ul li:first-child a{border-width:1px 1px 0}.rankingWrap .rankTab ul li a.active,.rankingWrap .rankTab ul li a:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rankingWrap .myRankLogout{width:100%;overflow:hidden;font-size:20px;color:#000;line-height:237px;text-align:center;background-color:#f1f0ef}.rankingWrap .myRank .myRank_rankNone a,.rankingWrap .myRankLogout a{font-weight:600;color:#27b6b4;text-decoration:underline}.rankingWrap .myRank{position:relative;width:100%;height:237px;overflow:hidden;background-color:#f1f0ef}.rankingWrap .myRank .myRank_default{height:110px}.rankingWrap .myRank .myRank_default dl{overflow:hidden;padding:25px 0 0 28px}.rankingWrap .myRank .myRank_default dl dt{float:left;padding-right:18px}.rankingWrap .myRank .myRank_default dl dt label{position:relative;z-index:1;display:block;width:63px;height:63px;border-radius:100px;overflow:hidden}.rankingWrap .myRank .myRank_default dl dt label:after{content:'';background-size:100% auto;position:absolute;top:0;left:0;display:block;width:100%;height:100%}.rankingWrap .myRank .myRank_default dl dt label[classtitle=classLv_1]:after{background-image:url('/inf/img/Big_star1.png')}.rankingWrap .myRank .myRank_default dl dt label[classtitle=classLv_2]:after{background-image:url('/inf/img/Big_star2.png')}.rankingWrap .myRank .myRank_default dl dt label[classtitle=classLv_3]:after{background-image:url('/inf/img/Big_star3.png')}.rankingWrap .myRank .myRank_default dl dt label[classtitle=classLv_4]:after{background-image:url('/inf/img/Big_star4.png')}.rankingWrap .myRank .myRank_default dl dt label[classtitle=classLv_5]:after{background-image:url('/inf/img/Big_star5.png')}.rankingWrap .myRank .myRank_default dl dt label img{display:block;width:63px;height:63px;margin-right:15px;border-radius:100px;overflow:hidden}.rankingWrap .myRank .myRank_default dl dd span{display:block;position:absolute;left:120px;top:26px;font-size:13px;color:#938680}.rankingWrap .myRank .myRank_default dl dd select{width:287px;margin-top:20px;font-weight:600;color:#000}.rankingWrap .myRank .myRank_default dl dd ul{overflow:hidden}.rankingWrap .myRank .myRank_default dl dd ul li{float:left;position:relative;font-size:14px;line-height:24px;padding-top:29px;padding-left:47px}.rankingWrap .myRank .myRank_default dl dd ul li span{color:#938680}.rankingWrap .myRank .myRank_default dl dd ul li strong,.rankingWrap .myRank .myRank_rankInfo ul li strong{font-weight:600;color:#000}.rankingWrap .myRank .myRank_default dl dd ul li a{font-weight:600;font-size:18px;color:#000}.rankingWrap .myRank .myRank_default dl dd ul li:first-child{padding-left:0}.rankingWrap .myRank .myRank_default dl dd ul li:first-child span{display:block;position:absolute;left:0;top:10px;font-size:13px}.rankingWrap .myRank .myRank_default dl dd ul li:nth-child(2):after,.rankingWrap .myRank .myRank_default dl dd ul li:nth-child(3):after{content:'';display:block;position:absolute;top:33px;left:24px;width:1px;height:17px;background-color:#b5b0ae;font-size:0px;line-height:0;zoom:1}.rankingWrap .myRank .myRank_default dl dd ul li:nth-child(3){color:#6d727a}.rankingWrap .myRank .myRank_rankNone{width:1178px;margin:0 auto;border:1px solid #d5d2d0;background-color:#fff;font-size:20px;color:#8f8986;text-align:center;line-height:26px;padding:18px 0}.rankingWrap .myRank .myRank_rankInfo dl,.rankingWrap .myRank .myRank_rankInfo ul{position:absolute}.rankingWrap .myRank .myRank_rankInfo ul{right:38px;top:55px;font-size:18px;color:#6d727a;overflow:hidden}.rankingWrap .myRank .myRank_rankInfo ul li{float:left;padding-right:50px}.rankingWrap .myRank .myRank_rankInfo ul li button{display:inline-block;vertical-align:middle;width:16px;height:16px;overflow:hidden;text-indent:-50000px;background:url('/inf/img/icon_search.png') no-repeat;margin-left:8px}.rankingWrap .myRank .myRank_rankInfo ul li.i_2 strong{color:#ed7810}.rankingWrap .myRank .myRank_rankInfo ul li.i_3{padding-right:0}.rankingWrap .myRank .myRank_rankInfo dl{top:109px;display:table;vertical-align:middle;box-sizing:border-box;height:92px;border:1px solid #d5d2d0;background-color:#fff;text-align:center}.rankingWrap .myRank .myRank_rankInfo dl dt{display:table-cell;vertical-align:middle;width:70px;font-size:15px;color:#fff;background-color:#9c948f}.rankingWrap .myRank .myRank_rankInfo dl dd{display:table-cell;vertical-align:middle;font-weight:600;font-size:24px;color:#7e8186}.rankingWrap.avalonRank .myRank .myRank_rankInfo dl.p_1{width:270px;left:28px}.rankingWrap.avalonRank .myRank .myRank_rankInfo dl.p_2{width:270px;left:331px}.rankingWrap.avalonRank .myRank .myRank_rankInfo dl.p_3{width:270px;left:633px}.rankingWrap.avalonRank .myRank .myRank_rankInfo dl.p_4{width:270px;left:936px}.rankingWrap.avalonRank .myRank .myRank_rankInfo dl.p_4 dt,.rankingWrap.battleRank .myRank .myRank_rankInfo dl.p_7 dt{background-color:#1a1d21}.rankingWrap.avalonRank .myRank .myRank_rankInfo dl.p_4 dd,.rankingWrap.battleRank .myRank .myRank_rankInfo dl.p_7 dd{color:#28b6b4}.rankingWrap.battleRank .myRank .myRank_rankInfo dl.p_5{width:350px;left:28px}.rankingWrap.battleRank .myRank .myRank_rankInfo dl.p_5 dd{color:#ee770f}.rankingWrap.battleRank .myRank .myRank_rankInfo dl.p_6{width:350px;left:443px}.rankingWrap.battleRank .myRank .myRank_rankInfo dl.p_7{width:350px;left:856px}.rankingWrap .rankListWrap .sort_zone_point{display:flex;height:25px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.rankingWrap .rankListWrap .sort_zone{display:flex;height:56px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.sort_zone ul{display:flex}.sort_zone::-webkit-scrollbar{height:5px}.sort_zone::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.sort_zone::-webkit-scrollbar-track{background-color:#f1f1f1}.rankingWrap .rankListWrap .sort_zone ul li{float:left;line-height:0;zoom:1;padding-top:18px}.rankingWrap.colosseumRank .rankListWrap .sort_zone ul li{width:210px}.rankingWrap .rankListWrap .sort_zone ul li:first-child a{width:53px}.rankingWrap.colosseumRank .rankListWrap .sort_zone ul li:first-child a{width:auto!important}.rankingWrap .rankListWrap .sort_zone ul li a{display:inline-block;font-size:16px;color:var(--color-gray-900);line-height:20px;padding:0 10px 0 30px;background-image:url('/inf/img/bu_dot.png');background-repeat:no-repeat;background-position:17px -2px}.rankingWrap .rankListWrap .sort_zone ul li a.active,.rankingWrap .rankListWrap .sort_zone ul li a:hover{font-weight:600;width:100%;color:#28b6b4;background-image:url('/inf/img/bu_chk.png');background-position:13px 0}.rankingWrap.colosseumRank .rankListWrap{padding-top:0}.rankingWrap.colosseumRank .rankListWrap .rankTable:last-child{margin-bottom:0}.rankingWrap .rankListWrap h3{display:none;height:35px;font-weight:600;font-size:18px;color:#252a31}.rankingWrap .rankListWrap h3 sub{vertical-align:middle;font-size:14px;color:#8f8986}.rankingWrap .rankListWrap .rankTable{position:relative;width:100%;margin-bottom:60px}.rankingWrap .rankListWrap .rankTable table{width:100%;border-top:2px solid #857e7a}.rankingWrap .rankListWrap .rankTable table thead th{position:relative;height:49px;font-weight:600;font-size:14px;color:var(--color-gray-900);background-color:rgba(143,137,134,.13);border-bottom:1px solid #837c78}.rankingWrap .rankListWrap .rankTable table thead th:before{content:'';display:block;position:absolute;width:15px;height:23px;top:0;right:-9px;background:url('/inf/img/ranktable.png') no-repeat}.event_menu .grd-next,.event_menu .grd-prev,.rankingWrap .rankListWrap .rankTable table tbody tr.empty>td:first-of-type:after,.rankingWrap .rankListWrap .rankTable table thead th:last-child:before,.tab_menu_type_inner .grd-next,.tab_menu_type_inner .grd-prev,.tab_sub_menu .grd-next,.tab_sub_menu .grd-prev{display:none}.rankingWrap .rankListWrap .rankTable table tbody tr>td:first-of-type:after{content:'';position:absolute;width:0;height:49px;top:0;left:0;background-color:rgba(143,137,134,.04);transition:width .3s linear;z-index:1}.rankingWrap .rankListWrap .rankTable table tbody tr:hover td:first-of-type:after{width:1240px}.rankingWrap .rankListWrap .rankTable table tbody tr.myPosition td{background-color:#fbfafa}.rankingWrap .rankListWrap .rankTable table tbody tr.myPosition:hover td:first-of-type:after{width:0}.rankingWrap .rankListWrap .rankTable table tbody tr.top3 .rankNum{font-size:0px;line-height:0;zoom:1;color:#fff}.rankingWrap .rankListWrap .rankTable table tbody tr.top3 .lvInfo{}.rankingWrap .rankListWrap .rankTable table .classInfo img{border-radius:50%;width:2.5rem;height:2.5rem;object-fit:cover;justify-self:center;margin:0 auto}.rankingWrap .rankListWrap .rankTable table .lvInfo img{border-radius:50%;width:2.4rem;height:2.4rem;object-fit:cover;position:absolute;top:.3rem}.rankingWrap.avalonRank .rankListWrap .rankTable table tbody tr.r1 .rankNum{background:url('/inf/img/r_1.png') center 0 no-repeat}.rankingWrap.avalonRank .rankListWrap .rankTable table tbody tr.r2 .rankNum{background:url('/inf/img/r_2.png') center 0 no-repeat}.rankingWrap.avalonRank .rankListWrap .rankTable table tbody tr.r3 .rankNum{background:url('/inf/img/r_3.png') center 0 no-repeat}.rankingWrap.battleRank .rankListWrap .rankTable table tbody tr.r1 .rankNum{background:url('/inf/img/battle_r_1.png') center 0 no-repeat}.rankingWrap.battleRank .rankListWrap .rankTable table tbody tr.r2 .rankNum{background:url('/inf/img/battle_r_2.png') center 0 no-repeat}.rankingWrap.battleRank .rankListWrap .rankTable table tbody tr.r3 .rankNum{background:url('/inf/img/battle_r_3.png') center 0 no-repeat}.rankingWrap.colosseumRank .rankListWrap .rankTable table tbody tr.r1 .rankNum{background:url('/inf/img/col_r_1.png') center center no-repeat}.rankingWrap.colosseumRank .rankListWrap .rankTable table tbody tr.r2 .rankNum{background:url('/inf/img/col_r_2.png') center center no-repeat}.rankingWrap.colosseumRank .rankListWrap .rankTable table tbody tr.r3 .rankNum{background:url('/inf/img/col_r_3.png') center center no-repeat}.rankingWrap .rankListWrap .rankTable table tbody td{position:relative;z-index:2;height:49px;font-size:16px;color:var(--color-gray-800);text-align:center;border-bottom:1px solid var(--color-gray-200)}.rankingWrap.colosseumRank .rankListWrap .rankTable table tbody td,.rankingWrap.colosseumRank .rankListWrap .rankTable table tbody tr>td:first-of-type:after{height:125px}.rankingWrap .rankListWrap .rankTable table tbody td.rankNum{color:#a5a5a5}.rankingWrap .rankListWrap .rankTable table tbody td.rankNum.r1,.rankingWrap .rankListWrap .rankTable table tbody td.rankNum.r2,.rankingWrap .rankListWrap .rankTable table tbody td.rankNum.r3{font-size:0px;line-height:0;zoom:1;background-position:center center;background-repeat:no-repeat}.rankingWrap .rankListWrap .rankTable table tbody td.rankNum.r1{background-image:url('/inf/img/col_r_1.png')}.rankingWrap .rankListWrap .rankTable table tbody td.rankNum.r2{background-image:url('/inf/img/col_r_2.png')}.rankingWrap .rankListWrap .rankTable table tbody td.rankNum.r3{background-image:url('/inf/img/col_r_3.png')}.rankingWrap .rankListWrap .rankTable table tbody .nickTxt{font-weight:600;font-size:18px;color:var(--color-gray-900)}.rankingWrap .rankListWrap .rankTable table tbody .nickTxt img{height:2.5rem;width:3.5rem;text-align:center;justify-self:anchor-center}.rankingWrap .rankListWrap .rankTable table tbody td.nickTxt a{font-weight:600;font-size:14px;color:var(--color-gray-900)}.rankingWrap .rankListWrap .rankTable table tbody td.nickTxt a:hover{color:#d9560e;text-decoration:underline}.rankingWrap .rankListWrap .rankTable table tbody td.nickTxt ul{width:86%;overflow:hidden;margin:0 auto}.rankingWrap .rankListWrap .rankTable table tbody td.nickTxt ul li{float:left;width:50%;text-align:center;line-height:32px}.rankingWrap .rankListWrap .rankTable table tbody td.lvInfo{font-weight:600;font-size:1rem;color:#28b6b4;}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo{text-align:left;padding-left:25px}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label{display:inline-block;vertical-align:middle;position:relative;height:41px}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label:after{content:'';background-size:auto 100%;background-position:left -2px;position:absolute;top:0;left:0;display:block;width:100%;height:26px}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label[classtitle=classLv_1]:after{background-image:url('/inf/img/Small_star1.png')}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label[classtitle=classLv_2]:after{background-image:url('/inf/img/Small_star2.png')}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label[classtitle=classLv_3]:after{background-image:url('/inf/img/Small_star3.png')}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label[classtitle=classLv_4]:after{background-image:url('/inf/img/Small_star4.png')}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label[classtitle=classLv_5]:after{background-image:url('/inf/img/Small_star5.png')}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo label img{margin-right:0;border-radius:0}.rankingWrap .rankListWrap .rankTable table tbody td.jobInfo span{display:inline-block;vertical-align:middle;padding:2px 0 0 6px;text-align:center}.rankingWrap .rankListWrap .rankTable table tbody td.winPoint{font-size:18px;color:#000;text-align:center}.rankingWrap .rankListWrap .rankTable table tbody td.totalPoint{font-weight:600;font-size:18px;color:#a5a5a5;text-align:right;padding-right:30px}.rankingWrap .rankListWrap .rankTable table tbody td.killCount,.rankingWrap .rankListWrap .rankTable table tbody td.killPoint{font-weight:600;font-size:18px;color:#a5a5a5;text-align:right;padding-right:25px}.rankingWrap .rankListWrap .rankTable table tbody td.timeInfo{font-weight:600;font-size:18px;color:#a5a5a5}.rankingWrap .rankListWrap .rankTable table tbody tr.empty td{padding:250px 0}.event_menu,.tab_menu_type_inner,.tab_sub_menu{zoom:1;border-width:0 0 1px;border-style:solid;border-color:#888 transparent #dfdfdf;background-color:#f3f3f3;position:relative;height:34px;top:-9px;left:-11px}.event_menu:after,.event_menu:before,.tab_menu_type_inner:after,.tab_menu_type_inner:before,.tab_sub_menu:after,.tab_sub_menu:before{content:'';display:table}.event_menu:after,.tab_menu_type_inner:after,.tab_sub_menu:after{clear:both}.event_menu li:first-child,.tab_menu_type_inner li:first-child,.tab_sub_menu li:first-child{border-left:1px solid #dfdfdf}.event_menu li.active,.event_menu li.on,.tab_menu_type_inner li.active,.tab_menu_type_inner li.on,.tab_sub_menu li.active,.tab_sub_menu li.on{position:relative;margin-bottom:-1px}.event_menu li.active a,.event_menu li.on a,.tab_menu_type_inner li.active a,.tab_menu_type_inner li.on a,.tab_sub_menu li.active a,.tab_sub_menu li.on a{font-weight:700;color:#333;background-color:#fff;border-bottom:1px solid #fff}.event_menu a,.tab_menu_type_inner a,.tab_sub_menu a{display:block;padding:8px 29px 9px;border-right:1px solid #dfdfdf;font-size:12px;color:#888;text-decoration:none}.event_menu a:hover,.tab_menu_type_inner a:hover,.tab_sub_menu a:hover{background-color:#e5e5e5}.counting{font-size: 2.5rem;margin-left: 1rem;margin-top: 0.5rem;font-weight: 600;color: #28b6b4;}