a{text-decoration:none;outline:none;color:inherit}ul{list-style:none;padding:0;margin:0}.scroll-container{width:100%;height:100vh;overflow:hidden;position:relative}.page-wrapper{width:100%;transition:transform 1s ease-in-out}.page{width:100%;height:100vh!important;display:flex;flex-direction:column;box-sizing:border-box}.page-indicator{position:fixed;left:3%;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;justify-content:center}.page-indicator .game-logo{margin:10px 0}.page-indicator .items{background:url(/assets/images/rxjh/page-bg.png) no-repeat;background-position:center;background-size:contain;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.page-indicator .items .item{cursor:pointer;color:#fefeda;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);padding:20px;font-family:ZCOOL KuaiLe,cursive;background:url(/assets/images/rxjh/page-item-bg.png) no-repeat;background-size:100% 100%;background-position:center -6px}.page-indicator .items .nav-active{background-image:url(/assets/images/rxjh/nav-active.png);background-size:100% 100%;background-repeat:no-repeat!important;background-position:center -5px!important}.kefu{position:absolute;bottom:1%;right:1%}.home{position:relative}.home .home-banner{height:100vh}.home .play-btn{position:absolute;left:50%;top:50%;width:100px;height:100px;background:url(/assets/images/rxjh/play-btn.png) no-repeat;background-position:top;background-size:100% 100%;cursor:pointer;animation:rotate 3s linear infinite;display:flex;justify-content:center;align-items:center}.home .play-btn img{width:55%;height:55%}.home .play-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:950px;height:534px;z-index:99999}.home .play-video .video-close{position:absolute;top:10px;right:10px;cursor:pointer}.home .download{width:543px;height:150px;position:absolute;left:50%;transform:translate(-50%);bottom:50px;background:url(/assets/images/rxjh/download-bg2.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center;padding:0 10px;gap:10px}.home .download img{width:95%;height:auto}.home .download img:hover{transform:scale(1.05)}.home .download .start-game a{display:flex;justify-content:center;align-items:center}.home .download .start-game img{width:85%;height:auto}.home .download .left{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.home .download .left .top,.home .download .left .bottom{text-align:center}.home .download .right{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.home .download .right .top,.home .download .right .bottom{text-align:center}.home .home-logo{position:absolute;display:flex;gap:30px;top:6%;left:17%}.roles-info{height:100vh!important;position:relative;background:url(/assets/images/rxjh/occ-bg.png);background-repeat:no-repeat;background-size:cover}.roles-info .roles-content{display:flex;height:100vh}.roles-info .roles-content .left-area{display:flex;position:relative;flex:1;padding-left:100px}.roles-info .roles-content .left-area .roles-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;width:700px;height:100%;text-align:center;position:absolute;z-index:9999}.roles-info .roles-content .left-area .roles-detail .role-type{display:flex;justify-content:center}.roles-info .roles-content .left-area .roles-detail .role-type .role-type-container{background:url(/assets/images/mztx/role-info-bg.png) no-repeat;background-size:100% 100%;width:415px;height:auto}.roles-info .roles-content .left-area .roles-detail .occ-video-container{width:100%;display:flex;justify-content:center}.roles-info .roles-content .left-area .roles-detail .occ-video-container .occ-video{background:url(/assets/images/rxjh/video-bg.png) no-repeat;background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:380px;height:210px}.roles-info .roles-content .left-area .roles-detail .occ-video-container .occ-video video{width:98%!important}.roles-info .roles-content .left-area .image-switcher{position:absolute;right:20px}.roles-info .roles-content .left-area .image-switcher .image-container{height:100vh;display:flex;align-items:center}.roles-info .roles-content .left-area .image-switcher .image-container .image-wrapper{cursor:pointer;transition:transform .3s ease}.roles-info .roles-content .left-area .image-switcher .image-container .image-wrapper:hover{transform:translateY(-5px)}.roles-info .roles-content .left-area .image-switcher .image-container .image-wrapper img{width:auto;height:800px;object-fit:cover;border-radius:8px;transition:filter .5s ease}.roles-info .roles-content .left-area .image-switcher .image-container .image-wrapper img.grayscale{filter:grayscale(100%)}.roles-info .roles-content .right-area{width:400px;height:100vh;background:url(/assets/images/rxjh/circle-bg.png) no-repeat;background-size:90% 85%;background-position:60px 80px;display:flex;justify-content:center;align-items:center}.roles-info .roles-content .right-area .circle-wrapper{display:flex;justify-content:center;align-items:center;height:800px;margin-right:-400px}.roles-info .roles-content .right-area .circle-wrapper .circle-container{position:relative;width:600px;height:600px;display:flex;justify-content:center;align-items:center}.roles-info .roles-content .right-area .circle-wrapper .circle{background:url(/assets/images/rxjh/circle-item-bg.png) no-repeat;background-size:contain;position:absolute;width:120px;height:120px;border-radius:50%;cursor:pointer;transition:transform .5s ease;display:flex;justify-content:center;align-items:center;color:#fee777;font-weight:700;font-size:40px;font-family:ZCOOL KuaiLe,cursive}.roles-info .roles-content .right-area .circle-wrapper .circle-active{background:url(/assets/images/rxjh/circle-active-bg.png) no-repeat!important;background-size:100% 100%!important;width:200px!important;height:200px!important;font-size:45px!important}.feature{height:100vh;position:relative;background:url(/assets/images/rxjh/occ-bg.png);background-repeat:no-repeat;background-size:cover;display:flex}.feature .banner-container{height:100vh;display:flex;justify-content:center;align-items:center;gap:37px}.feature .banner-container .banner-wrap{height:100%;display:flex;justify-content:center;align-items:center;width:1245px;height:710px;background-image:url(/assets/images/rxjh/border.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1}.feature .banner-container .banner-wrap .pic-banner{width:96.4%;height:auto;text-align:center}.feature .banner-container .arrow-wrapper{display:flex;flex-direction:column;justify-content:space-between}.feature .banner-container .arrow-wrapper .prev-banner{cursor:pointer;width:64px;height:64px;background:url(/assets/images/rxjh/prev.png) no-repeat}.feature .banner-container .arrow-wrapper .line{margin:20px 0;display:flex;justify-content:center}.feature .banner-container .arrow-wrapper .next-banner{cursor:pointer;width:64px;height:64px;background:url(/assets/images/rxjh/prev.png) no-repeat;transform:rotate(180deg)}.news{height:100vh;position:relative;background:url(/assets/images/rxjh/occ-bg.png);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center}.news .news-container{padding-left:350px;padding-right:200px;position:relative}.news .news-container .news-head{position:absolute;top:-60px;left:980px;display:flex;justify-content:center;align-items:center;gap:20px}.news .news-container .news-head ul{display:flex}.news .news-container .news-head ul .news-title{padding:7px 25px;position:relative;font-family:ZCOOL KuaiLe,cursive;font-size:24px;color:#9a5b0a;border:1px solid #B27A29;background-color:#f3ddae}.news .news-container .news-head ul .news-title-active{color:#fdeec3!important;background-color:#a92e29}.news .news-container .news-head ul .news-more{padding:10px 25px;font-family:ZCOOL KuaiLe,cursive;font-size:23px;color:#4e87b9}.news .news-container .news-wrapper{display:flex;justify-content:center;border:2px solid #D7BD74;width:1370px;height:470px}.news .news-container .news-wrapper .left-banner{position:relative;top:-60px;left:-60px;padding:2px}.news .news-container .news-wrapper .left-banner .banner-wrapper{background:url(/assets/images/rxjh/border.png);background-size:100% 100%;overflow:hidden}.news .news-container .news-wrapper .left-banner .banner-wrapper .banner-content{height:450px;width:610px;margin:12px}.news .news-container .news-wrapper .left-banner .controls{display:flex;justify-content:center;padding-top:10px}.news .news-container .news-wrapper .left-banner .controls .prev{transform:rotate(270deg)}.news .news-container .news-wrapper .left-banner .controls .next{transform:rotate(90deg)}.news .news-container .news-wrapper .right-news-list{font-size:22px;font-family:ZCOOL KuaiLe,cursive;margin-left:-40px;width:780px}.news .news-container .news-wrapper .right-news-list ul .news-item{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-bottom:2px solid #E4D09E}.news .news-container .news-wrapper .right-news-list ul .news-item .news-info .news-til{line-height:1.5;max-height:3em;color:#9a5905;font-weight:700;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news .news-container .news-wrapper .right-news-list ul .news-item .news-date{color:#9a5905;background-size:95% 100%;text-align:center}.news .home-footer-gap{height:100px}.news .home-footer{margin-top:100px;width:100%;position:absolute;bottom:0}