@charset "utf-8"; /*全局样式*/
body { font-family: "微软雅黑", "黑体"; background-color: #000; }
ul, ol, dl, li, dt, dd, p, h1, h2, h3, h4, h5, h6, form { margin: 0px; padding: 0px; }
* { margin: 0px; padding: 0px; }
a { text-decoration: none; color: #000; }
img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
.accelerator-nav { background-color: #000000f2; color: #fff; height: 80px; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 100 }
.accelerator-nav.is-home { position: fixed; background-color: #000 }
.nav-container { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1200px }
.nav-left { display: flex; align-items: center }
.logo-img { width: 200px; margin-right: 10px; cursor: pointer }
.logo-text { display: flex; flex-direction: column }
.logo-title { font-size: 18px; font-weight: 700; color: #fff }
.nav-content { display: flex; gap: 30px }
.nav-item { cursor: pointer; padding: 8px 12px; border-radius: 4px; transition: all .3s ease; color: #fff; text-decoration: none; position: relative; font-size: 18px; font-weight: 400 }
.nav-item:hover, .nav-item.active { color: #409eff }
.nav-item.active:after, .nav-item:hover:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #409eff; transform: scaleX(1); transition: transform .3s ease }
.nav-item:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #409eff; transform: scaleX(0); transition: transform .3s ease }
.nav-right { display: flex; gap: 15px }
.button-download { background: linear-gradient(135deg, #1adbe9f1, #0ec8e9, #1c8bec); text-align: center; line-height: 40px; color: #fff; border-radius: 20px; padding: 0 10px; cursor: pointer; transition: all .3s ease }
.button-download img { width: 15px; height: 16px; margin: 0 5px -1px 0 }
.download-footer-section .section-inner { max-width: 1200px; width: 100%; margin: 0 auto }
.section-inner h2 { text-align: center; margin-bottom: 25px; font-size: 32px; font-weight: 700; color: #fff }
.download-footer-section .download-buttons { display: flex; justify-content: center; gap: 20px; margin-bottom: 50px; position: relative; }
.content-wrapper { padding-top: 80px; background-color: #fff }
.hero-section { width: 100%; background: url(../images/index2_01.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 954px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden }
.hero-section:before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1 }
.hero-section .hero-section-inner { max-width: 1200px; width: 100%; margin: 0 auto; align-items: center; justify-content: center; position: relative; z-index: 2 }
.hero-section .features-content { flex: 0 1 auto; position: relative; display: flex; flex-direction: column; gap: 30px }
.hero-section .features-content>div { display: flex; flex-direction: column; gap: 30px; position: relative }
.hero-section .features-content>div>div:first-child img { height: auto; max-width: 100%; width: auto; display: block }
.hero-section .features-content .img-box { display: flex; gap: 20px; align-items: flex-start }
.hero-section .features-content .img-box>div { flex: 0 1 auto; cursor: pointer; transition: transform .3s ease }
.hero-section .features-content .img-box>div:hover { transform: translateY(-3px) }
.hero-section .features-content .img-box>div img { height: auto; max-width: 100%; width: auto; display: block }
.version-info h2 { font-size: 14px; color: #fff }
/*底部*/
.download-footer-section { background-color: #000; padding-top: 60px; }
footer { width: 100%; height: 237px; box-sizing: border-box; padding-top: 27px!important; }
footer .footer { width: 1200px; margin: 0 auto; color: #999; white-space: nowrap; }
footer .footer .links { margin-bottom: 35px; text-align: center; font-size: 20px }
footer .footer .links a { color: #999; }
footer .footer .platforms { margin-bottom: 15px; }
footer .footer .links span { margin-right: 20px; cursor: pointer; }
footer .footer .links span:hover { text-decoration: underline; }
footer .footer .platforms span { margin-right: 20px; cursor: pointer; }
footer .footer .platforms span:hover { text-decoration: underline; }
footer .footer .footer-desc { font-size: 16px; color: #6d6d6d; text-align: center; line-height: 18px; margin-top: 20px; }
footer .footer .footer-desc2 { margin-top: 15px; }
.erweima { position: absolute; left: 350px; padding-top: 20px; bottom: 111px; display: none }
.erweima1 { position: absolute; left: 577px; padding-top: 20px; bottom: 70px; display: none }
.game-section { padding-bottom: 60px }
.game-section { max-width: 1260px; width: 100%; margin: 0 auto; padding: 80px 0 }
.game-section span { background: linear-gradient(45deg, #17e0ff, #2777ee); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 46px; font-weight: 700; text-fill-color: transparent; text-align: center }
.game-section h2 { text-align: center; }
.items-start { margin-top: 50px; float: left; margin-bottom: 100px; }
.items-center .font-bold { font-weight: bold; color: #fff; font-size: 24px; padding-top: 25px; }
.items-center .text-center { font-size: 18px; text-align: center; color: #fff; padding-top: 25px; line-height: 32px }
.items-center { text-align: center; float: left; padding-top: 25px; width: 100% }
.items-main { float: left; width: 15%; padding-left: 2.5%; padding-right: 2.4%; }
.text-center-shu { width: 1px; background-color: #0f73bc; height: 200px; float: left; margin-top: 152px; }
.moreGame { margin-top: 110px; overflow: hidden; max-width: 1200px; width: 100%; margin: 0 auto; margin-bottom: 60px; }
.moreGame .head { border-left: 6px solid #409eff; color: #fafafa; font-size: 28px; margin-bottom: 8px; padding-left: 11px }
.moreGame .title { display: -webkit-box; display: -webkit-flex; display: flex; }
.moreGame .title .menu { background: transparent; height: auto; opacity: 1; width: auto }
.moreGame .title .menu .moreGame-pagination span.swiper-pagination-bullet-active { color: #409eff }
.moreGame .title .menu a, .moreGame .title .menu span { color: #9694a4; cursor: pointer; display: block; font-size: 16px; margin-left: 28px; -webkit-transition: color .4s; transition: color .4s }
.moreGame .title .menu a:hover, .moreGame .title .menu span:hover { color: #409eff }
.moreGame .title, .moreGame .title .menu, .moreGame .title .menu .moreGame-pagination { display: -webkit-box; display: -webkit-flex; display: flex }
.moreGame .title { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.moreGame .title, .moreGame .title .menu { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.moreGame .yxbg { background: #13162c; border-radius: 6px; font-size: 0; height: 468px; margin-top: 20px; -webkit-transition: .6s; transition: .6s; width: 100%; float: left }
.pcMoreGame { padding: 1.5%; width: 97%; }
.pcMoreGame, .pcMoreGame .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.pcMoreGame .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden }
.pcMoreGame .item a { display: block; height: 206px; overflow: hidden; width: 426px; }
.pcMoreGame .item a img { -webkit-transition: .4s; transition: .4s }
.pcMoreGame .item a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04) }
.pcMoreGame .item:nth-child(2) a { height: 431px; width: 273px }
.mobileMoreGame { padding: 1.5%; width: 97%; }
.mobileMoreGame, .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.mobileMoreGame .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden }
.mobileMoreGame .item a { display: block; overflow: hidden; width: 273px; height: 225px; }
.mobileMoreGame .item a img { -webkit-transition: .4s; transition: .4s; width: 273px; height: 206px; overflow: hidden; }
.mobileMoreGame .item a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04) }
.pcMoreGame1 { padding: 1.5%; width: 97%; }
.pcMoreGame1, .pcMoreGame .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.pcMoreGame1 .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden }
.pcMoreGame1 .item a { display: block; height: 431px; overflow: hidden; width: 273px; }
.pcMoreGame1 .item a img { -webkit-transition: .4s; transition: .4s }
.pcMoreGame1 .item a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04) }
.pcMoreGame1 .item:nth-child(2) a { width: 426px; height: 206px; }
.pcMoreGame1 .item:nth-child(3) a { width: 426px; height: 206px; }
.j-tab-nav .current { color: #409eff !important; }
.tab-con { position: relative; overflow: hidden; }
.tab-con-item { display: none; }
.about-bg { min-height: calc(100vh - 80px); width: 100%; color: #fff; margin-top: 80px }
.about-container { width: 100%; background-color: #151517; background: url(../images/news-CGvtYLl-.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat }
.about-title { display: flex; max-width: 1200px; margin: 0 auto; height: 200px; align-items: center; justify-content: center; text-align: center }
.about-title h1 { margin-bottom: 8px; font-weight: 400 }
.about-title p { font-size: 18px; font-weight: 500; color: #fff }
.about-content { max-width: 1200px; margin: 50px auto 0; border: 2px solid rgb(99,98,98); color: #abacae }
.about-content-list { padding: 10px; margin: 10px }
.about-content-list h2 { font-size: 22px; margin-bottom: 15px; color: #fff; padding-left: 8px }
.about-content-list p { font-size: 18px; line-height: 32px }
.feature-list li { margin: 10px 0; line-height: 32px }
.feature-list span { color: #fff; font-size: 18px }
.about-product { width: 100%; max-width: 1200px; margin: 50px auto }
.about-product h3 { font-size: 28px; margin-bottom: 35px }
.about-product-content { display: flex; justify-content: space-between }
.about-product-item-left { width: 50%;  }
.about-product-item-left img { width: 100%; height: 100% }
.about-product-item-right { width: 45%; height: 300px }
.about-product-item-right div { margin: 45px 0 }
.about-product-item-right div h4 { font-size: 20px; margin-bottom: 5px }
.about-product-item-right div p { font-size: 16px; line-height: 1.6; color: #abacae }
.game-pc { width: 100%; max-width: 1200px; margin: 50px auto; color: #9e9e9e }
.game-pc h3 { font-size: 28px; color: #f0f0f0; margin-bottom: 8px }
.game-pc h5 { font-size: 16px; margin-bottom: 15px; font-weight: 400 }
.game-item { padding: 18px 0; text-align: center }
.game-item p { font-size: 17px; font-weight: 500 }
.game-img { width: 100%; height: 180px; object-fit: cover; border-radius: 8px; border: 1px solid rgb(62,45,109) }
.game-name { font-size: 12px; color: #f0f0f0; margin-top: 8px }
.game-mobile { width: 100%; max-width: 1200px; margin: 0 auto }
.game-mobile h3 { font-size: 28px; color: #f0f0f0; margin-bottom: 8px }
.game-mobile h5 { font-size: 16px; margin-bottom: 30px; font-weight: 400 }
.breadcrumb-container { height: 40px; display: flex; align-items: center; margin-bottom: 15px; }
.breadcrumb-container .breadcrumb-wrapper { max-width: 1200px; width: 100%; margin: 0 auto }
.breadcrumb-container.custom-breadcrumb .el-breadcrumb__item .el-breadcrumb__separator { margin: 0 8px!important; color: #080808!important; font-size: 16px!important; font-weight: 400!important }
.breadcrumb-container a { color: #0e0d0d; text-decoration: none; cursor: pointer; font-size: 18px }
.breadcrumb-container a:hover { color: #409eff }
.news-header { background: url(../images/news-CGvtYLl-.jpg) center/cover no-repeat; height: 200px; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 80px; }
.news-header:before { content: ""; position: absolute; inset: 0; background: #0000004d }
.news-header h2 { color: #fff; font-size: 32px; font-weight: 700; text-shadow: 0 2px 4px rgba(0,0,0,.3); position: relative; z-index: 1;text-align: center; }
.news-header-content { width: 1200px }
.content-wrapper1 { max-width: 1200px; margin: 20px auto 0 }
.content-wrapper2 { margin: 0px auto 0 }
.news-grid { margin-bottom: 40px; margin-top: 5px; row-gap: 30px }
.news-card { background: #fff; overflow: hidden; cursor: pointer; border: 2px solid rgb(211,211,211) }
.news-card:hover { border: 2px solid rgb(0,67,190) }
.news-card:hover .news-title { color: #50a6fd }
.news-image { height: 180px; overflow: hidden }
.news-image img { width: 100%; height: 100%; object-fit: cover }
.news-info { padding: 20px 10px 10px; height: 115px; position: relative; z-index: 1; transform: translateZ(0); backface-visibility: hidden }
.news-title { font-size: 17px; font-weight: 400; color: #050505; margin-bottom: 8px; line-height: 1.5; height: 51px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; word-break: break-all; word-wrap: break-word; transform: translateZ(0); will-change: auto; cursor: pointer; transition: color .2s ease }
.news-guide { font-size: 15px; color: #222; font-weight: 100; margin: 8px 0 0; line-height: 1.5; height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; word-break: break-all; word-wrap: break-word }
.news-desc { font-size: 14px; color: #666; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5 }
.news-desc img { max-width: 100%; height: 48px; height: auto }
.pagination-container { display: flex; justify-content: flex-end; margin-top: 40px; padding: 20px 0 }
.article-detail .detail-header { margin-bottom: 20px }
.article-detail .detail-title-container { text-align: center }
.article-detail .detail-content h2 { font-size: 24px; font-weight: 600; color: #000; margin-bottom: 10px }
.article-detail .detail-content .article-meta { font-size: 12px; color: #999; margin-bottom: 20px }
.article-detail .detail-content .article-body .article-image { margin-bottom: 20px }
.article-detail .detail-content .article-body .article-image img { max-width: 100%; height: auto; border-radius: 4px }
.article-detail .detail-content .article-body .article-text p { font-size: 16px; color: #333; line-height: 1.8; margin-bottom: 20px }
.article-detail .detail-content .article-body .article-text img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block }
.preloaded-img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block; transform: translateZ(0); backface-visibility: hidden; transition: none!important; opacity: 1!important }
.el-row { box-sizing: border-box; display: flex; flex-wrap: wrap; position: relative }
.el-col-lg-8 { flex: 0 0 31.3333333333%; max-width: 31.3333333333%; padding-left: 1%; padding-right: 1% }
.el-col-lg-8, .el-col-lg-8.is-guttered { display: block }
.detail-card { overflow: hidden; margin: 25px 0 0; padding: 30px; background-color: #fff }
.detail-title-section { text-align: center; margin-bottom: 30px }
.detail-title-section .detail-title { font-size: 24px; font-weight: 600; color: #131313; margin: 0 0 20px; text-align: center }
.detail-title-section .article-meta { font-size: 15px; color: #000; font-weight: 300; margin: 0; text-align: center }
.detail-image { margin-bottom: 30px; text-align: center }
.detail-image img { max-width: 100%; max-height: 600px; width: auto; height: auto; object-fit: contain; border-radius: 8px }
.detail-content .detail-body { font-size: 18px!important; color: #333!important; line-height: 2!important }
.detail-content .detail-body * { font-size: inherit!important; color: inherit!important; line-height: inherit!important }
.detail-content .detail-body h1, .detail-content .detail-body h2, .detail-content .detail-body h3, .detail-content .detail-body h4, .detail-content .detail-body h5, .detail-content .detail-body h6 { margin: 20px 0 15px!important; font-weight: 700!important; font-size: 18px!important }
.detail-content .detail-body ul, .detail-content .detail-body ol { margin: 15px 0!important; padding-left: 2em!important }
.detail-content .detail-body li { margin-bottom: 10px!important }
.detail-content .detail-body p { margin: 10px 0!important }
.detail-content .detail-body img { max-width: 100%!important; height: auto; border-radius: 4px; margin: 0 auto; display: block }
 .detail-content .detail-body .image-wrap, .detail-content .detail-body p:has(img), .detail-content .detail-body div:has(img) {
 text-align: center!important;
 margin: 15px 0!important
}


.game-list-container {
    min-height: 100vh;
    background-color: #f5f7fa; padding-bottom:50px;
}

.back-button-container { text-align: center; margin-top: 30px }
.empty-state { min-height: calc(100vh - 200px); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #666 }
.el-container { box-sizing: border-box; display: flex; flex: 1; flex-basis: auto; flex-direction: row; min-width: 0 }
.el-container.is-vertical { flex-direction: column }
.el-aside { box-sizing: border-box; flex-shrink: 0; overflow: auto; width: var(--el-aside-width, 300px) }
.content-view[data-v-592c1286] { padding: 0 20px; background-color: #fff }
.help-center-container { min-height: 100vh; background-color: #f7f7f7 }
.breadcrumb-container { height: 40px; display: flex; align-items: center }
.breadcrumb-container .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: #000!important; font-size: 17px!important }
.breadcrumb-container .el-breadcrumb__separator { margin: 0 8px!important; color: #080808!important; font-size: 17px!important; font-weight: 400!important }
.breadcrumb-container .breadcrumb-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; padding: 25px 0 0 }
.breadcrumb-container .breadcrumb-wrapper a { color: #000; text-decoration: none; cursor: pointer; font-size: 17px; font-weight: 400 }
.breadcrumb-container .breadcrumb-wrapper a:hover { color: #409eff }
.main-content122 { max-width: 1200px; width: 100%; margin: 0 auto; padding: 20px 0 50px; min-height: calc(100vh - 120px) }
.main-content1 { margin-top: 60px; }
.main-content .el-container { overflow: hidden }
.left-sidebar { background-color: #fff; height: fit-content; padding-bottom: 200px; margin-right: 25px }
.left-sidebar .help-menu { height: 100%; border-right: none }
.left-sidebar .help-menu .el-menu-item { color: #000!important }
.left-sidebar .help-menu .el-menu-item { height: 50px; line-height: 50px; font-size: 14px }
.left-sidebar .help-menu .el-menu-item:hover { background-color: #f5f7fa }
.left-sidebar .help-menu .el-menu-item.is-active { }
.content-view { padding: 0 20px; background-color: #fff; width: 100% }
.article-list .article-item { border-bottom: 1px solid #e8e8e8; padding: 20px 0; cursor: pointer; transition: background-color .3s }
.article-list .article-item:hover { background-color: #f5f7fa }
.article-list .article-item:active { background-color: #e6f7ff }
.article-list .article-item .article-preview { font-size: 14px; color: #666; line-height: 1.6; margin-top: 8px }
.article-list .article-item .article-preview:hover { color: #1890ff }
.article-list .empty-tip { text-align: center; padding: 40px; color: #000; font-size: 14px }
.pagination-container { margin-top: 30px; display: flex; justify-content: flex-end; padding: 20px 0 }
.article-title { display: flex; justify-content: space-between; align-items: center; width: 100% }
.article-title span:first-child { flex: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px }
.article-title span:last-child { font-size: 16px; color: #000; flex-shrink: 0 }
.article-title .article-date { font-size: 14px; color: #000; margin-left: 20px }
.preloaded-img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block; transform: translateZ(0); backface-visibility: hidden; transition: none!important; opacity: 1!important }
.article-detail .detail-header { padding: 20px 20px 0; margin-bottom: 18px }
.article-detail .detail-content { padding: 25px 0 0 }
.article-detail .detail-content>div:first-child { text-align: center }
.article-detail .detail-content h2 { font-size: 24px; font-weight: 500; color: #000; margin-bottom: 25px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word }
.article-detail .detail-content .article-meta { padding-top: 20px; border-top: 1px solid #eeeeee; font-size: 15px; color: #999; margin-bottom: 30px; text-align: center }
.article-detail .detail-content .article-body .article-image { margin-bottom: 20px; text-align: center }
.article-detail .detail-content .article-body .article-text p { font-size: 18px; color: #333; line-height: 1.8; margin-bottom: 20px; }
.article-detail .detail-content .article-body .article-text img { max-width: 100%!important; height: auto; border-radius: 4px; margin: 0 auto; display: block }
.left-sidebar .help-menu .el-menu-item { height: 50px; line-height: 50px; font-size: 18px; padding-left: 20px; }
.el-menu-item { align-items: center; box-sizing: border-box; color: var(--el-menu-text-color); cursor: pointer; display: flex; font-size: var(--el-menu-item-font-size); height: var(--el-menu-item-height); line-height: var(--el-menu-item-height); list-style: none; padding: 0 var(--el-menu-base-level-padding); position: relative; transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration); white-space: nowrap }
.tabs-content-placeholder .neirong { display: none; }
.tabs-content-placeholder .tab-content-active { display: block; }
.j-tab-nav .current1 { color: #409eff !important; border-left: 3px solid #1890ff; background-color: #f0f5ff; }
.el-main {
 --el-main-padding: 20px; box-sizing: border-box; display: block; flex: 1; flex-basis: auto; overflow: auto; padding: var(--el-main-padding) }