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:1%;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/mztx/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:#f59212;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);padding:13px 20px;font-family:ZCOOL KuaiLe,cursive;background:url(/assets/images/mztx/page-item-bg.png) no-repeat;background-size:100% 100%;background-position:center -4px}.page-indicator .items .nav-active{background-image:url(/assets/images/mztx/nav-active.png);background-size:100% 100%;background-repeat:no-repeat!important;background-position:center -5px!important;padding:22px 40px}.kefu{position:absolute;bottom:1%;right:1%}.home{position:relative}.home .home-banner{height:100vh}.home .download{position:absolute;left:50%;transform:translate(-50%);bottom:30px;background:url(/assets/images/mztx/download-bg.png) no-repeat;background-size:100% 100%}.home .download .dowload-wrapper{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:10px}.home .download .dowload-wrapper .left img:hover{transform:scale(1.08)}.home .download .dowload-wrapper .center{display:flex;flex-direction:column;align-items:center}.home .download .dowload-wrapper .right{display:flex;gap:5px}.home .download .dowload-wrapper .right .qr-text{display:flex;align-items:center}.home .home-logo{position:absolute;display:flex;gap:30px;top:8%;left:4%}.roles-info{height:100vh!important;background:url(/assets/images/mztx/occ-bg.png);background-repeat:no-repeat;background-size:cover}.roles-info .roles-content{display:flex;height:100vh;margin-left:50px}.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 .image-switcher{position:absolute;right:-120px}.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/mztx/circle-bg.png) no-repeat;background-size:73% 85%;background-position:110px 70px;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:-520px}.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/mztx/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/mztx/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/mztx/news-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;padding-bottom:30px}.feature .banner-container .banner-wrap{height:100%;display:flex;justify-content:center;align-items:center;width:1245px;height:710px;background-image:url(/assets/images/mztx/border.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1;margin-left:4%}.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;margin-right:-80px}.feature .banner-container .arrow-wrapper .prev-banner{cursor:pointer;width:64px;height:64px;background:url(/assets/images/mztx/arrow-up.png) no-repeat;background-size:100% 100%}.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/mztx/arrow-down.png) no-repeat;background-size:100% 100%}.news{height:100vh;position:relative;background:url(/assets/images/mztx/news-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;min-width:500px}.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;min-width:100px;white-space:nowrap}.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;width:1370px;height:470px;background:url(/assets/images/mztx/news-wrapper-bg.png) no-repeat;background-size:100% 100%}.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/mztx/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{display:flex;align-items:center;cursor:pointer}.news .news-container .news-wrapper .left-banner .controls .heng-line{display:flex;align-items:center}.news .news-container .news-wrapper .left-banner .controls .next{transform:rotate(180deg);display:flex;align-items:center;cursor:pointer}.news .news-container .news-wrapper .right-news-list{font-size:22px;font-family:ZCOOL KuaiLe,cursive;margin-left:-40px;width:780px;padding:0 20px}.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-info .news-til:hover{color:#a50100}.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}