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

body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer { margin: 0; padding: 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; }

a:hover { filter: brightness(1.2); }

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

a { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }

* { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

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

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

body { padding-top: 1.1rem; }

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

::-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; height: 1.1rem; padding: 0 0.3rem; background: url(//game.gtimg.cn/images/hyrz/m2026/topnav.png) no-repeat center/cover; position: fixed; top: 0; left: 0; right: 0; z-index: 999; }

.topnav-logo { display: flex; }

.topnav-logo a { display: flex; }

.topnav-logo img { width: 0.84rem; }

.topnav-logo p { display: flex; flex-direction: column; padding-left: 0.24rem; }

.topnav-logo strong { font-size: 0.3rem; color: #fff; font-weight: 400; }

.topnav-logo span { font-size: 0.22rem; color: #e9e9e9; font-weight: 400; }

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

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

.topnav-dowload { display: flex; justify-content: center; align-items: center; font-size: 0px; color: transparent; width: 1.43rem; height: 0.46rem; background: url(//game.gtimg.cn/images/hyrz/m2026/topnav-dowload.png) no-repeat center/cover; margin: 0 0.2rem; }

.topnav-nav { display: flex; align-items: center; width: 0.44rem; height: 0.4rem; }

.topnav-nav i { display: flex; flex-direction: column; align-items: center; width: 100%; height: 0.07rem; border-radius: 0.07rem; background-color: #fff; position: relative; }

.topnav-nav i:before, .topnav-nav i:after { content: ''; width: 100%; height: 0.07rem; border-radius: 0.07rem; background: #fff; position: absolute; top: -0.15rem; transition: all .6s; }

.topnav-nav i:after { top: auto; bottom: -0.15rem; }

.topnav-nav.open i { background-color: transparent; }

.topnav-nav.open i:before { top: 0; transform: rotate(45deg); }

.topnav-nav.open i:after { bottom: 0; transform: rotate(-45deg); }

.topnav-item { display: flex; flex-direction: column; width: 50%; height: calc(100svh - 1.1rem); bottom: 0; position: fixed; right: 0; transform: translateX(100%); transition: all .3s; }

.topnav-item.open { transform: translateX(0); }

.topnav-item.open li.active ul { width: 80%; }

.topnav-item > ul { display: flex; flex-direction: column; width: 100%; background: #1e1919; }

.topnav-item > ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 1.2rem; border-top: .01rem solid #2c2c2c; position: relative; }

.topnav-item > ul a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0.25rem; color: #fff; }

.topnav-item > ul ul { display: flex; flex-direction: column; align-items: center; width: 0%; background: #1e1919; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); z-index: 2; overflow: hidden; transition: all .3s; }

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

.webdia-box { display: flex; flex-direction: column; align-items: center; width: 6.5rem; min-height: 3.7rem; border: 0.01rem solid #ffe69f; padding: 0.3rem 0.4rem; background: rgba(16, 16, 16, 0.9); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

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

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

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

.webdia-title { display: flex; align-items: center; padding-bottom: 0.3rem; }

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

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

.webdia-btn { display: flex; padding-top: 0.3rem; }

.webdia-btn a { display: flex; justify-content: center; align-items: center; width: 2.03rem; height: 0.5rem; font-size: 0.24rem; color: #a5570b; background: url(//game.gtimg.cn/images/hyrz/m2026/dia-btn.png) no-repeat center/cover; margin: 0 0.15rem; position: relative; }

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

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

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

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

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

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

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

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

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

.webdia-reward-item img { width: 0.8rem; height: 0.8rem; object-fit: contain; }

.webdia-reward-item p { display: flex; justify-content: center; align-items: center; height: 0.25rem; font-size: 0.12rem; color: #364524; text-align: center; line-height: .9; font-family: 'fzyhjt'; margin-top: -0.05rem; }

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

.webdia-reward-tips p { font-size: 0.16rem; color: #d4d4d4; padding: 0.3rem 0 0.2rem; }

.webdia-reward-rule { display: flex; flex-direction: column; padding-top: 0.3rem; }

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

.webdia-reward-rule strong:before { content: ''; width: 0.07rem; height: 0.2rem; background: url(//game.gtimg.cn/images/hyrz/m2026/page-title.png) no-repeat center/cover; margin-right: 0.08rem; }

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

.webdia-reward-rule li { font-size: 0.16rem; color: #b9b9b9; }

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

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

.webdia-login li img { width: 1.5rem; height: auto; }

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

.webdia-binding { width: 90%; }

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

.webdia-binding-tips div { display: flex; margin: 0.05rem 0.1rem 0 0; }

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

.webdia-binding-tips p { font-size: 0.2rem; color: #fff; }

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

.webdia-binding-item::-webkit-scrollbar { width: 0.02rem; }

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

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

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

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

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

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

.webdia-binding-item p { font-size: 0.24rem; color: #fff; }

.webdia-binding-item span { font-size: 0.24rem; color: #ffe69f; }

.webdia-binding-item a { width: 0.5rem; height: 0.5rem; border: 0.01rem solid #fff; border-radius: 0.05rem; position: relative; }

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

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

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

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

.webdia-bind li:last-child p { max-width: 4.5rem; font-size: 0.2rem; color: #fff; }

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

.webdia-bind div { display: flex; margin: 0.05rem 0.1rem 0 0; }

.webdia-bind label { font-size: 0.26rem; color: #fff; }

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

.webdia-bind select { width: 4rem; height: 0.5rem; font-size: 0.22rem; color: #fff; border: 0.02rem solid #fff; border-radius: 0.05rem; padding: 0 0.2rem; box-sizing: border-box; background: black; outline: none; }

.webdia-bind-tips { display: none; font-size: 0.24rem; color: #ffe69f; text-align: center; padding-top: 0.2rem; }

.webdia-video { width: 95vw; height: 55vw; padding: 0; }

.webdia-video .webdia-close { top: -0.5rem; }

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

.webdia-code { width: 100%; }

.webdia-code img { width: 100%; height: auto; }

.webdia-code p { font-size: 0.24rem; color: #fff; line-height: 1; padding: 0.1rem 0 0; }

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

.webdia-phone img { width: 0.3rem; height: 0.3rem; margin-right: 0.2rem; }

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

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

.webdia-age p { font-size: 0.24rem; color: #fff; line-height: 1.4; padding: 0.1rem 0; }

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

.webdia-intro p { max-width: 5rem; font-size: 0.24rem; color: #fff; text-align: center; }

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

.webdia-success-tips { font-size: 0.24rem; color: #fff; }

.webdia-gowx img { width: 3.5rem; height: auto; margin: 0.15rem 0; }

.webdia-gowx p { font-size: 0.24rem; color: #fff; }

/*common*/
#afooter { display: flex; flex-direction: column; align-items: center; padding: 0.2rem 0; background: #32323a; }

.footer-logi, .foot { display: flex; flex-direction: column; align-items: center; }

.footer-logi p, .foot p { display: flex; font-size: 0.2rem; color: #575769; text-align: center; line-height: 2; }

.footer-logi img, .foot img { width: 2rem; height: auto; }

.foot { display: none; }