body,html{background:#1f1b3d;padding:0;margin:0;background:#1b1c20 url(/build/assets/bigBg@2x-Cr9QmPbO.png) no-repeat;background-size:100%100%}ul,li,h1{list-style:none;margin:0;padding:0;font-weight:500}a:active{background-color:transparent;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}div,p{box-sizing:border-box}a{text-decoration:none}.header{padding:40px 0 22px}.headMain{display:flex;align-items:center;max-width:1198px;height:80px;margin:0 auto}.logo{width:80px;height:80px;margin-right:32px}.headMain h1 span{width:40px;height:40px;background:#3fd3d3;border-radius:8px;display:inline-block;margin-right:20px}.headMain h1{display:flex;align-items:center;font-size:28px;color:#fff}.headMain ul{display:flex;align-items:center;margin-left:90px}.headMain ul li{margin-left:76px}.headMain ul li a{position:relative;color:#fff;text-decoration:none;font-size:22px}.headMain ul li a.active{color:#3fd3d3}.ulTwo{margin-left:auto!important}.ulTwo li{margin-left:107px!important}.text-dom{border:none;overflow:hidden;position:absolute;top:-16px;left:116px;text-decoration:none;width:99px;height:28px;background:linear-gradient(90deg,#faa,#ff82b8);border-radius:100px 100px 100px 0;font-size:12px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center}.main{max-width:1198px;margin:34px auto;display:flex}.simple-swiper-container{margin:auto;overflow:hidden;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.simple-swiper-container>.swiper-wrapper{width:100%;height:100%;position:relative}.simple-swiper-container>.swiper-wrapper>.swiper-slider{overflow:hidden;position:absolute;left:0;top:0;height:100%}.swiper-slider .through{pointer-events:none}.simple-swiper-container>.swiper-wrapper>.through{cursor:grab!important}.simple-swiper-container>.swiper-wrapper>.swiper-slider>.swiper-items img{border:none}.simple-swiper-container>.swiper-wrapper>.swiper-slider>.swiper-items{vertical-align:top;text-align:center;border-radius:10px}.simple-swiper-container>.pagination{position:absolute;bottom:0;width:100%;height:auto;z-index:5;text-align:center}.pagination .pagination-items{display:inline-block;height:8px;width:8px;margin-left:5px;margin-right:5px;box-sizing:border-box;cursor:pointer;background-color:#b4b4b4;border-radius:50%}.pagination .pagination-items-active{background-color:#000}.no-click a{pointer-events:none}.swiper-cube-wrapper>.swiper-slider{position:relative;border:1px solid;box-sizing:border-box;transform-style:preserve-3d;transform:rotateX(80deg)}#swiper-demo{width:796px;height:300px;margin-left:0}#swiper-demo img{width:100%;height:100%;object-fit:fill;border-radius:12px}.simple-swiper-container{border:none}.swiper-items{flex-direction:row}.main-rank{position:relative;width:375px;border-radius:12px;background:url(/build/assets/bg@2x-rSmvUik4.png) no-repeat;background-size:100%;text-align:left;padding:70px 10px 12px;box-sizing:border-box}.ranklogo{width:211px;height:34px}.rank-title{font-size:28px;color:#fff;text-align:center;display:flex;align-items:center}.rankImg{position:absolute;right:20px;width:70px;transform:rotate(45deg)}.rankHead ul{display:flex;align-items:center;margin-left:20px}.rankHead ul li{position:relative;left:0;font-size:14px;color:#fff}.rankHead li img{width:24px;height:24px;border-radius:50%;border:2px solid rgb(255,255,255)}.rank-list{display:flex;align-items:center;border-radius:10px;margin-top:20px}.rank-list li img{width:110px;height:110px;border-radius:20px}.rank-list li{position:relative;margin-right:12px}.rank-list li a{position:relative;color:#fff}.tagBox{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:14px 0;color:#fff;width:47px;height:20px}.bg1{background:linear-gradient(180deg,#b37feb,#91b4ff)}.bg2{background:linear-gradient(180deg,#ffd474,#ffa940)}.bg3{background:linear-gradient(180deg,#f759ab,#ffadd2)}.bg4{background:linear-gradient(180deg,#5ddbd3,#4ff)}.rank-text{color:#101010;font-weight:600;font-size:14px;padding-left:10px}.rank-text .line1{width:96px;height:17px;font-family:PingFangSC,PingFang SC;font-weight:500;font-size:12px;color:#3a3a3a;line-height:17px;font-style:normal;margin:4px 0 0}.rank-text p:last-child{position:absolute;top:86px;left:0;color:#fff;font-size:10px;font-weight:500;width:110px;height:24px;line-height:24px;text-align:center;background:linear-gradient(180deg,#0000,#000);opacity:.8;border-radius:0 0 20px 20px;margin:0}.tatleDiv{width:100%;text-align:center;font-size:24px;color:#fff}.tatleDiv img:first-child{display:block;margin:0 auto;width:217px;height:33px}.tatleDiv img:last-child{display:block;margin:15px auto 0;width:128px;height:27px}.tatleDivs{color:#fff;font-size:20px}.mains{display:block}#juList{width:100%;background:none;display:block;padding:0}#juList li{display:inline-block;margin-bottom:35px;margin-right:10px}#juList li img{width:186px;height:186px;border-radius:14px}#juList li:nth-child(6n){margin-right:0}#juList .rank-text{color:#fff;font-weight:400;font-size:20px;width:170px;padding-left:0}.downApp{width:364px;height:60px;border-radius:36px;border:2px solid #3fd3d3;text-align:center;line-height:60px;font-size:18px;color:#3fd3d3;margin:0 auto 46px}.downApp a{color:#3fd3d3}.downApp img{width:18px;height:12px;margin-left:14px}.footer{text-align:center;background:#ffffff1a;padding:52px 0 32px;font-size:13px;height:160px;box-sizing:border-box;background:#1b1c20}.footer .footer-logo{font-weight:400;font-size:20px;color:#d1d1d1}.footer .footer-text{color:#d1d1d1;display:flex;align-items:center;justify-content:center;font-size:20px}.footer .footer-text a{color:#3fd3d3;margin-left:20px;font-size:20px}.mainsDown{background:url(/build/assets/10@2x-DnL9Npkj.png) no-repeat;background-size:100%;height:700px;margin:0 auto}.boxtwo{display:flex;background:url(/build/assets/9@2x-D4jFaXqZ.png) left bottom no-repeat;background-size:46%;height:700px;width:1198px;z-index:1}.container-right{margin-left:auto;color:#3fd3d3;position:relative;transform:translateY(20%)}.container-right .h1{display:block;width:420px;height:72px}.container-right .h3{display:block;width:355px;height:51px;margin-top:55px}.container-right .title{font-size:28px;color:#fff;text-align:center;display:flex}.container-right .p{color:#fff!important;margin-top:100px;font-weight:500;font-size:20px;line-height:28px}.container-right .items,.openBox .items{display:flex;align-items:center}.container-right .items .img,.openBox .items .img{width:161px;height:170px;margin-right:24px;padding:12px 12px 26px;background:#fff;border-radius:20px;font-size:12px;color:#3fd3d3;text-align:center}.container-right .items .img img,.openBox .items .img img{width:100%;height:100%}.openBox .items img{width:150px;height:150px;margin-right:24px}.container-right .right p,.openBox .right p{background:#fff;font-size:12px;text-align:center;color:#212121;width:175px;height:53px;line-height:53px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.openBox .right p,.openBox a{border:1px solid #ededed!important}.container-right .right p img,.openBox .right p img{width:24px;height:24px;margin-right:12px}.container-right .right li,.openBox .right li{display:inline-block;text-align:center;font-size:12px;color:#fff}.container-right .right li a,.openBox .right li a{position:relative;color:#212121;display:block;margin-bottom:4px;width:70px;height:70px;background:#fff;border-radius:10px;padding-top:10px;box-sizing:border-box}.container-right .right li a .text-dom,.openBox .right li a .text-dom{position:absolute;right:0;left:74px;width:60px}.container-right .right li a img,.openBox .right li a img{display:block;width:26px;height:32px;margin:0 auto}.detail-main{position:relative;max-width:1198px;margin:0 auto;border-radius:31px}.detail-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:31px;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.detail-box{position:relative;max-width:1198px;margin:0 auto;z-index:1;padding:24px;display:flex;color:#fff}.detail-right{margin-left:24px}.detail-img{position:relative}.detail-img img{width:271px;height:271px;border-radius:15px}.detail-H1{font-size:30px}.detail-ul li{display:inline-block;padding:5px 12px;font-size:14px;margin:11px 10px 0 0;background:#ffffff26;border-radius:5px}.rankStyle{background:#43ffff26!important;color:#3fd3d3}.detail-p{margin:18px 0}.detail-p span,.detail-div span{color:#3fd3d3}.detail-div{line-height:26px}.detail-button{width:247px;height:44px;background:#4ff;border-radius:12px;font-weight:700;font-size:26px;text-align:center;border:none;margin-top:12px;font-weight:500;font-size:14px;color:#1f1b3d}.list-ul li{display:inline-block;margin:20px 12px 0 0;background:#ffffff1a;font-size:14px;color:#fff;padding:14px 18px;box-sizing:border-box;width:160px;background:#363251;border-radius:7px}.list-ul li p{margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.line2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.line3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}.openMask{display:none;background:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.openBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px 30px;z-index:1000;width:480px;box-sizing:border-box;background:#f9f9f9;border-radius:32px;border:1px solid #979797}.openBox p{color:#686a6e!important;background:linear-gradient(97deg,#6ef2ff,#fff)}.openBox h4{margin-top:10px}.colse{position:absolute;top:20px;right:20px;cursor:pointer;width:18px;height:18px}.openBox li{color:#1f1b3d!important}.openBox a{border:1px solid #1f1b3d;color:#1f1b3d!important}@media screen and (max-width: 414px){.headMain,.main{max-width:100%;padding:0 8px}.openBox .items img{margin-right:12px}.main{display:inline-block;margin:12px auto;box-sizing:border-box;width:100%}.headMain h1 span{margin-right:8px}.headMain h1{font-size:14px}.headMain ul{margin-left:auto}.headMain ul li{margin-left:6px!important}.headMain ul li a{font-size:12px}#juList .rank-text{width:100%}.headMain{height:auto}.header{padding-top:10px}.logo{width:40px;height:40px;margin-right:10px}.text-dom{display:none}.main-rank{width:100%;padding:20px 10px}.rank-title{font-size:16px}.rank-list{padding:20px 10px 10px}.rankImg{right:8px}.rank-list li img{width:100%;height:100%}.rank-list li:nth-child(3n){margin-right:0}.rank-text{padding-left:0}.rank-text p{margin:6px 0}#swiper-demo{width:100%;height:120px;margin-bottom:12px}#juList{display:flex;justify-content:space-between;flex-wrap:wrap}#juList li{display:inline-block;width:31%;flex:0 0 31%;margin-right:0}#juList li img{width:100%;height:100%}#juList .rank-text{font-size:13px}.downApp{width:90%;font-size:16px}.list-ul li{padding:6px 12px;margin:10px 6px 0 0}.detail-img img{width:100px;height:100px;margin-right:12px}.detail-img,.detail-main{margin:0 10px}.detail-box{display:block;padding:20px 10px;max-width:100%}.detail-div{font-size:14px;line-height:20px}.detail-ul li{font-size:12px}.detail-right{margin:0 10px}.detail-H1{font-size:18px;position:absolute;top:20px;left:126px;padding-left:16px}.detail-button{margin:20px auto 0;width:100%;height:50px;font-size:16px}.mainsDown{background:none;height:480px}.container-right .p{margin-top:40px}.footer{padding:10px 0;height:auto}.footer .footer-logo,.footer .footer-text a,.footer .footer-text p{font-size:12px}.rank-list{margin-top:24px}.rank-text p:last-child{top:76px;width:98px}.boxtwo{width:100%;max-width:100%;background:none;height:auto}.container-right .h1{width:80%;height:auto;margin:0 auto}.container-right .h3{width:60%;height:auto;margin:30px auto}.openBox{width:96%;padding:4px 20px 14px}.openBox p{width:156px!important}.openBox li:last-child{margin-left:4px!important}.openBox .items .img{padding:10px;width:100%;height:auto}.list-ul li{width:47%}}