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

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

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

em, b { font-style: normal; }

a { text-decoration: none; transition: filter 0.3s ease-in-out; }

img { border: 0; }

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; }

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

html { font-size: calc(100vw / 1920); font-family: 'syht'; }

body { font-size: 0px; }

::-webkit-scrollbar { width: 5; }

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

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

[v-cloak] { display: none; }

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

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

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

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

.topnav { display: flex; align-items: center; justify-content: space-between; padding: 0 40rem; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }

.topnav-logo { display: flex; width: 142rem; }

.topnav-logo:hover img { transform: scale(1.1); }

.topnav-logo img { width: 100%; height: auto; transition: all .3s; }

.topnav-box { flex: auto; display: flex; justify-content: flex-end; align-items: center; }

.topnav-item { flex: auto; display: flex; justify-content: center; padding-right: 40rem; }

.topnav-item > li { display: flex; justify-content: center; align-items: center; height: 80rem; padding-top: 5rem; margin-left: 70rem; position: relative; }

.topnav-item > li:after { content: ''; width: 0; height: 2rem; border-radius: 2rem; background-color: #fff; position: absolute; left: 50%; bottom: 0; opacity: 0; transform: translateX(-50%); transition: all .3s; }

.topnav-item > li:hover:after { width: 100%; opacity: 1; }

.topnav-item > li:hover strong { transform: scale(1.1); }

.topnav-item > li:hover span { transform: scale(0.9); }

.topnav-item > li:hover .topnav-social { opacity: 1; pointer-events: auto; }

.topnav-item > li:hover ul { max-height: 200rem; overflow: auto; }

.topnav-item > li > a { display: flex; flex-direction: column; align-items: center; }

.topnav-item > li strong { font-size: 20rem; color: #fff; font-weight: 400; line-height: 1; transition: all .3s; }

.topnav-item > li span { font-size: 16rem; color: rgba(206, 206, 206, 0.4); transition: all .3s; }

.topnav-item > li ul { display: flex; flex-direction: column; min-width: 100%; max-height: 0; padding: 0 10rem; background: rgba(0, 0, 0, 0.7); position: absolute; left: 50%; bottom: 0; height: auto; transform: translate(-50%, 100%); overflow: hidden; transition: all .3s; }

.topnav-item > li ul li { display: flex; justify-content: center; align-items: center; width: 100%; height: 50rem; border-bottom: 1rem solid rgba(206, 206, 206, 0.4); }

.topnav-item > li ul li:hover a { color: #fff; }

.topnav-item > li ul a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 16rem; color: rgba(206, 206, 206, 0.4); white-space: nowrap; }

.topnav-social { display: flex; width: 349rem; height: 256rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); opacity: 0; pointer-events: none; transition: all .3s; }

.topnav-social div { display: flex; width: 100%; height: 100%; position: relative; }

.topnav-social div > img { width: 100%; height: 100%; object-fit: cover; }

.topnav-social a { display: flex; width: 82rem; height: 110rem; position: absolute; top: 15rem; left: 24rem; }

.topnav-social a img { width: 640rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); opacity: 0; transition: all .3s; pointer-events: none; }

.topnav-social a:hover { filter: brightness(100%); }

.topnav-social a:hover img { opacity: 1; pointer-events: auto; }

.topnav-btn { display: flex; }

.topnav-dowload { width: 163rem; height: 50rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/hyrz/web2026/topnav-dowload.png) no-repeat center/cover; }

.topnav-age { display: flex; width: 40rem; height: 51rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/hyrz/web2026/topnav-age.png) no-repeat center/cover; margin: 0 20rem; }

.topnav-login { display: flex; align-items: center; }

.topnav-login div { display: flex; flex-direction: column; align-items: center; }

.topnav-login p, .topnav-login a { font-size: 12rem; color: #d4d4d4; }

.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: 714rem; min-height: 370rem; border: 1rem solid #ffe69f; padding: 30rem 40rem; background: rgba(16, 16, 16, 0.9); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.dia-box:after { content: ''; width: calc(100% + 7rem); height: calc(100% - 7rem); border: 1rem solid #ffe69f; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

.dia-close { width: 25rem; height: 26rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/hyrz/web2026/dia-close.png) no-repeat center/cover; position: absolute; top: 10rem; right: 10rem; transition: all .6s; }

.dia-close:hover { transform: rotate(90deg); }

.dia-title { display: flex; align-items: center; padding-bottom: 30rem; }

.dia-title:before, .dia-title:after { content: ''; width: 20rem; height: 20rem; background: url(//game.gtimg.cn/images/hyrz/web2026/dia-title.png) no-repeat center/cover; margin: 0 10rem; }

.dia-title p { font-size: 24rem; color: #fff; font-weight: 400; font-family: 'fztht'; transform: scaleY(1.4); }

.dia-btn { display: flex; padding-top: 30rem; }

.dia-btn a { display: flex; justify-content: center; align-items: center; width: 203rem; height: 50rem; font-size: 24rem; color: #a5570b; background: url(//game.gtimg.cn/images/hyrz/web2026/dia-btn.png) no-repeat center/cover; margin: 0 15rem; position: relative; }

.dia-btn a.lq { background-image: url(//game.gtimg.cn/images/hyrz/web2026/dia-btn-lq.png); }

.dia-btn a.bdqt { background-image: url(//game.gtimg.cn/images/hyrz/web2026/dia-btn-bdqt.png); }

.dia-btn a.qrbd { background-image: url(//game.gtimg.cn/images/hyrz/web2026/dia-btn-qrbd.png); }

.dia-btn a.qwmy { background-image: url(//game.gtimg.cn/images/hyrz/web2026/dia-btn-qwmy.png); }

.dia-btn a.dkyx { background-image: url(//game.gtimg.cn/images/hyrz/web2026/dia-btn-dkyx.png); }

.dia-btn a.gray, .dia-btn a.disabled { filter: grayscale(50%); }

.dia-auto { flex: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.dia-reward-item { display: flex; }

.dia-reward-item li { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 132rem; height: 104rem; background: url(//game.gtimg.cn/images/hyrz/web2026/dia-reward.png) no-repeat center/cover; margin: 0 8rem; position: relative; }

.dia-reward-item img { width: 80rem; height: 80rem; object-fit: contain; }

.dia-reward-item p { display: flex; justify-content: center; align-items: center; height: 25rem; font-size: 12rem; color: #364524; text-align: center; line-height: .9; font-family: 'fzyhjt'; margin-top: -5rem; }

.dia-reward-tips { display: flex; flex-direction: column; align-items: center; }

.dia-reward-tips p { font-size: 16rem; color: #d4d4d4; padding: 30rem 0 20rem; }

.dia-reward-rule { display: flex; flex-direction: column; padding-top: 30rem; }

.dia-reward-rule strong { display: flex; align-items: center; font-size: 20rem; color: #fff; font-family: 'fztht'; font-weight: 400; }

.dia-reward-rule strong:before { content: ''; width: 7rem; height: 20rem; background: url(//game.gtimg.cn/images/hyrz/web2026/page-title.png) no-repeat center/cover; margin-right: 8rem; }

.dia-reward-rule ol { display: flex; flex-direction: column; padding-top: 5rem; }

.dia-reward-rule li { font-size: 16rem; color: #b9b9b9; }

.dia-login { flex-direction: row; }

.dia-login li { display: flex; flex-direction: column; align-items: center; margin: 0 50rem; cursor: pointer; }

.dia-login li img { width: 150rem; height: auto; }

.dia-login li p { font-size: 16rem; color: #fff; font-family: 'fzyhjt'; }

.dia-binding { width: 90%; }

.dia-binding-tips { display: flex; max-width: 92%; margin-top: 30rem; }

.dia-binding-tips div { display: flex; margin: 5rem 10rem 0 0; }

.dia-binding-tips input { width: 20rem !important; height: 20rem !important; border-radius: 0 !important; }

.dia-binding-tips p { font-size: 20rem; color: #fff; }

.dia-binding-item { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; max-height: 500rem; overflow-y: auto; padding: 0 20rem; }

.dia-binding-item::-webkit-scrollbar { width: 2rem; }

.dia-binding-item::-webkit-scrollbar-track { background-color: transparent; }

.dia-binding-item::-webkit-scrollbar-thumb { background-color: #ffe69f; }

.dia-binding-item li { flex: none; display: flex; justify-content: space-between; align-items: center; height: 100rem; border-bottom: 1rem solid #ffe69f; }

.dia-binding-item li:last-child { border-bottom: none; }

.dia-binding-item li.active a:after { opacity: 1; }

.dia-binding-item div { display: flex; flex-direction: column; }

.dia-binding-item p { font-size: 24rem; color: #fff; }

.dia-binding-item span { font-size: 24rem; color: #ffe69f; }

.dia-binding-item a { width: 50rem; height: 50rem; border: 1rem solid #fff; border-radius: 5rem; position: relative; }

.dia-binding-item a:after { content: ''; width: 37rem; height: 28rem; background: url(//game.gtimg.cn/images/hyrz/web2026/dia-binding.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s; }

.dia-bind ul { display: flex; flex-direction: column; align-items: center; }

.dia-bind li { display: flex; align-items: center; margin: 0 0 20rem; }

.dia-bind li:last-child { align-items: flex-start; }

.dia-bind li:last-child p { max-width: 450rem; font-size: 20rem; color: #fff; }

.dia-bind li:last-child { margin: 0; }

.dia-bind div { display: flex; margin: 5rem 10rem 0 0; }

.dia-bind label { font-size: 26rem; color: #fff; }

.dia-bind input { width: 20rem !important; height: 20rem !important; border-radius: 0 !important; }

.dia-bind select { width: 400rem; height: 50rem; font-size: 22rem; color: #fff; border: 2rem solid #fff; border-radius: 5rem; padding: 0 20rem; box-sizing: border-box; background: black; outline: none; }

.dia-bind-tips { display: none; font-size: 24rem; color: #ffe69f; text-align: center; padding-top: 20rem; }

.dia-video { width: 140vh; height: 80vh; padding: 0; }

.dia-video .dia-close { right: -50rem; }

.dia-video-box { width: 100%; height: 100%; }

.dia-phone p { display: flex; align-items: center; }

.dia-phone img { width: 30rem; height: 30rem; margin-right: 20rem; }

.dia-phone a { font-size: 40rem; color: #fff; line-height: 1; }

.dia-age { justify-content: flex-start; max-height: 70vh; overflow-y: auto; }

.dia-age p { font-size: 24rem; color: #fff; line-height: 1.4; padding: 10rem 0; }

.dia-intro { display: flex; flex-direction: column; }

.dia-intro p { max-width: 500rem; font-size: 24rem; color: #fff; text-align: center; }

.dia-success { justify-content: space-between; }

.dia-success-tips { font-size: 24rem; color: #fff; }

.dia-gowx img { width: 350rem; height: auto; margin: 15rem 0; }

.dia-gowx p { font-size: 24rem; color: #fff; }

.dia-modowload { flex-direction: row; }

.dia-modowload-code { display: flex; flex-direction: column; align-items: center; }

.dia-modowload-code img { width: 210rem; height: auto; }

.dia-modowload-code p { font-size: 24rem; color: #fff; font-family: 'fzyhjt'; padding: 10rem 0; }

.dia-modowload-btn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 225rem; height: 301rem; background: url(//game.gtimg.cn/images/hyrz/web2026/dia-modowload.png) no-repeat center/cover; margin-left: 60rem; }

.dia-modowload-btn a { width: 201rem; height: 48rem; font-size: 0px; color: transparent; margin: 14rem 0; }

/*common*/
.gfooter { background: url(//game.gtimg.cn/images/hyrz/web2026/gfooter.png); }

#gfooter { margin: 0 auto; font-family: Tahoma; }

.gfooter-service { display: flex; justify-content: center; align-items: center; padding: 30rem 0; }

.gfooter-service li { display: flex; flex-direction: column; align-items: center; margin: 0 40rem; cursor: pointer; }

.gfooter-service img { width: 35rem; height: 35rem; }

.gfooter-service p { font-size: 12rem; color: #e1e1e1; padding: 5rem 0; }

.gfooter-service span { font-size: 10rem; color: #6a6a6a; }

.gfooter .foot_cpright { max-width: 100vw; display: flex; box-sizing: border-box; background: none; }

.gfooter .foot_dark { background: none; }

.foot_lefts { width: 390px; flex-shrink: 0; }

.gfooter .foot_links { width: auto; margin-right: -30px; margin-left: 30px; padding-right: 20px; box-sizing: border-box; }

.foot { width: 1160px !important; }

.foot .logo1 { width: 130px; height: 45px; margin-top: 0 !important; background-position: -200px 0; }

.foot .logo2 { width: 46px; height: 40px; margin-top: 0 !important; background-position: -355px -3px; }

#gfooter .foot_tips { clear: both; text-indent: 0; width: 310px; height: 80px; line-height: 20px; }

.foot_ieg_logo { margin-top: 0 !important; }

.foot_spr { background: url(//game.gtimg.cn/images/hyrz/web2016/foot_logo.png) no-repeat; }

.footer-slide { height: auto; }

#ams_loginWxDiv { width: 350px !important; }

.qConnectLogin { z-index: 111; }