@font-face{font-family:"3387font";src:url(data:application/font-sfnt;base64,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);font-display:swap}html{background-color:#ebeced}.Home{min-width:1280px}.Home .main{background:0 0;margin:0 auto;padding-top:100px;position:relative}.Home .main .download-guide{background:url(/browse/aHR0cHM6Ly9yZXMuMzM4Ny5jb20/resource/react-pc-site/images/download-bg.ecad07fb.png) 50%/contain no-repeat;border-radius:16px;width:240px;height:426px;position:absolute;top:0;right:calc(50% - 900px)}.swiper-left,.swiper-right{cursor:pointer;color:#b0b0b0;z-index:11;background:rgba(255,255,255,.5);border-radius:48px;justify-content:center;align-items:center;width:34px;height:48px;transition:color,background .3s ease-out;display:flex}.swiper-left:hover,.swiper-right:hover{color:rgba(0,0,0,.64);background:#fff}.swiper-left svg,.swiper-right svg{line-height:0}.swiper-right svg{transform:rotate(180deg)}.game-block{width:1280px;margin:0 auto 23px}.game-block .bg-title{z-index:2;background-image:url(/browse/aHR0cHM6Ly9yZXMuMzM4Ny5jb20/resource/react-pc-site/images/bg-home-game-block-top-l.adf4f7ef.png);background-repeat:no-repeat;background-size:100%;width:1280px;height:200px;position:relative}.game-block .bg-title .block-more{cursor:pointer;color:rgba(0,0,0,.6);background:rgba(255,255,255,.3);border-radius:15px;align-items:center;height:31.5px;padding:0 6px 0 12px;font-size:16px;display:flex;position:absolute;top:16px;right:15px}.game-block .bg-title .block-more:hover{color:#ff4f5b;background:#fff}.game-block .bg-title .block-more:hover svg{color:#ff4f5b}.game-block .bg-title .block-more:hover svg rect{fill:rgba(255,79,91,.05)}.game-block .bg-title .block-more svg{color:rgba(0,0,0,.6)}.game-block .bg-title .block-more svg rect{fill:rgba(0,0,0,.05)}.game-block .bg-title .block-more svg{margin-left:10px}.game-block .bg-title .block-title{color:#ff4f5b;align-items:center;padding-top:14.5px;padding-left:17px;font-size:28px;font-weight:700;display:flex;position:relative}.game-block .bg-title .block-title .title-text{margin-left:9px;margin-right:8px}.game-block .bg-title .block-title .title-sub-text{color:rgba(0,0,0,.87);margin-left:8px}.game-block .bg-content{z-index:2;background:#f4f5f6;border-radius:0 0 24px 24px;justify-content:center;width:100%;display:flex;position:relative}.game-block.m{width:1000px}.game-block.m .bg-title{background-image:url(/browse/aHR0cHM6Ly9yZXMuMzM4Ny5jb20/resource/react-pc-site/images/bg-home-game-block-top-m.d29c4444.png);width:1000px}.game-swiper-wrap{width:100%;margin-top:-122px;position:relative}.game-swiper-wrap .game-swiper{box-sizing:border-box;margin:0 49px;padding:3px 10px 32px}.game-swiper-wrap .swiper-left{position:absolute;top:50%;left:15px;transform:translateY(-50%)}.game-swiper-wrap .swiper-right{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.game-swiper-wrap .game-swiper-list .game-swiper-item{transition:transform .3s ease-in-out}.game-swiper-wrap .game-swiper-list .game-swiper-item:hover{transform:translateY(-3px)}.game-swiper-wrap .game-swiper-list .game-swiper-item .date{z-index:1;color:rgba(0,0,0,.87);width:100%;height:41px;margin-bottom:20.5px;font-size:18px;font-weight:700}.type-swiper-wrap{width:100%}.type-swiper-wrap .block-content{z-index:2;align-items:center;margin-top:-122px;padding-bottom:32px;padding-left:26px;display:flex;position:relative}.type-swiper-wrap .block-content .first-game{flex-shrink:0}.type-swiper-wrap .block-content .first-game,.type-swiper-wrap .block-content .type-swiper-item{transition:transform .3s ease-in-out}.type-swiper-wrap .block-content .first-game:hover,.type-swiper-wrap .block-content .type-swiper-item:hover{transform:translateY(-3px)}.type-swiper-wrap .block-content .swiper-content{align-items:center;display:flex;position:relative;overflow:hidden}.type-swiper-wrap .block-content .swiper-content .type-swiper{box-sizing:border-box;margin:0 49px;padding:8px 11px}.type-swiper-wrap .block-content .swiper-content .swiper-left{position:absolute;top:50%;left:15px;transform:translateY(-50%)}.type-swiper-wrap .block-content .swiper-content .swiper-right{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.type-swiper-wrap .block-content .content{align-items:center;display:flex}.hot-game-rank .rank-title:after,.hot-game-rank .rank-title:before{background-image:url(/browse/aHR0cHM6Ly9yZXMuMzM4Ny5jb20/resource/react-pc-site/images/pc.2c9f4eb6.png);background-repeat:no-repeat;background-size:504px 454px}@font-face{font-family:"3387font";src:url(data:application/font-sfnt;base64,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);font-display:swap}.hot-game-rank{z-index:2;background:linear-gradient(#fff7e2 0%,#fff 15.85%,#f5f6f7 20%,#f5f6f7 100%);border-radius:24px;flex-direction:column;width:1280px;margin:0 auto 40px;padding-top:24px;padding-bottom:32px;display:flex;position:relative}.hot-game-rank:after{content:"";z-index:-1;background-image:url(/browse/aHR0cHM6Ly9yZXMuMzM4Ny5jb20/resource/react-pc-site/images/hot-game-bg.430eaedf.png);background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:24px 24px 0 0;width:1280px;height:158px;display:block;position:absolute;top:0;left:0}.hot-game-rank .rank-title{color:#ff8d29;justify-content:center;align-items:center;margin:0 auto;font-size:32px;font-weight:700;display:flex}.hot-game-rank .rank-title:before{content:"";background-position:76.7152% 53.528%;width:23px;height:43px;margin-right:4px;display:block}.hot-game-rank .rank-title:after{content:"";background-position:76.7152% 53.528%;width:23px;height:43px;margin-left:4px;display:block;transform:scaleX(-1)}.hot-game-rank .rank-sub-title{text-align:center;color:rgba(0,0,0,.4);margin-top:6px;font-size:13px}.hot-game-rank .rank-loop{background:#fff7e5;border:1px solid #fff;border-radius:16px;height:31px;margin:10px auto 0;display:inline-block;transform:translateZ(0)}.hot-game-rank .rank-loop .loop-list{overflow:hidden;height:32px!important}.hot-game-rank .rank-loop .loop-item{color:#ff4f5b;white-space:nowrap;justify-content:center;align-items:center;padding:0 16px 2px;font-size:13px;line-height:32px;display:flex;overflow:hidden;height:32px!important}.hot-game-rank .rank-content{justify-content:center;align-items:flex-start;padding-top:20px;display:flex}.hot-game-rank .rank-content .rank-content-list:not(:last-child){margin-right:17px}.hot-game-rank .rank-content .rank-content-list .pc3387-game-card-common:not(:last-child){margin-bottom:20px}.hot-game-rank .rank-content .rank-content-list .pc3387-game-card-common:after{content:"";width:100%;height:20px;display:block;position:absolute;bottom:-20px;left:0}.hot-game-rank .rank-content .rank-content-list .game-hotrank-sub-common-card,.hot-game-rank .rank-content .rank-content-list .game-hotrank-hot-common-card{transition:transform .3s ease-in-out}.hot-game-rank .rank-content .rank-content-list .game-hotrank-sub-common-card:hover,.hot-game-rank .rank-content .rank-content-list .game-hotrank-hot-common-card:hover{transform:translateY(-3px)}.game-banner .banner-right .hot-classify .ic-title,.game-banner .banner-right .download-card .top .download-btn{background-image:url(/browse/aHR0cHM6Ly9yZXMuMzM4Ny5jb20/resource/react-pc-site/images/pc.2c9f4eb6.png);background-repeat:no-repeat;background-size:504px 454px}.game-banner{width:1280px;margin:0 auto;display:flex}.game-banner .banner-left .bg-content{padding-bottom:0}.game-banner .banner-left .swiper-content{width:100%;margin-top:-125px;position:relative}.game-banner .banner-left .swiper-content .swiper-left{position:absolute;top:50%;left:15px;transform:translateY(-50%)}.game-banner .banner-left .swiper-content .swiper-right{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.game-banner .banner-left .swiper-content .swiper.game-banner-swiper{box-sizing:border-box;padding:3px 59px 32px}.game-banner .banner-left .swiper-content .swiper .swiper-slide{justify-content:center;display:flex}.game-banner .banner-left .swiper-content .swiper .swiper-slide .right-list{flex-wrap:wrap;justify-content:space-between;margin-left:20px;display:flex}.game-banner .banner-left .swiper-content .swiper .swiper-slide .right-list>:nth-child(n+3){margin-top:13px}.game-banner .banner-left .game-banner-common-card{flex-shrink:0;transition:transform .3s ease-in-out}.game-banner .banner-left .game-banner-common-card .right .h5game-btn{color:#fff;background:#ff4f5b;border-radius:112px;justify-content:center;align-items:center;width:120px;height:44px;font-size:16px;font-weight:700;line-height:22px;display:flex}.game-banner .banner-left .game-banner-common-card .right .h5game-btn:hover{background:#e3404b}.game-banner .banner-left .game-banner-common-card:hover{transform:translateY(-3px)}.game-banner .banner-left .game-banner-column-card{transition:transform .3s ease-in-out}.game-banner .banner-left .game-banner-column-card:hover{transform:translateY(-3px)}.game-banner .banner-right{margin-left:20px}.game-banner .banner-right .download-card{background:url(/browse/aHR0cHM6Ly9yZXMuMzM4Ny5jb20/resource/react-pc-site/images/bg-home-download-card.ec9461e4.jpg) 50% no-repeat;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;width:260px;height:205px;display:flex}.game-banner .banner-right .download-card .top{cursor:pointer;flex-direction:column;align-items:center;display:flex}.game-banner .banner-right .download-card .top .slogon-wrap{margin-top:24px;position:relative}.game-banner .banner-right .download-card .top .slogon-wrap .icon-slogon{color:#ff4f5b}.game-banner .banner-right .download-card .top .slogon-wrap .slogon-tip{color:#2c2c2c;background:linear-gradient(81deg,#f2f2f2 3.32%,#f8f8f8 97.51%);border:.5px solid #5c5c5c;border-radius:10px 10px 10px 4px;padding:1.5px 5px;font-size:11px;font-weight:500;position:absolute;top:-10px;right:-57px}.game-banner .banner-right .download-card .top .desc{color:#3d404b;margin-top:7px;font-size:14px;font-weight:400;line-height:135%}.game-banner .banner-right .download-card .top .download-btn{color:#ff4f5b;background-position:73.052% 65.2913%;justify-content:center;align-items:center;width:196px;height:42px;margin-top:18px;font-size:16px;font-weight:700;line-height:135%;display:flex}.game-banner .banner-right .download-card .top .download-btn.download-btn-hover,.game-banner .banner-right .download-card .top:hover .download-btn{color:#fff;background-position:52.5974% 17.233%;width:196px;height:42px}.game-banner .banner-right .download-card .footer{background:#fff;border-radius:0 0 16px 16px;width:100%;margin-top:10px;padding:12px 20px 11px;display:flex;position:relative}.game-banner .banner-right .download-card .footer .footer-item{text-align:center;color:#42474e;cursor:pointer;border:1px solid #e6e6e6;border-radius:8px;flex-shrink:0;width:106px;padding:8px 0;font-size:14px;font-weight:400;line-height:135%}.game-banner .banner-right .download-card .footer .footer-item:hover{color:#fff;background:#575b66}.game-banner .banner-right .hot-classify{background:linear-gradient(#fffae8 0%,#fffdee 15%,#fff 39.31%,#fff 100%);border-radius:20px;flex-direction:column;align-items:center;width:260px;height:271px;margin-top:16px;display:flex}.game-banner .banner-right .hot-classify .ic-title{background-position:0 40.2985%;background-size:252px 227px;width:198px;height:26px;margin-top:18px;display:block}.game-banner .banner-right .hot-classify .classify-list{flex-wrap:wrap;justify-content:flex-start;margin:17px 20px 9px;display:flex}.game-banner .banner-right .hot-classify .classify-list .classify-item{cursor:pointer;color:rgba(0,0,0,.74);background:#f8f9fa;border-radius:25px;justify-content:center;align-items:center;width:106px;height:37px;margin-bottom:14px;padding:8px;font-size:15px;font-weight:400;line-height:21px;display:flex}.game-banner .banner-right .hot-classify .classify-list .classify-item:hover{color:#fff;background:#ff4f5b}.game-banner .banner-right .hot-classify .classify-list .classify-item:nth-child(2n+2){margin-left:8px}.game-banner .banner-right .hot-classify .classify-list .classify-item svg{margin-left:2px}