@charset "UTF-8";
/* reset */
body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
th,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  -webkit-text-size-adjust: none;
  font-size: 0.24rem;
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
  display: block;
}

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

ol,
ul {
  margin: 0;
  padding: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

a,
li,
ul,
[onclick] {
  -webkit-tap-highlight-color: none;
  -webkit-tap-highlight-color: transparent;
}

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

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

a {
  text-decoration: none;
}

.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.cl:before,
.cl:after {
  content: '';
  display: table;
}

.cl:after {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.gary {
  filter: grayscale(90%);
}

.gary .icon1 {
  filter: grayscale(0%);
}

.db {
  display: block;
  text-indent: -999em;
}

.flex {
  display: flex;
  justify-content: space-evenly;
}

body,
html {
  width: 100%;
  background: #000;
}

header,
footer {
  width: 100%;
  margin: 0 auto;
}

.ct {
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

#afooter {
  color: #ffffff70;
  padding: 0.1rem 0;
  font-size: 0.2rem;
  line-height: 0.28rem;
  text-align: center;
  width: 100%;
  background: #000;
}

:focus {
  outline: none;
}

body {
  background: #6d4f37;
}

select {
  /* 隐藏默认的下拉箭头 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 0;
  border: 0;
}

.lang_cn {
  font-family: 'btn';
}

input {
  outline: none;
  border-radius: 0;
  border: 0;
}

body {
  /* IOS禁止微信调整字体大小 */
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  -webkit-overflow-scrolling: touch;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
}

@font-face {
  font-family: 'syst';
  src: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/syst.ttf);
}

em {
  font-style: normal;
}

.flex,
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

html {
  font-size: calc(100vw / 750);
}

* {
  font-family: syst;
  box-sizing: border-box;
}

.wrap {
  width: 750rem;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.btn-bg1 {
  width: 167rem;
  height: 37rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/btn-bg1.png);
  background-size: 100% 100%;
  font-size: 25rem;
  color: #ffe3af;
}

.btn-bg2 {
  width: 390rem;
  height: 51rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/btn-bg2.png);
  background-size: 100% 100%;
  font-size: 22rem;
  color: #ffe3af;
}

.btn-bg3 {
  width: 303rem;
  height: 57rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/btn-bg3.png);
  background-size: 100% 100%;
  font-size: 32rem;
  color: #ffe3af;
}

.pop6 {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  margin: 0 !important;
  z-index: 999999 !important;
}

.jp_text4 {
  display: none;
}

.ru_text4 {
  display: none;
}

.ru_title {
  height: 217rem !important;
}

.cn .logo {
  width: 183rem;
  height: 116rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/logo.png);
  background-size: 100% 100%;
  position: absolute;
  top: 10rem;
  left: 20rem;
}

.cn .btn1 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/btn1.png);
  background-size: 100% 100%;
}

.cn .btn2 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/btn2.png);
  background-size: 100% 100%;
}

.cn .btn3 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/btn3.png);
  background-size: 100% 100%;
}

.cn .btn3.on {
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/btn3_on.png);
}

.cn .btn5 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/btn5.png);
  background-size: 100% 100%;
}

.cn .btn4 {
  width: 187rem;
  height: 47rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/btn4.png);
  background-size: 100% 100%;
}

.cn .dia_tit1 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/dia_tit1.png) center center no-repeat;
  background-size: auto 100%;
}

.cn .dia_tit2 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/dia_tit2.png) center center no-repeat;
  background-size: auto 100%;
}

.cn .dia_tit3 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/dia_tit3.png) center center no-repeat;
  background-size: auto 100%;
}

.cn .dia_tit4 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/dia_tit4.png) center center no-repeat;
  background-size: auto 100%;
}

.cn .dia_tit5 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/dia_tit5.png) center center no-repeat;
  background-size: auto 100%;
}

.cn .dia_tit6 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/dia_tit6.png) center center no-repeat;
  background-size: auto 100%;
}

.cn .kv-title {
  width: 750rem;
  height: 273rem;
  margin-top: 160rem;
  text-align: center;
}

.cn .kv-title img {
  display: none;
  object-fit: contain;
  height: 226rem;
  margin: 0 auto;
}

.cn .kv-title img.cn_title {
  display: block;
}

.cn .title {
  margin: 0 auto;
}

.cn .title.tit1 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/tit1.png) center no-repeat;
  background-size: auto 100%;
}

.cn .title.tit2 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/tit2.png) center no-repeat;
  background-size: auto 100%;
}

.cn .title.tit_s1 {
  width: 476rem;
  height: 82rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/tit_s1.png);
  background-size: 100% 100%;
}

.cn .title.tit_s2 {
  width: 550rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/tit_s2.png) center center no-repeat;
  background-size: auto 100%;
}

.btn-bg1 {
  font-size: 18rem;
}

.en .logo {
  width: 223rem !important;
  height: 100rem !important;
}

.en .tit_s2 {
  width: 538rem !important;
}

.en .btn-bg1 {
  font-size: 14rem;
  line-height: 1;
  text-align: center;
  padding: 0 20rem;
}

.en .logo {
  width: 183rem;
  height: 116rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/logo.png);
  background-size: 100% 100%;
  position: absolute;
  top: 10rem;
  left: 20rem;
}

.en .btn1 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/btn1.png);
  background-size: 100% 100%;
}

.en .btn2 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/btn2.png);
  background-size: 100% 100%;
}

.en .btn3 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/btn3.png);
  background-size: 100% 100%;
}

.en .btn3.on {
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/btn3_on.png);
}

.en .btn5 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/btn5.png);
  background-size: 100% 100%;
}

.en .btn4 {
  width: 187rem;
  height: 47rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/btn4.png);
  background-size: 100% 100%;
}

.en .dia_tit1 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/dia_tit1.png) center center no-repeat;
  background-size: auto 100%;
}

.en .dia_tit2 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/dia_tit2.png) center center no-repeat;
  background-size: auto 100%;
}

.en .dia_tit3 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/dia_tit3.png) center center no-repeat;
  background-size: auto 100%;
}

.en .dia_tit4 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/dia_tit4.png) center center no-repeat;
  background-size: auto 100%;
}

.en .dia_tit5 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/dia_tit5.png) center center no-repeat;
  background-size: auto 100%;
}

.en .dia_tit6 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/dia_tit6.png) center center no-repeat;
  background-size: auto 100%;
}

.en .kv-title {
  width: 750rem;
  height: 273rem;
  margin-top: 160rem;
  text-align: center;
}

.en .kv-title img {
  display: none;
  object-fit: contain;
  height: 226rem;
  margin: 0 auto;
}

.en .kv-title img.en_title {
  display: block;
}

.en .title {
  margin: 0 auto;
}

.en .title.tit1 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/tit1.png) center no-repeat;
  background-size: auto 100%;
}

.en .title.tit2 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/tit2.png) center no-repeat;
  background-size: auto 100%;
}

.en .title.tit_s1 {
  width: 476rem;
  height: 82rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/tit_s1.png);
  background-size: 100% 100%;
}

.en .title.tit_s2 {
  width: 550rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/tit_s2.png) center center no-repeat;
  background-size: auto 100%;
}

.btn-bg1 {
  font-size: 18rem;
}

.jp .tit_s {
  font-size: 36rem !important;
}

.jp .kv-title img {
  height: 196rem !important;
}

.jp .btn-bg3 {
  width: 330rem;
  font-size: 28rem;
}

.jp .btn1 {
  width: 275rem !important;
}

.jp .btn2 {
  width: 343rem !important;
}

.jp .btn4 {
  width: 245rem !important;
}

.jp .p0-bg {
  height: auto;
  min-height: 266rem;
}

.jp .p0-bg p {
  font-size: 26rem;
}

.jp .jp_text4 {
  display: block;
}

.jp .logo {
  width: 183rem;
  height: 116rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/logo.png);
  background-size: 100% 100%;
  position: absolute;
  top: 10rem;
  left: 20rem;
}

.jp .btn1 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/btn1.png);
  background-size: 100% 100%;
}

.jp .btn2 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/btn2.png);
  background-size: 100% 100%;
}

.jp .btn3 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/btn3.png);
  background-size: 100% 100%;
}

.jp .btn3.on {
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/btn3_on.png);
}

.jp .btn5 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/btn5.png);
  background-size: 100% 100%;
}

.jp .btn4 {
  width: 187rem;
  height: 47rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/btn4.png);
  background-size: 100% 100%;
}

.jp .dia_tit1 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/dia_tit1.png) center center no-repeat;
  background-size: auto 100%;
}

.jp .dia_tit2 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/dia_tit2.png) center center no-repeat;
  background-size: auto 100%;
}

.jp .dia_tit3 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/dia_tit3.png) center center no-repeat;
  background-size: auto 100%;
}

.jp .dia_tit4 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/dia_tit4.png) center center no-repeat;
  background-size: auto 100%;
}

.jp .dia_tit5 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/dia_tit5.png) center center no-repeat;
  background-size: auto 100%;
}

.jp .dia_tit6 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/dia_tit6.png) center center no-repeat;
  background-size: auto 100%;
}

.jp .kv-title {
  width: 750rem;
  height: 273rem;
  margin-top: 160rem;
  text-align: center;
}

.jp .kv-title img {
  display: none;
  object-fit: contain;
  height: 226rem;
  margin: 0 auto;
}

.jp .kv-title img.jp_title {
  display: block;
}

.jp .title {
  margin: 0 auto;
}

.jp .title.tit1 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/tit1.png) center no-repeat;
  background-size: auto 100%;
}

.jp .title.tit2 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/tit2.png) center no-repeat;
  background-size: auto 100%;
}

.jp .title.tit_s1 {
  width: 476rem;
  height: 82rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/tit_s1.png);
  background-size: 100% 100%;
}

.jp .title.tit_s2 {
  width: 550rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/tit_s2.png) center center no-repeat;
  background-size: auto 100%;
}

.btn-bg1 {
  font-size: 18rem;
}

.ko .btn1 {
  width: 275rem !important;
}

.ko .btn2 {
  width: 253rem !important;
}

.ko .p0-bg p {
  font-size: 26rem;
}

.ko .foot-bg {
  padding-top: 25rem;
}

.ko .logo {
  width: 183rem;
  height: 116rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/logo.png);
  background-size: 100% 100%;
  position: absolute;
  top: 10rem;
  left: 20rem;
}

.ko .btn1 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/btn1.png);
  background-size: 100% 100%;
}

.ko .btn2 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/btn2.png);
  background-size: 100% 100%;
}

.ko .btn3 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/btn3.png);
  background-size: 100% 100%;
}

.ko .btn3.on {
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/btn3_on.png);
}

.ko .btn5 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/btn5.png);
  background-size: 100% 100%;
}

.ko .btn4 {
  width: 187rem;
  height: 47rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/btn4.png);
  background-size: 100% 100%;
}

.ko .dia_tit1 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/dia_tit1.png) center center no-repeat;
  background-size: auto 100%;
}

.ko .dia_tit2 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/dia_tit2.png) center center no-repeat;
  background-size: auto 100%;
}

.ko .dia_tit3 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/dia_tit3.png) center center no-repeat;
  background-size: auto 100%;
}

.ko .dia_tit4 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/dia_tit4.png) center center no-repeat;
  background-size: auto 100%;
}

.ko .dia_tit5 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/dia_tit5.png) center center no-repeat;
  background-size: auto 100%;
}

.ko .dia_tit6 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/dia_tit6.png) center center no-repeat;
  background-size: auto 100%;
}

.ko .kv-title {
  width: 750rem;
  height: 273rem;
  margin-top: 160rem;
  text-align: center;
}

.ko .kv-title img {
  display: none;
  object-fit: contain;
  height: 226rem;
  margin: 0 auto;
}

.ko .kv-title img.ko_title {
  display: block;
}

.ko .title {
  margin: 0 auto;
}

.ko .title.tit1 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/tit1.png) center no-repeat;
  background-size: auto 100%;
}

.ko .title.tit2 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/tit2.png) center no-repeat;
  background-size: auto 100%;
}

.ko .title.tit_s1 {
  width: 476rem;
  height: 82rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/tit_s1.png);
  background-size: 100% 100%;
}

.ko .title.tit_s2 {
  width: 550rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/tit_s2.png) center center no-repeat;
  background-size: auto 100%;
}

.btn-bg1 {
  font-size: 18rem;
}

.tw .logo {
  width: 183rem;
  height: 116rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/logo.png);
  background-size: 100% 100%;
  position: absolute;
  top: 10rem;
  left: 20rem;
}

.tw .btn1 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/btn1.png);
  background-size: 100% 100%;
}

.tw .btn2 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/btn2.png);
  background-size: 100% 100%;
}

.tw .btn3 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/btn3.png);
  background-size: 100% 100%;
}

.tw .btn3.on {
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/btn3_on.png);
}

.tw .btn5 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/btn5.png);
  background-size: 100% 100%;
}

.tw .btn4 {
  width: 187rem;
  height: 47rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/btn4.png);
  background-size: 100% 100%;
}

.tw .dia_tit1 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/dia_tit1.png) center center no-repeat;
  background-size: auto 100%;
}

.tw .dia_tit2 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/dia_tit2.png) center center no-repeat;
  background-size: auto 100%;
}

.tw .dia_tit3 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/dia_tit3.png) center center no-repeat;
  background-size: auto 100%;
}

.tw .dia_tit4 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/dia_tit4.png) center center no-repeat;
  background-size: auto 100%;
}

.tw .dia_tit5 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/dia_tit5.png) center center no-repeat;
  background-size: auto 100%;
}

.tw .dia_tit6 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/dia_tit6.png) center center no-repeat;
  background-size: auto 100%;
}

.tw .kv-title {
  width: 750rem;
  height: 273rem;
  margin-top: 160rem;
  text-align: center;
}

.tw .kv-title img {
  display: none;
  object-fit: contain;
  height: 226rem;
  margin: 0 auto;
}

.tw .kv-title img.tw_title {
  display: block;
}

.tw .title {
  margin: 0 auto;
}

.tw .title.tit1 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/tit1.png) center no-repeat;
  background-size: auto 100%;
}

.tw .title.tit2 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/tit2.png) center no-repeat;
  background-size: auto 100%;
}

.tw .title.tit_s1 {
  width: 476rem;
  height: 82rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/tit_s1.png);
  background-size: 100% 100%;
}

.tw .title.tit_s2 {
  width: 550rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/tit_s2.png) center center no-repeat;
  background-size: auto 100%;
}

.btn-bg1 {
  font-size: 18rem;
}

.ru .dia_btn_bg1 {
  line-height: 1;
  font-size: 26rem;
  text-align: center;
  height: 81rem;
}

.ru .dia .btn {
  padding-bottom: 10rem;
}

.ru .btn-bg1 {
  width: 190rem;
  font-size: 14rem;
  line-height: 1;
}

.ru .dia_tip {
  padding: 0;
}

.ru .part1 .prop-box .item .prop .name {
  width: 186rem !important;
}

.ru .part1 .tit_s {
  font-size: 36rem !important;
}

.ru .btn-bg2 {
  width: 450rem !important;
}

.ru .btn-bg3 {
  width: 330rem;
  font-size: 30rem;
}

.ru .part2 .tip {
  font-size: 22rem;
}

.ru .part2 .tips {
  font-size: 26rem;
}

.ru .btn1 {
  width: 133rem !important;
}

.ru .btn2 {
  width: 307rem !important;
}

.ru .btn4 {
  width: 257rem !important;
}

.ru .part0 .btn_box {
  margin-top: 5rem;
}

.ru .p0-bg {
  height: auto;
  min-height: 300rem;
}

.ru .p0-bg::after {
  bottom: -20rem;
}

.ru .p0-bg p {
  font-size: 26rem;
}

.ru .ru_text4 {
  display: block;
}

.ru .foot-bg {
  padding-top: 25rem;
}

.ru .logo {
  width: 183rem;
  height: 116rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/logo.png);
  background-size: 100% 100%;
  position: absolute;
  top: 10rem;
  left: 20rem;
}

.ru .btn1 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/btn1.png);
  background-size: 100% 100%;
}

.ru .btn2 {
  width: 189rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/btn2.png);
  background-size: 100% 100%;
}

.ru .btn3 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/btn3.png);
  background-size: 100% 100%;
}

.ru .btn3.on {
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/btn3_on.png);
}

.ru .btn5 {
  width: 269rem;
  height: 59rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/btn5.png);
  background-size: 100% 100%;
}

.ru .btn4 {
  width: 187rem;
  height: 47rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/btn4.png);
  background-size: 100% 100%;
}

.ru .dia_tit1 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/dia_tit1.png) center center no-repeat;
  background-size: auto 100%;
}

.ru .dia_tit2 {
  width: 600rem;
  height: 60rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/dia_tit2.png) center center no-repeat;
  background-size: auto 100%;
}

.ru .dia_tit3 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/dia_tit3.png) center center no-repeat;
  background-size: auto 100%;
}

.ru .dia_tit4 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/dia_tit4.png) center center no-repeat;
  background-size: auto 100%;
}

.ru .dia_tit5 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/dia_tit5.png) center center no-repeat;
  background-size: auto 100%;
}

.ru .dia_tit6 {
  width: 600rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/dia_tit6.png) center center no-repeat;
  background-size: auto 100%;
}

.ru .kv-title {
  width: 750rem;
  height: 273rem;
  margin-top: 160rem;
  text-align: center;
}

.ru .kv-title img {
  display: none;
  object-fit: contain;
  height: 226rem;
  margin: 0 auto;
}

.ru .kv-title img.ru_title {
  display: block;
}

.ru .title {
  margin: 0 auto;
}

.ru .title.tit1 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/tit1.png) center no-repeat;
  background-size: auto 100%;
}

.ru .title.tit2 {
  width: 750rem;
  height: 129rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/tit2.png) center no-repeat;
  background-size: auto 100%;
}

.ru .title.tit_s1 {
  width: 476rem;
  height: 82rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/tit_s1.png);
  background-size: 100% 100%;
}

.ru .title.tit_s2 {
  width: 550rem;
  height: 68rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/tit_s2.png) center center no-repeat;
  background-size: auto 100%;
}

.title {
  margin: 0 auto;
}

.kv {
  width: 750rem;
  height: 960rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/kv.jpg);
  background-size: 100% 100%;
  padding-top: 1px;
  position: relative;
}

.kv .select_box {
  position: absolute;
  right: 20rem;
  top: 10rem;
  width: 269rem;
  z-index: 23;
}

.kv .select_box .dia_btn_bg3 {
  width: 269rem;
  height: 59rem;
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/kv_select_bg.png);
  font-size: 24rem;
  padding-bottom: 10rem;
  color: #fef7ca;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.kv .select_box .select_item {
  width: 100%;
  background-color: #654f3d;
  display: none;
  position: absolute;
  padding-top: 20rem;
  top: 50%;
  left: 0;
}

.kv .select_box .select_item > div {
  padding: 8rem 8rem;
  text-align: center;
  font-size: 24rem;
  color: #fef7ca;
}

.kv .select_box .select_item > div + div {
  border-top: 1px solid #fef7ca80;
}

.kv .btn_box {
  position: absolute;
  right: 20rem;
  top: 60rem;
  justify-content: end;
  flex-direction: column;
  align-items: end;
}

.kv .btn_box .login_info {
  width: fit-content;
  min-width: 260rem;
  max-width: 320rem;
  word-break: normal;
  height: 54rem;
  font-size: 24rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  line-height: 1;
  padding: 0 40rem;
  margin: 0 -20rem;
  padding-bottom: 10rem;
  box-sizing: border-box;
  color: #dab681;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/login_bg.png) center center no-repeat;
  background-size: 100% 100%;
  overflow-wrap: break-word;
}

.kv .btn_box a {
  margin-left: 5rem;
}

.kv .btn_box .btn3 {
  margin-bottom: -10rem;
}

.kv .btn_box .btn5 {
  position: relative;
  z-index: 2;
}

.con1 {
  width: 100%;
  min-height: 1285rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/bg1.jpg);
  background-size: 100% 100%;
  padding-top: 1px;
  position: relative;
  z-index: 2;
}

.con2 {
  width: 100%;
  height: 1680rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/bg2.jpg);
  background-size: 100% 100%;
  padding-top: 1px;
}

.part0 .btn_box {
  margin-top: 50rem;
  padding: 0 30rem;
  display: flex;
  justify-content: space-between;
}

.p0-bg {
  width: 740rem;
  height: 226rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/p0-bg.png);
  background-size: 100% 100%;
  flex-wrap: wrap;
  flex-direction: column;
  padding-bottom: 10rem;
  position: relative;
  margin: 0 auto;
}

.p0-bg::after {
  content: '';
  position: absolute;
  bottom: -42rem;
  right: -20rem;
  width: 116.9rem;
  height: 119.7rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/p-icon1.png);
  background-size: 100% 100%;
}

.p0-bg p {
  font-size: 28rem;
  color: #fffeef;
  position: relative;
  margin-bottom: 10rem;
}

.p0-bg p::after {
  content: '';
  position: absolute;
  bottom: -12rem;
  left: 50%;
  transform: translateX(-50%);
  width: 633rem;
  height: 8rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/icon1.png);
  background-size: 100% 100%;
}

.p0-bg p + p:last-child {
  margin-bottom: 0;
}

.p0-bg p + p:last-child::after {
  content: '';
  display: none;
}

.tx-box {
  margin-top: 20rem;
  zoom: 1.1;
  transform: scale(1.1);
}

.tx-box .item {
  margin: 0 20rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 132rem;
  height: 160rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tx-bg.png);
  background-size: 100% 100%;
  padding-bottom: 10rem;
}

.tx-box .item img {
  width: 100rem;
  height: 120rem;
  object-fit: cover;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.tx-box .item::after {
  content: '';
  position: absolute;
  bottom: -11rem;
  left: 50%;
  transform: translateX(-50%);
  width: 62.7rem;
  height: 64.9rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tx-icon.png);
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 3;
}

.tx-box .item .name_bg {
  position: absolute;
  bottom: 17rem;
  left: 50%;
  transform: translateX(-50%);
  width: 104rem;
  height: 45rem;
  font-size: 16rem;
  color: #fff7a3;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* 使用::after伪元素实现背景图片半透明效果 */
  z-index: 2;
}

.tx-box .item .name_bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/name_bg.png);
  background-size: 100% 100%;
  opacity: 0.8;
  z-index: -1;
}

.tx-box .item .name_bg span {
  width: 90%;
  margin: 0 auto;
  opacity: 1;
  font-size: 18rem;
  color: #fff7a3;
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.part1 {
  margin-top: 10rem;
}

.part1 .p1-time-bg {
  width: 580rem;
  height: 84rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/p1-time-bg.png);
  background-size: 100% 100%;
  font-size: 40rem;
  color: #fffeef;
  margin: 10rem auto 0;
}

.part1 .tit_s {
  position: relative;
  font-size: 40rem;
  color: #fffeef;
  text-align: center;
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 20rem;
  line-height: 1.2;
}

.part1 .tit_s::after {
  content: '';
  position: absolute;
  bottom: -20rem;
  left: 50%;
  transform: translateX(-50%);
  width: 388rem;
  height: 18rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tit_s_icon.png);
  background-size: 100% 100%;
}

.part1 .tit_s span {
  font-size: 50rem;
  color: #fff097;
}

.part1 .p1-bg {
  width: 740rem;
  min-height: 520rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/p1-bg.png);
  background-size: 100% 100%;
  position: relative;
}

.part1 .p1-bg .lqjl {
  position: absolute;
  bottom: 50rem;
  right: 40rem;
  padding: 5rem 10rem;
  border-radius: 20rem;
  font-size: 24rem;
  color: #ffefc8;
  text-decoration: underline;
  z-index: 3;
  max-width: 150rem;
  line-height: 1;
  text-align: center;
}

.part1 .p1-bg .p_con {
  width: 100%;
  height: 100%;
  padding: 50rem 20rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.part1 .p1-bg .p_con .btn-bg2 {
  margin: 0 auto;
  margin-top: 30rem;
}

.part1 .p1-bg::after {
  content: '';
  position: absolute;
  bottom: -105rem;
  left: -5rem;
  width: 105rem;
  height: 202rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/p-icon2.png);
  background-size: 100% 100%;
  z-index: 2;
}

.part1 .prop-box .item {
  margin: 0 25rem;
}

.part1 .prop-box .item .prop {
  width: 148rem;
  height: 161rem;
  position: relative;
  margin: 0 auto;
}

.part1 .prop-box .item .prop .name {
  border-radius: 10rem;
  display: inline-block;
  width: 150rem;
  text-align: center;
  position: absolute;
  top: 130rem;
  line-height: 1;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15rem;
  color: #ffefc8;
  padding: 5rem 5rem;
  background-color: #691c14;
}

.part1 .prop-box .item .prop .num {
  position: absolute;
  background-color: #691c14;
  font-size: 17rem;
  color: #ffefc8;
  right: -15rem;
  top: 100rem;
  padding: 0 5rem;
  border-radius: 8rem;
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.part1 .prop-box .item .prop img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 160rem;
  object-fit: contain;
}

.part1 .prop-box .item .prop.prop1 .num {
  right: -10rem;
}

.part1 .prop-box .item .prop.prop3 .num {
  right: -30rem;
}

.part1 .prop-box .item .prop_h {
  margin-bottom: 10rem;
}

.part1 .prop-box .btn {
  position: relative;
  z-index: 2;
}

.part1 .speed-bg {
  width: 623rem;
  height: 20rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-bg.png);
  background-size: 100% 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20rem;
  margin-top: 20rem;
}

.part1 .speed-bg .speed-text {
  width: 100%;
  font-size: 18rem;
  color: #fffeef;
  display: flex;
  position: absolute;
  left: 0;
  bottom: 4rem;
}

.part1 .speed-bg .speed-text div {
  width: 100rem;
  text-align: center;
  position: absolute;
  top: 0;
}

.part1 .speed-bg .speed-text div:nth-child(1) {
  left: 130rem;
}

.part1 .speed-bg .speed-text div:nth-child(2) {
  left: 353rem;
}

.part1 .speed-bg .speed-text div:nth-child(3) {
  left: 562rem;
}

.part1 .speed-bg::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -5rem;
  transform: translateY(-50%);
  width: 20rem;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-icon1.png);
  background-size: 100% 100%;
  z-index: 2;
}

.part1 .speed-bg::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -5rem;
  transform: translateY(-50%);
  width: 20rem;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-icon2.png);
  background-size: 100% 100%;
  z-index: 2;
}

.part1 .speed-bg .speed-item {
  width: 98%;
  height: 10rem;
  position: relative;
}

.part1 .speed-bg .speed-item .speed-bar {
  height: 100%;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-bar.png);
  background-size: 100% 100%;
  position: relative;
}

.part1 .speed-bg .speed-item .speed-bar::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -22rem;
  transform: translateY(-50%);
  width: 44rem;
  height: 44rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-icon.png);
  background-size: 100% 100%;
}

.part2 {
  margin-top: 70rem;
}

.part2 .tip {
  font-size: 30rem;
  color: #ffe89c;
  text-align: center;
  padding: 0 20rem;
}

.part2 .jb-box {
  width: 750rem;
  height: 390rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.part2 .jb-box .jb {
  width: 750rem;
  height: 860rem;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.part2 .jb-box .jb1 {
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jb1.png) no-repeat;
  background-size: contain;
}

.part2 .jb-box .jb2 {
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jb2.png);
  background-size: 100% 100%;
}

.part2 .jb-box .jb3 {
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jb3.png);
  background-size: 100% 100%;
}

.part2 .jb-box .jb4 {
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jb4.png);
  background-size: 100% 100%;
}

.part2 .icon1 {
  display: block;
  margin: 5rem auto;
  width: 493rem;
  height: 8rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/icon1-1.png);
  background-size: 100% 100%;
}

.part2 .tips {
  font-size: 30rem;
  color: #ffe89c;
  text-align: center;
}

.part2 .page_btn {
  display: flex;
  justify-content: space-between;
  width: 500rem;
  margin-left: 215rem;
  margin-bottom: 20rem;
}

.part2 .page_btn a {
  font-size: 22rem;
  color: #ffe89c;
  text-align: center;
}

.part2 .btn-bg3_2 {
  margin: 0 auto;
  margin-bottom: 30rem;
}

.part2 .speed_box {
  margin-top: 20rem;
}

.part2 .speed_box .btn4 {
  position: relative;
  z-index: 2;
  margin-right: -10rem;
}

.part2 .speed_box .speed-bg {
  width: 525rem;
  height: 12rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-bg2.png);
  background-size: 100% 100%;
  position: relative;
}

.part2 .speed_box .speed-bg::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -2rem;
  transform: translateY(-50%);
  width: 20rem;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-icon1.png);
  background-size: 100% 100%;
  z-index: 2;
}

.part2 .speed_box .speed-bg::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%);
  width: 20rem;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-icon2.png);
  background-size: 100% 100%;
  z-index: 2;
}

.part2 .speed_box .speed-bg .speed-item {
  width: 98%;
  height: 10rem;
  position: relative;
}

.part2 .speed_box .speed-bg .speed-item .speed-bar {
  height: 100%;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-bar.png);
  background-size: 100% 100%;
  position: relative;
}

.part2 .speed_box .speed-bg .speed-item .speed-bar::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -22rem;
  transform: translateY(-50%);
  width: 44rem;
  height: 44rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/speed-icon.png);
  background-size: 100% 100%;
}

.part2 .p2-bg {
  width: 734rem;
  height: 424rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/p2-bg.png);
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 40rem 20rem;
  position: relative;
}

.part2 .prop-box {
  align-items: start;
  margin-bottom: 20rem;
}

.part2 .prop-box .item {
  margin: 0 20rem;
  width: 171rem;
}

.part2 .prop-box .item .prop {
  width: 171rem;
  height: 117rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/prop-bg.png);
  background-size: 100% 100%;
  padding-bottom: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.part2 .prop-box .item .prop img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.part2 .prop-box .item .name {
  position: relative;
  text-align: center;
  font-size: 26rem;
  color: #fffeef;
  line-height: 1;
}

.part2 .prop-box .item .name::after {
  content: '';
  position: absolute;
  bottom: -15rem;
  left: 50%;
  transform: translateX(-50%);
  width: 157rem;
  height: 8rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/icon2.png);
  background-size: 100% 100%;
}

.foot-bg {
  width: 100%;
  min-height: 131rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/foot-bg.png);
  background-size: 100% 100%;
  padding: 0 20rem 20rem;
  padding-top: 20rem;
  box-sizing: border-box;
  font-size: 23rem;
  color: #fffeef;
  text-align: center;
  margin-top: -135rem;
}

.foot-bg span {
  color: #fff097;
}

.foot-bg em {
  color: #fff097;
  text-decoration: underline;
}

.dia {
  margin: 0 !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 999;
  width: 710rem;
  min-height: 260rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/dia_bg.png);
  background-size: 100% 100%;
  padding: 45rem 30rem;
}

.dia .dia_close {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
 Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position: absolute;
  bottom: -80rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 50rem;
  font-weight: 600;
  border-radius: 50%;
  width: 60rem;
  height: 60rem;
  border: 1px solid #fff;
  color: #fff;
  line-height: 60rem;
  text-align: center;
}

.dia::after {
  content: '';
  position: absolute;
  bottom: -15rem;
  left: 50%;
  transform: translateX(-50%);
  width: 734rem;
  height: 100rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/dia_icon2.png);
  background-size: 100% 100%;
  pointer-events: none;
}

.dia::before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: -15rem;
  left: 50%;
  transform: translateX(-50%);
  width: 734rem;
  height: 100rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/dia_icon1.png);
  background-size: 100% 100%;
}

.dia_text {
  padding: 0 30rem;
  text-align: center;
  margin: 0 auto 20rem;
  font-size: 32rem;
  color: #fffeef;
}

.dia_tip {
  padding: 0 30rem;
  text-align: center;
  margin: 0 auto 20rem;
  font-size: 22rem;
  color: #fffeef;
}

.dia_tip a {
  text-decoration: underline;
  color: #fffeef;
}

.dia_dl_bg {
  width: 132rem;
  font-size: 36rem;
  color: #5b4230;
}

.dia_dl_bg img {
  width: 100%;
  object-fit: contain;
}

.dia_dl_bg img.active {
  display: none;
}

.dia_dl_bg.active .pop_t {
  margin-top: 0 !important;
}

.dia_dl_bg.active img {
  display: none;
}

.dia_dl_bg.active img.active {
  display: block;
}

.dia_btn_bg1 {
  width: 467rem;
  height: 63rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/dia_btn_bg1.png);
  background-size: 100% 100%;
  font-size: 32rem;
  color: #ffe3af;
}

.dia_btn_bg2 {
  width: 307rem;
  height: 63rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/dia_btn_bg2.png);
  background-size: 100% 100%;
  font-size: 32rem;
  color: #ffe3af;
}

.dia_btn_bg3 {
  width: 217rem;
  height: 47rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/dia_btn_bg3.png);
  background-size: 100% 100%;
  font-size: 24rem;
  color: #ffe3af;
}

.pop2 .btn_box {
  margin-top: 30rem;
  margin-bottom: 30rem;
}

.pop2 .btn_box > div {
  margin: 0 20rem;
}

.pop2 .btn_box .pop_t {
  font-size: 20rem;
  color: #fcde95;
  text-align: center;
  margin-top: -10rem;
}

.pop3 .btn_box .select_box {
  position: relative;
  margin: 30rem 30rem;
}

.pop3 .btn_box .select_box .dia_btn_bg3 {
  font-size: 24rem;
  color: #fef7ca;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pop3 .btn_box .select_box .dia_btn_bg3.long {
  width: 403rem;
  height: 47rem;
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cos_id_bg.png);
}

.pop3 .btn_box .select_box .select_item {
  border-radius: 12rem;
  width: 100%;
  background-color: #4e331e;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  max-height: 400rem;
  overflow-y: auto;
  z-index: 9;
}

.pop3 .btn_box .select_box .select_item::-webkit-scrollbar {
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
}

.pop3 .btn_box .select_box .select_item::-webkit-scrollbar-thumb {
  border-radius: 5rem;
  background-color: #fef7ca;
  border-radius: 5rem;
}

.pop3 .btn_box .select_box .select_item > div {
  padding: 8rem 8rem;
  text-align: center;
  font-size: 24rem;
  color: #fef7ca;
}

.pop3 .btn_box .select_box .select_item > div + div {
  border-top: 1px solid #fef7ca80;
}

.pop5 .dia_text,
.pop8 .dia_text {
  min-height: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop6 .tips {
  font-size: 18rem;
  text-align: center;
  color: #fffeef;
}

.pop6 .dia_text {
  font-size: 32rem;
  color: #fffeef;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20rem;
}

.pop6 .dia_text span {
  font-size: 24rem;
  color: #ffdfb0;
  display: inline-block;
  vertical-align: middle;
  background-color: #4c2d0d;
  padding: 5rem 20rem;
  border-radius: 12rem;
  user-select: all;
  -webkit-user-select: all;
}

.pop6 .prop-box {
  align-items: start;
  margin-top: 30rem;
}

.pop6 .prop-box .item {
  margin: 0 20rem;
  width: 171rem;
}

.pop6 .prop-box .item .prop {
  width: 171rem;
  height: 117rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/prop-bg.png);
  background-size: 100% 100%;
  padding-bottom: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop6 .prop-box .item .prop img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.pop6 .prop-box .item .name {
  position: relative;
  text-align: center;
  font-size: 24rem;
  color: #fffeef;
  line-height: 1;
  margin-top: 5rem;
  width: 200%;
  left: 50%;
  transform: translateX(-50%);
}

.pop6 .btn_box {
  margin-top: 30rem;
}

.pop7 .dia_text {
  margin: 40rem auto;
}

.pop10 .rules {
  padding: 0 30rem;
  max-height: 800rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.pop10 .rules_icon {
  margin: 25rem auto;
  width: 653rem;
  height: 8rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/rules_icon.png);
  background-size: 100% 100%;
}

.pop10 h1 {
  background: linear-gradient(to top, #ffffda, #fcde95);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 28rem;
  margin: 20rem auto;
}

.pop10 h2 {
  font-size: 26rem;
  color: #fffeef;
  margin: 15rem auto;
}

.pop10 p {
  font-size: 22rem;
  color: #fffeef;
  margin: 10rem auto;
  
}
.pop10 p img{
    display: block;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
  }

.team_status {
  width: fit-content;
  min-width: 180rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 31rem;
  color: #50412c;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/zd_s.png);
  background-size: 100% 100%;
  height: 44rem;
  margin: 0 auto;
}

.team_status.active {
  color: #904128;
  background-image: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/zd_s_on.png);
}

.pop11 {
  min-height: 521rem;
}

.pop11 .list {
  width: 580rem;
  height: 380rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
  padding-right: 10rem;
}

.pop11 .list::-webkit-scrollbar {
  width: 10rem;
  height: 10rem;
  background-color: #904128;
  border-radius: 10rem;
}

.pop11 .list::-webkit-scrollbar-thumb {
  background-color: #fef7ca;
  border-radius: 10rem;
}

.pop11 .list .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10rem 0;
}

.pop11 .list .item + .item {
  border-top: 1px solid #fef7ca80;
}

.pop11 .list .item .prop {
  width: 100rem;
  height: 100rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop11 .list .item .prop img {
  max-width: 95%;
  max-height: 95%;
  object-fit: contain;
}

.pop11 .list .item .name {
  font-size: 16rem;
  color: #ffefc8;
  line-height: 1;
  width: 260rem;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  word-break: break-all;
}

.pop11 .list .item .btn_box .dia_btn_bg2 {
  /* font-size: 20rem;
  color: #ffefc8;
  width: 215rem;
  height: 42rem; */
  font-size: 16rem;
  color: #ffefc8;
  width: 230rem;
  height: 50rem;
}

@media screen and (min-width: 1024px) {
  html {
    font-size: calc(100vw / 1400);
  }
}

@media screen and (min-width: 2048px) {
  html {
    font-size: calc(100vw / 1920);
  }
}

@media screen and (min-width: 3840px) {
  html {
    font-size: calc(100vw / 2560);
  }
}

.pop6 .dia_close {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
 Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position: absolute;
  bottom: -80rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 50rem;
  font-weight: 600;
  border-radius: 50%;
  width: 60rem;
  height: 60rem;
  border: 1px solid #fff;
  color: #fff;
  line-height: 60rem;
  text-align: center;
}

.pop6::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 200vw;
  height: 200vh;
  background: rgba(0, 0, 0, 0.7);
}

/* 横屏样式 */
.landscape-tip {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}

.content .content_text {
  font-size: 20rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 1200px) {
  .dia {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.8) !important;
    zoom: .7 !important;
  }
  .dia .rules {
    max-height: 600rem !important;
  }
}

.cn .jl_time {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/jl_time.png) center center no-repeat;
  background-size: contain;
}

.en .jl_time {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/jl_time.png) center center no-repeat;
  background-size: contain;
}

.jp .jl_time {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/jl_time.png) center center no-repeat;
  background-size: contain;
}

.ko .jl_time {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/jl_time.png) center center no-repeat;
  background-size: contain;
}

.tw .jl_time {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/jl_time.png) center center no-repeat;
  background-size: contain;
}

.ru .jl_time {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/jl_time.png) center center no-repeat;
  background-size: contain;
}

.cn .jl_time2 {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/cn/jl_time2.png) center center no-repeat;
  background-size: contain;
}

.en .jl_time2 {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/en/jl_time2.png) center center no-repeat;
  background-size: contain;
}

.jp .jl_time2 {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/jp/jl_time2.png) center center no-repeat;
  background-size: contain;
}

.ko .jl_time2 {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ko/jl_time2.png) center center no-repeat;
  background-size: contain;
}

.tw .jl_time2 {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/tw/jl_time2.png) center center no-repeat;
  background-size: contain;
}

.ru .jl_time2 {
  width: 100%;
  height: 27rem;
  background: url(//dragonheir.sgrastudio.com/act/a2025828team/ossweb-img/ru/jl_time.png) center center no-repeat;
  background-size: contain;
}

.part1 .tip2 {
  font-size: 32rem;
  color: #563e2c;
  text-align: center;
  margin-top: -15rem;
  margin-bottom: -10rem;
}

.cn .part1 .tip2, .tw .part1 .tip2 {
  margin-top: -30rem;
}