/* reset */
* { box-sizing: border-box; }

body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer { margin: 0; }

:before, :after { pointer-events: none; }

body, button, input, select, textarea { font: 12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em, b, strong { font-style: normal; font-weight: 400; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

img { border: 0; }

body { padding-top: 42px; min-width: auto; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; }

ul, ol, li { margin: 0; padding: 0; list-style: none; }

[v-cloak] { display: none; }

html { width: 100%; font-size: calc(100vw / 1920); overflow-x: hidden; }

@font-face { font-family: 'font'; src: url("font.woff2"); }

::-webkit-scrollbar { width: 2rem; }

::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-thumb { background-color: #e2a631; }

/*common*/
.wrap { display: flex; flex-direction: column; align-items: center; font-family: 'font'; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/wrap.jpg) no-repeat top center/1920rem auto; }

.page { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 1290rem; }

.page-tab { display: flex; width: 100%; padding: 80rem 0 60rem; }

.page-tab li { display: flex; justify-content: center; align-items: center; width: 50%; height: 82rem; font-size: 40rem; color: #d6b692; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/page-tab.png) no-repeat 0 0/1290rem 164rem; cursor: pointer; }

.page-tab li:first-child { background-position: 0 0; }

.page-tab li:first-child.active { background-position: 0 -82rem; }

.page-tab li:last-child { background-position: -645rem -82rem; }

.page-tab li:last-child.active { background-position: -645rem 0; }

.page-tab li.active { color: #ffff; }

.page-tab li.active:before, .page-tab li.active:after { content: ''; width: 34rem; height: 34rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/page-tab-after.png) no-repeat center/cover; margin: 0 15rem; }

.page-head { display: flex; justify-content: space-between; width: 100%; }

.page-title { display: flex; align-items: center; font-size: 30rem; color: #ffff; }

.page-title:before { content: ''; width: 10rem; height: 28rem; background-color: #671c15; margin-right: 10rem; }

.page-more { display: flex; justify-content: center; align-items: center; width: 158rem; height: 42rem; font-size: 24rem; color: #d6b692; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/page-more.png) no-repeat center/cover; }

.kv { height: 1108rem; justify-content: flex-end; padding-bottom: 158rem; }

.kv-slogan { width: 1154rem; height: 174rem; font-size: 0; color: transparent; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/kv-slogan.png) no-repeat center/cover; }

.kv-box { display: flex; flex-direction: column; align-items: center; }

.kv-box-item { display: flex; margin-bottom: -16rem; position: relative; z-index: 2; }

.kv-box-item li { display: flex; flex-direction: column; align-items: center; font-size: 22rem; color: #ffff; margin: 0 80rem; }

.kv-box-item li:after { content: ''; width: 10rem; height: 10rem; border-radius: 50%; background-color: #ffff; margin-top: 10rem; margin-left: 10rem; }

.kv-box-speed { display: flex; align-items: center; width: 1284rem; height: 22rem; padding-right: 20rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/kv-speed.png) no-repeat center/cover; }

.kv-box-speed:after { content: ''; height: 4rem; width: 0%; background-color: #e2a631; transition: all .6s; }

.kv-box.speed-0 ul li:nth-child(1):after { background-color: #e2a631; }

.kv-box.speed-0 div:after { width: 43%; }

.kv-box.speed-1 ul li:nth-child(1):after { background-color: #e2a631; }

.kv-box.speed-1 ul li:nth-child(2):after { background-color: #e2a631; }

.kv-box.speed-1 div:after { width: 60%; }

.kv-box.speed-2 ul li:nth-child(1):after { background-color: #e2a631; }

.kv-box.speed-2 ul li:nth-child(2):after { background-color: #e2a631; }

.kv-box.speed-2 ul li:nth-child(3):after { background-color: #e2a631; }

.kv-box.speed-2 div:after { width: 85%; }

.kv-btn { display: flex; margin-top: 25rem; position: relative; }

.kv-btn-item { display: flex; }

.kv-btn-item li { display: flex; justify-content: center; align-items: center; width: 236rem; height: 60rem; font-size: 24rem; color: #ffff; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/kv-btn-item.png) no-repeat center/cover; margin: 0 -5rem; cursor: pointer; }

.kv-btn-item li.active { background-image: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/kv-btn-item-active.png); }

.kv-more { display: flex; flex-direction: column; width: 260rem; height: 363rem; padding: 15rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/kv-more.png) no-repeat center/cover; position: absolute; top: 50%; right: -20rem; transform: translate(100%, -50%); opacity: 0; transition: all .6s; pointer-events: none; }

.kv-more.active { opacity: 1; pointer-events: auto; }

.kv-more ul { flex: auto; display: flex; flex-direction: column; width: 100%; height: 1rem; overflow-y: auto; }

.kv-more li { display: flex; flex-direction: column; margin-bottom: 10rem; }

.kv-more li.active p:before { content: ''; height: 0; border: 10rem solid transparent; border-left-width: 6rem; border-right-width: 6rem; border-top-color: #fff; margin: 0 4rem -12rem 0; }

.kv-more li.active dl { max-height: 1000rem; }

.kv-more p { display: flex; align-items: center; font-size: 18rem; color: #ffff; }

.kv-more p:before { content: ''; height: 0; border: 6rem solid transparent; border-left-width: 10rem; border-right-width: 10rem; border-left-color: #fff; margin: 0 -4rem -2rem 0; }

.kv-more dl { display: flex; flex-wrap: wrap; max-height: 0; overflow: hidden; transition: all .6s; margin-top: 10rem; }

.kv-more dd { display: flex; width: 65rem; margin: 0 10rem 10rem 0; }

.kv-more dd:last-child { margin-right: 0; }

.kv-more a { display: flex; flex-direction: column; align-items: center; width: 100%; }

.kv-more img { width: 100%; height: 65rem; object-fit: contain; }

.kv-more span { width: 110%; height: 40rem; font-size: 12rem; color: #ffff; line-height: 1.2; text-align: center; margin-top: 5rem; }

.live { align-items: flex-start; height: 750rem; flex-direction: row; }

.live-video { display: flex; flex-direction: column; width: 810rem; height: 558rem; border: 1rem solid #671c15; border-radius: 10rem; overflow: hidden; }

.live-video-title { display: flex; align-items: center; height: 34rem; padding-left: 10rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/live-video-title.jpg) no-repeat center/cover; }

.live-video-title .page-title { font-size: 24rem; }

.live-video-title .page-title:before { width: 5rem; height: 20rem; background-color: #ffff; }

.live-video-title span { font-size: 20rem; color: #ffff; padding-left: 20rem; }

.live-video-box { flex: auto; }

.live-match { flex: auto; display: flex; flex-direction: column; align-items: flex-start; width: 1rem; padding-left: 40rem; }

.live-match-head { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.live-match-switch { display: flex; align-items: center; }

.live-match-switch span { font-size: 12rem; color: #ffff; }

.live-match-switch a { display: flex; align-items: center; width: 36rem; height: 16rem; border-radius: 16rem; padding: 0 5rem; background-color: #b7b7b7; transition: all .6s; margin-left: 10rem; }

.live-match-switch a:after { content: ''; width: 12rem; height: 12rem; border-radius: 50%; background-color: #ffff; }

.live-match-switch a.active { background-color: #e2a631; justify-content: flex-end; }

.live-match-type { display: flex; padding: 20rem 0 15rem; border-bottom: 1rem solid #671c15; }

.live-match-type li { display: flex; align-items: center; height: 30rem; font-size: 16rem; color: #d6b692; line-height: 1; border-radius: 20rem; padding: 2rem 10rem 0; position: relative; cursor: pointer; margin: 0 10rem; }

.live-match-type li.active { color: #ffff; background-color: #671c15; }

.live-match-type li:after { content: ''; width: 1rem; height: 20rem; background-color: #d6b692; position: absolute; right: -10rem; }

.live-match-type li:last-child:after { display: none; }

.live-match-date { display: flex; align-items: center; width: 100%; padding: 20rem 0; }

.live-match-date .swiper { width: 368rem; }

.live-match-date .swiper-slide { display: flex; justify-content: center; align-items: center; height: 36rem; }

.live-match-date .swiper-slide a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 90%; height: 100%; font-size: 14rem; color: #000; line-height: 1.2; border-radius: 4rem; padding-top: 2rem; background-color: #b7b7b7; }

.live-match-date .swiper-slide.swiper-slide-thumb-active a { color: #ffff; background-color: #671c15; }

.live-match-prev, .live-match-next { width: 16rem; height: 16rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/live-match-next.png) no-repeat center/cover; }

.live-match-prev { transform: rotate(180deg); }

.live-match-item { width: 100%; }

.live-match-item .swiper-slide { display: flex; justify-content: center; align-items: flex-start; height: 370rem; overflow-x: hidden; overflow-y: auto; position: relative; }

.live-match-item .swiper-slide::-webkit-scrollbar { width: 3rem; }

.live-match-item .swiper-slide::-webkit-scrollbar-track { background-color: transparent; }

.live-match-item .swiper-slide::-webkit-scrollbar-thumb { background-color: #e2a631; }

.live-match-item .swiper-slide img { width: 402rem; height: auto; }

.live-match-item .swiper-slide ul { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; right: 0; }

.live-match-item .swiper-slide li { display: flex; height: 105rem; margin-bottom: 35rem; position: relative; }

.live-match-item .swiper-slide li:last-child { margin-bottom: 0; }

.live-match-item .swiper-slide li p { display: flex; align-items: center; font-size: 46rem; color: #000; letter-spacing: .2em; line-height: 1; position: absolute; left: 238rem; top: 4rem; }

.live-match-item .swiper-slide li p:before { content: 'VS'; font-size: 30rem; letter-spacing: .1em; position: absolute; top: 60%; left: 45%; transform: translate(-50%, -50%); transition: all .6s; }

.live-match-item .swiper-slide li p.active:before { opacity: 0; }

.live-match-item .swiper-slide li p.active strong, .live-match-item .swiper-slide li p.active span { opacity: 1; }

.live-match-item .swiper-slide li strong { margin-bottom: -10rem; opacity: 0; transition: all .6s; }

.live-match-item .swiper-slide li span { opacity: 0; transition: all .6s; }

.live-match-item .swiper-slide li div { display: flex; position: absolute; right: 35rem; bottom: 6rem; }

.live-match-item .swiper-slide li a { display: flex; justify-content: center; align-items: center; width: 36rem; height: 14rem; font-size: 12rem; color: #000; line-height: 1; border-radius: 6rem; background-color: #b7b7b7; margin: 0 5rem; }

.live-match-intro { height: 25rem; }

.course { height: 1390rem; }

.course-head { display: flex; flex-direction: column; width: 100%; }

.course-type { display: flex; justify-content: space-between; position: relative; margin: 40rem 0; }

.course-type:before { content: ''; width: 1283rem; height: 2rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/course-type-before.png) no-repeat center/100% 100%; position: absolute; left: 50%; transform: translate(-50%, 20rem); }

.course-type li { display: flex; flex-direction: column; align-items: center; width: 44.5%; position: relative; z-index: 2; cursor: pointer; }

.course-type li:before { content: ''; width: 44rem; height: 44rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/course-type.png) no-repeat 0 0/44rem 88rem; }

.course-type li.active:before { background-position: 0 -44rem; }

.course-type li.active span { color: #ffff; }

.course-type li:last-child { padding-left: 58rem; }

.course-type span { font-size: 30rem; color: #e9e9e9; }

.course-type p { font-size: 20rem; color: #b7b7b7; }

.course-switch { display: flex; justify-content: space-between; margin-bottom: 40rem; }

.course-class { display: flex; }

.course-class li { font-size: 30rem; color: #b7b7b7; letter-spacing: .2em; margin-right: 50rem; cursor: pointer; }

.course-class li.active { color: #ffff; border-bottom: 4rem solid #671c15; }

.course-tab { display: flex; }

.course-tab li { display: flex; justify-content: center; align-items: center; width: 210rem; height: 55rem; font-size: 26rem; color: #d6b692; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/course-tab.png) no-repeat -210rem 0/420rem 100%; cursor: pointer; }

.course-tab li.active { background-position: 0 0; }

.course-box { display: flex; justify-content: center; align-items: center; width: 100%; height: 880rem; border: 2rem solid #671c15; border-radius: 10rem; background: rgba(64, 65, 4, 0.2) url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/course-box.png) no-repeat center/776rem 494rem; overflow: hidden; }

.course-box:after { content: ''; width: 270rem; height: 270rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/course-box-after.png) no-repeat center/cover; position: absolute; right: -190rem; bottom: 10rem; }

.course-image { display: flex; width: 100%; position: relative; }

.course-image img { width: 100%; height: auto; }

.course-item { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.course-item li { display: flex; justify-content: space-between; align-items: center; position: absolute; }

.course-item li span { display: flex; justify-content: center; align-items: center; width: 40%; font-size: 20rem; color: #d3d2d2; line-height: 1; }

.course-item li span.active { color: #e2a631; }

.course-item li p { display: flex; position: absolute; bottom: 0; right: 0; transform: translate(0, 120%); }

.course-item li a { font-size: 10rem; color: #b7b7b7; line-height: 1; border: 1rem solid #b7b7b7; padding: 2rem 5rem; border-radius: 4rem; margin-left: 5rem; }

.course-00 li { width: 188rem; height: 42rem; }

.course-00 li span { display: flex; justify-content: center; font-size: 20rem; color: #d3d2d2; line-height: 1; }

.course-00 li span.active { color: #e2a631; }

.course-00 li p { display: flex; position: absolute; bottom: 0; right: 0; transform: translate(0, 120%); }

.course-00 li a { font-size: 10rem; color: #b7b7b7; line-height: 1; border: 1rem solid #b7b7b7; padding: 2rem 5rem; border-radius: 4rem; margin-left: 5rem; }

.course-01 li { flex-direction: column; justify-content: space-between; width: 126rem; height: 88rem; }

.course-01 li span { width: 100%; height: 40rem; padding: 0 30rem 0 8rem; }

.course-11 li { width: 108rem; height: 24rem; }

.course-11 li span { font-size: 12rem; }

.course-12 li { width: 128rem; height: 28rem; }

.course-12 li span { font-size: 14rem; }

.course-13 li { width: 160rem; height: 35rem; }

.course-13 li:nth-child(1), .course-13 li:nth-child(2), .course-13 li:nth-child(3), .course-13 li:nth-child(4) { flex-direction: column; justify-content: space-between; width: 126rem; height: 90rem; padding: 0 30rem 0 6rem; }

.course-13 li:nth-child(1) span, .course-13 li:nth-child(2) span, .course-13 li:nth-child(3) span, .course-13 li:nth-child(4) span { width: 100%; height: 42rem; }

.course-13 li span { font-size: 18rem; }

.video { height: 570rem; }

.video-item { display: flex; justify-content: space-between; width: 100%; padding-top: 50rem; }

.video-item li { display: flex; flex-direction: column; width: 284rem; height: 282rem; border: 2rem solid #671c15; border-radius: 10rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/video-item.png) no-repeat center/cover; }

.video-item div { display: flex; justify-content: center; align-items: center; width: 100%; height: 162rem; border-top-left-radius: 10rem; border-top-right-radius: 10rem; position: relative; overflow: hidden; }

.video-item div:after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .6s; }

.video-item div:hover img { transform: scale(1.1); }

.video-item div:hover:after { opacity: 0; }

.video-item img { width: 100%; height: 100%; object-fit: cover; transition: all .6s; }

.video-item a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.video-item a:after { content: ''; width: 34rem; height: 34rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/video-play.png) no-repeat center/cover; }

.video-item strong { height: 50rem; font-size: 18rem; color: #d6b692; line-height: 1.4; font-weight: 400; padding: 0 10rem; margin: 20rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.video-item p { display: flex; justify-content: space-between; padding: 0 10rem; font-size: 16rem; color: #d6b692; }

.news { height: 650rem; }

.news-box { display: flex; justify-content: space-between; width: 100%; padding-top: 50rem; }

.news-swiper { display: flex; flex-direction: column; align-items: center; }

.news-swiper-box { display: flex; align-items: center; }

.news-swiper-box .swiper { width: 488rem; margin: 0 35rem; }

.news-swiper-box .swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; width: 100%; }

.news-swiper-box .swiper .swiper-slide a { display: flex; justify-content: center; align-items: center; width: 100%; height: 286rem; border: 1rem solid #671c15; border-radius: 10rem; overflow: hidden; }

.news-swiper-box .swiper .swiper-slide a:hover img { transform: scale(1.1); }

.news-swiper-box .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transition: all .6s; }

.news-swiper .swiper-pagination { display: flex; }

.news-swiper .swiper-pagination span { width: 10rem; height: 10rem; background: #671c15; margin: 0 10rem; }

.news-swiper .swiper-pagination span.swiper-pagination-bullet-active { background: #e2a631; }

.news-swiper-intro { max-width: 488rem; font-size: 22rem; color: transparent; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 20rem 0; }

.news-prev, .news-next { width: 16rem; height: 50rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/news-prev.png) no-repeat center/cover; }

.news-prev.swiper-button-disabled, .news-next.swiper-button-disabled { opacity: 0; }

.news-next { transform: rotate(180deg); }

.news-item { display: flex; flex-direction: column; justify-content: center; width: 586rem; height: 286rem; position: relative; }

.news-item:before, .news-item:after { content: ''; width: 100%; height: 16rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/news-item.png) no-repeat center/cover; position: absolute; top: 0; }

.news-item:after { top: auto; bottom: 0; }

.news-item li { max-width: 100%; height: 50rem; font-size: 20rem; color: #d6b692; line-height: 42rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .6s; transform-origin: left center; }

.news-item li a { display: flex; align-items: center; color: #d6b692; }

.news-item li:hover em, .news-item li.active em { color: #e2a631; }

.news-item li em { flex: auto; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.news-item li span { flex: none; display: flex; justify-content: center; width: 80rem; background-color: #671c15; font-size: 18rem; color: #ffff; line-height: 1.2; border-radius: 5rem; margin-right: 10rem; }

.player { height: 1450rem; }

.player-box { display: flex; justify-content: space-between; width: 100%; }

.player-info { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.player-info-item { align-self: flex-start; display: flex; }

.player-info-item p { display: flex; align-items: center; width: 40rem; height: 162rem; font-size: 26rem; color: #ffff; line-height: 1.2; padding: 10rem 6rem 0; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-info-title.png) no-repeat center/cover; }

.player-info-item ul { display: flex; padding-left: 20rem; }

.player-info-item li { display: flex; flex-direction: column; align-items: center; width: 148rem; height: 164rem; border: 1rem solid #671c15; border-radius: 10rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-info-item.png) no-repeat center/cover; overflow: hidden; margin-right: 10rem; }

.player-info-item div { display: flex; justify-content: center; align-items: center; width: 100%; height: 120rem; }

.player-info-item img { width: 100%; height: 100%; object-fit: cover; }

.player-info-item span { flex: auto; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 16rem; color: #ffff; line-height: 1.1; text-align: center; padding: 0 10rem; background-color: #671c15; }

.player-info-switch { align-self: flex-start; display: flex; }

.player-info-switch li { display: flex; justify-content: center; align-items: center; width: 210rem; height: 55rem; font-size: 26rem; color: #d6b692; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/course-tab.png) no-repeat -210rem 0/420rem 100%; cursor: pointer; }

.player-info-switch li.active { background-position: 0 0; }

.player-info-data { display: flex; flex-direction: column; align-items: center; }

.player-info-box { width: 100%; height: 520rem; position: relative; }

.player-info-tog { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: all .6s; }

.player-info-tog.active { opacity: 1; pointer-events: auto; }

.player-info-image { justify-content: flex-start; overflow: hidden; }

.player-info-image img { width: 70%; height: auto; object-fit: contain; }

.player-info-user { display: flex; flex-direction: column; position: absolute; top: 250rem; right: 0; }

.player-info-user strong { display: flex; justify-content: center; align-items: center; width: 240rem; height: 72rem; font-size: 30rem; color: #d6b692; padding: 10rem 30rem 2rem 60rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-inof-name.png) no-repeat center/cover; }

.player-info-user p { display: flex; align-items: center; width: 270rem; height: 42rem; font-size: 14rem; color: #d6b692; line-height: 1.1; padding: 0 15rem 0 20rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-info-intro.png) no-repeat center/cover; margin-top: 10rem; }

.player-info-canvas { flex: auto; display: flex; justify-content: center; align-items: center; }

.player-info-honor { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 550rem; height: 226rem; padding: 75rem 50rem 10rem 30rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-info-honor.png) no-repeat center/cover; margin-top: -15rem; }

.player-info-honor ul { flex: auto; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; overflow-x: hidden; overflow-y: auto; }

.player-info-honor li { font-size: 22rem; color: #e9e9e9; text-align: center; margin: 5rem 0; }

.player-rank { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 592rem; height: 970rem; border: 1rem solid #671c15; border-radius: 10rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-rank.png) no-repeat center/cover; }

.player-rank:before { content: ''; width: 220rem; height: 58rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-rank-title.png) no-repeat center/cover; }

.player-rank-head { display: flex; justify-content: space-between; width: 100%; }

.player-rank-head span { width: 150rem; font-size: 37rem; color: #ffff; text-align: center; }

.player-rank-item { display: flex; flex-direction: column; width: 100%; height: 810rem; overflow-y: auto; }

.player-rank-item::-webkit-scrollbar { width: 0rem; }

.player-rank-item li { flex: none; display: flex; justify-content: space-between; align-items: center; height: 90rem; margin-bottom: 30rem; cursor: pointer; }

.player-rank-item li:hover, .player-rank-item li.active { background: rgba(255, 0, 0, 0.2); }

.player-rank-item li:hover div, .player-rank-item li.active div { background-position: 0 -76rem; }

.player-rank-item li:hover strong, .player-rank-item li.active strong { color: #000; }

.player-rank-item li:last-child { margin-bottom: 0; }

.player-rank-item span { width: 150rem; font-size: 37rem; color: #ffff; text-align: center; }

.player-rank-item div { display: flex; align-items: center; width: 270rem; height: 76rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/player-rank-item.png) no-repeat 0 0/100% 152rem; }

.player-rank-item i { display: flex; justify-content: center; align-items: flex-end; width: 100rem; height: 100%; position: relative; }

.player-rank-item img { width: 100%; height: 100%; object-fit: contain; }

.player-rank-item strong { flex: auto; display: flex; justify-content: center; align-items: center; font-size: 37rem; color: #ffff; font-weight: 400; line-height: 1; border-left: 1rem solid #671c15; padding-right: 30rem; margin-left: 0rem; }

.playdata { height: 1070rem; }

.playdata-head { display: flex; align-items: flex-end; width: 100%; padding: 130rem 0 30rem; }

.playdata-select { display: flex; flex-direction: column; align-items: center; width: 286rem; height: 50rem; background-color: #d6b692; position: relative; cursor: pointer; }

.playdata-select p { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 20rem; color: #ffff; }

.playdata-select p:after { content: ''; height: 0; border: 14rem solid transparent; border-left-width: 10rem; border-right-width: 10rem; border-top-color: #fff; margin: 0 0 -20rem 10rem; }

.playdata-select ul { display: flex; flex-direction: column; width: 100%; height: 0; background: #671c15; position: absolute; left: 0; top: 50rem; z-index: 2; overflow: hidden; transition: all .6s ease; overflow-y: auto; }

.playdata-select ul.active { height: 150rem; }

.playdata-select ul li { flex: none; display: flex; justify-content: center; align-items: center; width: 100%; height: 50rem; font-size: 20rem; color: #e9e9e9; }

.playdata-select ul li.active { color: #ffff; background-color: #b7b7b7; }

.playdata-one { display: flex; align-items: flex-end; width: 496rem; height: 194rem; padding: 20rem 50rem 0; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/playdata-one.png) no-repeat center/cover; margin-left: -30rem; }

.playdata-one img { width: auto; height: 254rem; }

.playdata-one div { flex: auto; align-self: stretch; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.playdata-one div:before { content: ''; width: 194rem; height: 96rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/playdata-one-before.png) no-repeat center/cover; }

.playdata-one div span { display: flex; justify-content: center; align-items: center; width: 132rem; height: 28rem; font-size: 22rem; color: #ffff; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/playdata-one-name.png) no-repeat center/cover; margin-top: 10rem; }

.playdata-other { display: flex; }

.playdata-other li { display: flex; justify-content: center; align-items: center; width: 322rem; height: 134rem; padding: 10rem 40rem 0 40rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/playdata-other.png) no-repeat center/cover; position: relative; margin-left: -35rem; }

.playdata-other li:before { content: ''; width: 76rem; height: 20rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/playdata-other-beofre.png) no-repeat center/cover; position: absolute; top: 0; left: 40rem; transform: translate(0, -100%); }

.playdata-other div { display: flex; flex-direction: column; width: 100rem; height: 100rem; border: 1rem solid #671c15; border-radius: 10rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/playdata-other-icon.png) no-repeat center/cover; overflow: hidden; }

.playdata-other i { display: flex; justify-content: center; align-items: center; width: 100%; height: 75rem; }

.playdata-other img { width: 100%; height: 100%; object-fit: contain; }

.playdata-other span { flex: auto; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 16rem; color: #ffff; background-color: #671c15; }

.playdata-other dl { display: flex; flex-direction: column; align-items: flex-start; padding-left: 15rem; }

.playdata-other dt { display: flex; align-items: center; height: 20rem; font-size: 14rem; color: #ffff; border-radius: 15rem; padding: 0 10rem; background-color: #671c15; }

.playdata-other dd { font-size: 32rem; color: #ffff; }

.playdata-box { display: flex; flex-direction: column; width: 100%; height: 512rem; border-radius: 10rem; border: 1rem solid #671c15; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/playdata-box.png) no-repeat center/100% 100%; }

.playdata-box ul { display: flex; flex-direction: column; height: 444rem; overflow-y: auto; }

.playdata-box dl, .playdata-box li { display: flex; }

.playdata-box li { border-bottom: 1rem solid #671c15; }

.playdata-box li:first-child { background: #96281a; }

.playdata-box li:nth-child(2) { background: rgba(150, 40, 26, 0.7); }

.playdata-box li:nth-child(3) { background: rgba(150, 40, 26, 0.4); }

.playdata-box li:last-child { border-bottom: none; }

.playdata-box dd, .playdata-box span { display: flex; justify-content: center; align-items: center; height: 75rem; font-size: 30rem; color: #ffff; }

.playdata-box dd:nth-child(1), .playdata-box span:nth-child(1) { width: 130rem; }

.playdata-box dd:nth-child(2), .playdata-box span:nth-child(2) { width: 160rem; }

.playdata-box dd:nth-child(3), .playdata-box span:nth-child(3) { width: 210rem; }

.playdata-box dd:nth-child(4), .playdata-box span:nth-child(4) { width: 210rem; }

.playdata-box dd:nth-child(5), .playdata-box span:nth-child(5) { width: 300rem; }

.playdata-box dd:nth-child(6), .playdata-box span:nth-child(6) { flex: auto; }

.reward { height: 1040rem; }

.reward-box { flex: auto; display: flex; justify-content: center; align-items: flex-start; width: 100%; }

.reward-box img { width: 100%; height: auto; }

.guide { height: 700rem; }

.guide-swiper { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 50rem; position: relative; }

.guide-swiper .swiper { flex: auto; }

.guide-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; cursor: pointer; }

.guide-prev, .guide-next { flex: none; width: 16rem; height: 50rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/news-prev.png) no-repeat center/cover; }

.guide-next { transform: rotate(180deg); }

.guide-item { display: flex; flex-direction: column; width: 162rem; height: 192rem; border: 1rem solid #671c15; border-radius: 10rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/guide-swiper.png) no-repeat center/cover; overflow: hidden; }

.guide-item i { display: flex; justify-content: center; align-items: center; width: 100%; height: 150rem; }

.guide-item img { width: 100%; height: 100%; object-fit: cover; }

.guide-item p { flex: auto; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 24rem; color: #ffff; background-color: #000; }

.guide-intro { display: flex; justify-content: center; align-items: flex-start; width: 308rem; height: 204rem; padding: 20rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/guide-intro.png) no-repeat center/cover; position: absolute; top: 210rem; left: 0rem; opacity: 0; transition: all .6s; }

.guide-intro a { width: 24rem; height: 24rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/close.png) no-repeat center/cover; position: absolute; top: 0; right: 0; transform: translate(150%, 0); }

.guide-intro div { flex: auto; width: 100%; height: 100%; font-size: 20rem; color: #858484; overflow-y: auto; }

.guide-intro.active { opacity: 1; }

.dia { width: 100%; height: 100%; margin: 0 !important; position: fixed !important; left: 0 !important; top: 0 !important; display: none; }

.dia-box { display: flex; flex-direction: column; align-items: center; width: 1000rem; max-height: 90vh; height: auto; min-height: 500rem; padding: 50rem; border: 2rem solid #671c15; border-radius: 20rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/dia-box.jpg) no-repeat top center/100% auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.dia-close { width: 50rem; height: 50rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/close.png) no-repeat center/cover; position: absolute; top: 0; right: 0; transform: translate(150%, 0); }

.dia-course { display: flex; flex-direction: column; align-items: flex-end; width: 700rem; height: auto; }

.dia-course img { width: 100%; height: auto; }

.dia-course p { font-size: 14rem; color: #d6b692; padding-top: 20rem; }

.dia-join { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 60vh; overflow-y: scroll; }

.dia-join img { width: 100%; height: auto; }

.dia-video { width: 100%; height: 560rem; border: 2rem solid #671c15; border-radius: 20rem; overflow: hidden; }

.dia-images { display: flex; align-items: center; width: 100%; border-radius: 20rem; position: relative; }

.dia-images-prev, .dia-images-next { flex: none; width: 16rem; height: 50rem; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/news-prev.png) no-repeat center/cover; position: absolute; left: -50rem; }

.dia-images-next { transform: rotate(180deg); left: auto; right: -50rem; }

.dia-images .swiper { width: 100%; height: auto; }

.dia-images .swiper .swiper-slide { display: flex; border-radius: 20rem; overflow: hidden; }

.dia-images img { width: 100%; height: auto; }

.dia#video .dia-box { padding: 0; border: none; }

.dia#images .dia-box { padding: 0; }

.show-join { width: 100rem; height: 100rem; font-size: 0; color: transparent; background: url(//game.gtimg.cn/images/hyrz/cp/a202507232025ssgbqpc/dia-join-icon.png) no-repeat center/cover; position: fixed; right: 30rem; bottom: 30rem; z-index: 11; }

.toast { display: flex; align-items: center; height: 60rem; font-size: 34rem; color: #ffff; border-radius: 60rem; padding: 0 30rem; background-color: #000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; opacity: 0; pointer-events: none; transition: all .6s; }

.toast.active { opacity: 1; }

/*afooter*/
#afooter { text-align: center; background: #000; font-size: 12px; color: #c0c0c0; padding: 30px 0; }

#afooter a { color: #c0c0c0; }