@import "https://img1.tiancitycdn.com/mh/homepage/v8/css/base.css";html body{width:100%;font-family:Microsoft Yahei;background:#383838}#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:#c0c0c0;text-align:center}.issw{margin:0 auto !important}.wraper{width:100%;height:1013px;margin:32px auto 0;min-width:1380px;max-width:1920px;color:#000;position:relative;overflow:hidden}.wraper .content{width:100%;height:100%;margin:0 auto;position:relative;font-size:16px;background:url(../images/bg-body.jpg) no-repeat center top}.wraper #obindex{width:131px;height:81px;top:35px;left:50%;margin-left:-463px;position:absolute;background:url(../images/logo.png) no-repeat;text-indent:-999em;overflow:hidden;display:block;z-index:6}.wraper .layer .npc{width:1920px;height:1013px;top:0;left:50%;margin-left:-960px;position:absolute;background:url(../images/npc.png) no-repeat;z-index:3}.wraper .layer .slogan-bg{width:1920px;height:1013px;top:0;left:50%;margin-left:-960px;position:absolute;background:url(../images/slogan-bg.png) no-repeat;z-index:2}.wraper .layer .cover{width:1920px;height:1013px;top:0;left:50%;margin-left:-960px;position:absolute;background:url(../images/cover.png) no-repeat;z-index:5;animation:scaleing 10s ease-in-out infinite}.wraper .layer .slogan{width:733px;height:270px;top:230px;left:50%;margin-left:-366px;position:absolute;background:url(../images/slogan.png) center center / cover no-repeat;z-index:8}.wraper .layer .mouse{width:169px;height:116px;bottom:10px;left:50%;margin-left:-85px;position:absolute;background:url(../images/mouse.png) no-repeat;z-index:4;animation:eff_up 2s ease-in-out infinite}.wraper .layer .box-bg{width:1920px;height:1013px;top:0;left:50%;margin-left:-960px;position:absolute;background:url(../images/bg-box.png) no-repeat;z-index:7}.wraper.show .layer .slogan{top:10px;transform:scale(.85);transform-origin:center center}.wraper.show .layer .slogan-bg,.wraper.show .layer .mouse,.wraper.show .layer #obindex{opacity:0}.wraper.show .layer .cover,.wraper.show .layer .mouse{animation:none}.wraper .rank-box{width:1920px;height:1013px;top:0;left:50%;margin-left:-960px;position:absolute;z-index:8}.wraper .rank-box .role-btn{height:100px;width:650px;transform:rotate(90deg);position:absolute;left:50%;top:566px;margin-left:-930px}.wraper .rank-box .role-btn .main-swiper{height:100px;width:650px;overflow:hidden}.wraper .rank-box .role-btn .main-swiper .swiper-wrapper .swiper-slide{width:50px;height:100px;position:relative}.wraper .rank-box .role-btn .main-swiper .swiper-wrapper .swiper-slide a{width:100px;height:50px;padding-left:35px;font-size:14px;display:flex;align-items:center;box-sizing:border-box;position:absolute;left:-25px;top:25px;transform:rotate(-90deg);color:#fff;background:url(../images/role-btn.png) no-repeat left center}.wraper .rank-box .role-btn .main-swiper .swiper-wrapper .swiper-slide.on a{color:#6cddff}.wraper .rank-box .role-btn .swiper-button-prev,.wraper .rank-box .role-btn .swiper-button-next{width:48px;height:48px;margin-top:17px;outline:none;background:url(../images/role-arr.png) center top / contain no-repeat;box-sizing:border-box}.wraper .rank-box .role-btn .swiper-button-prev::after,.wraper .rank-box .role-btn .swiper-button-next::after{display:none}.wraper .rank-box .role-btn .swiper-button-prev:hover,.wraper .rank-box .role-btn .swiper-button-next:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}.wraper .rank-box .role-btn .swiper-button-prev{left:-47px;transform:rotateY(180deg)}.wraper .rank-box .role-btn .swiper-button-next{right:-47px}.wraper .rank-box .rank-list{width:935px;height:692px;position:absolute;left:50%;top:270px;margin-left:-560px}.wraper .rank-box .rank-list .tab{width:765px;height:50px;margin:57px auto 0;background:#242d63;border-radius:10px;display:flex}.wraper .rank-box .rank-list .tab a{width:255px;height:50px;position:relative;text-indent:-9999px}.wraper .rank-box .rank-list .tab a::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0}.wraper .rank-box .rank-list .tab a:nth-child(1)::after{background:url(../images/bg-tab-txt.png) no-repeat center left}.wraper .rank-box .rank-list .tab a:nth-child(2)::after{background:url(../images/bg-tab-txt.png) no-repeat center center}.wraper .rank-box .rank-list .tab a:nth-child(3)::after{background:url(../images/bg-tab-txt.png) no-repeat center right}.wraper .rank-box .rank-list .tab a.on{background:url(../images/bg-tab.png)}.wraper .rank-box .rank-list .head{width:640px;height:30px;margin:30px auto 25px;display:flex;justify-content:center;align-items:center}.wraper .rank-box .rank-list .head span{width:188px;text-align:center;color:#225ea2;font-size:24px;font-weight:bold;font-family:Georgia,'Times New Roman',Times,serif;text-shadow:1px 1px 1px #225ea2}.wraper .rank-box .rank-list .head span:nth-child(2){width:264px;border-left:2px solid #2b64a6;border-right:2px solid #2b64a6;box-sizing:border-box}.wraper .rank-box .rank-list .list{width:640px;margin:0 auto;position:relative}.wraper .rank-box .rank-list .list .box{width:100%;height:400px;position:absolute;left:0;top:0;display:none}.wraper .rank-box .rank-list .list .box ul{height:400px;overflow:hidden;overflow-y:auto}.wraper .rank-box .rank-list .list .box ul li{width:640px;display:flex;font-size:18px;line-height:40px}.wraper .rank-box .rank-list .list .box ul li span{width:188px;text-align:center}.wraper .rank-box .rank-list .list .box ul li span:nth-child(2){width:264px;box-sizing:border-box;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wraper .rank-box .rank-list .arr{width:45px;height:73px;background:url(../images/btn-arr.png) no-repeat;position:absolute;top:330px;text-indent:-9999px}.wraper .rank-box .rank-list .arr.Prev{left:76px;background-position:0 0}.wraper .rank-box .rank-list .arr.Next{right:76px;background-position:-45px 0}.wraper .rank-box .rank-list .arr:hover{background-position-y:-73px}.wraper .rank-box .rank-list .tips{width:100%;position:absolute;left:0;bottom:35px;text-align:center;color:#565656;font-size:14px}.wraper .rank-box .rank-list .role{width:1920px;height:1013px;top:-270px;left:-397px;position:absolute;z-index:-1}.wraper .content,.layer .npc,.layer .slogan-bg,.wraper .box-bg,.wraper .rank-box{opacity:0;filter:blur(10px);transform:scale(1.2)}.layer .slogan{opacity:0;filter:blur(10px);transform:scale(.7)}.load_complate .content,.load_complate .layer .npc,.load_complate .layer .slogan-bg,.load_complate .layer .slogan,.show .layer .box-bg,.show .rank-box{filter:blur(0);transform:scale(1);opacity:1;transition:all 1s ease}.load_complate .content{transition-delay:.1s}.load_complate .layer .npc{transition-delay:.2s}.load_complate .layer .slogan-bg{transition-delay:.3s}.load_complate .layer .slogan{transition-delay:.4s}.show .layer .slogan{transition:all .5s ease}.show .layer .box-bg{transition-delay:.3s;transition:all .5s ease}.show .rank-box{transition-delay:.4s;transition:all .5s ease}@keyframes scaleing{0%,100%{transform:scale(1);filter:blur(0)}50%{transform:scale(1.09);filter:blur(1px)}}@keyframes eff_up{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-box{scrollbar-color:#92ceff #233249;scrollbar-face-color:#92ceff;scrollbar-highlight-color:#233249}.scroll-box::-webkit-scrollbar{width:10px;height:10px}.scroll-box::-webkit-scrollbar-track{background:#233249}.scroll-box::-webkit-scrollbar-thumb{background:#92ceff}