@charset "UTF-8";

@font-face {
  font-family: "ziti1";
  src: url(../ossweb-img/font/ziti1.ttf);
}

@font-face {
  font-family: "notojp";
  src: url(../ossweb-img/font/notojp.ttf);
}

@font-face {
  font-family: "notojpmid";
  src: url(../ossweb-img/font/notojpmid.ttf);
}

@font-face {
  font-family: "dinmid";
  src: url(../ossweb-img/font/dinmid.ttf);
}

@font-face {
  font-family: "sy";
  src: url(../ossweb-img/font/sy.ttf);
}

@font-face {
  font-family: "symid";
  src: url(../ossweb-img/font/symid.ttf);
}

@font-face {
  font-family: "sybold";
  src: url(../ossweb-img/font/sybold.ttf);
}

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

body {
  -webkit-text-size-adjust: none;
  font-size: 24px;
}

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: rgba(0, 0, 0, 0);
}

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

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

a {
  text-decoration: none;
}

img[src=""],
img:not([src]) {
  opacity: 0;
}

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

.c:before,
.c:after {
  content: "";
  display: table;
}

.c:after {
  clear: both;
}

:focus {
  outline: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

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

body,
html {
  background-color: #553d24;
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-family: "notojpmid";
}

/* px 方案：固定根字号 100px，使 JS 里 unit:rem 的抽奖等组件 1rem = 100px(设计稿) */
html {
  font-size: 100px;
}

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

/*footer*/
#afooter {
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  background-color: #000;
  padding: 10px 0;
}

#afooter a {
  color: #fff;
}

body {
  /* IOS禁止微信调整字体大小 */
  position: relative;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

.wrap {
  display: block;
  width: 1920px;
  height: 1080px;
  /* overflow: hidden; */
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* px 方案背景层：铺满 body（即整个视口，含非 16:9 设备的留白区域）。
   与原版「wrap 100% 宽、背景随视口铺满」的观感一致；内容容器仍锁 16:9 居中。
   页面背景图已从 .index/.map/.log/.lott 移到此处，随 body[data-page] 切换。 */
.pagebg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: none;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

body[data-page="index"] .pagebg_index {
  display: block;
}

body[data-page="map"] .pagebg_map {
  display: block;
}

body[data-page="log"] .pagebg_log {
  display: block;
}

body[data-page="lott"] .pagebg_lott {
  display: block;
}

.pagebg_index {
  background-image: url(../ossweb-img/index/bg2.jpg);
}

.pagebg_index::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../ossweb-img/index/mask4.png) no-repeat 50% 0/cover;
}

.pagebg_map {
  background-image: url(../ossweb-img/map/map_bg.jpg);
}

.pagebg_log {
  background-image: url(../ossweb-img/log/bg.jpg);
}

.pagebg_lott {
  background-image: url(../ossweb-img/lottery/lot_bg.jpg);
}

.lang_zh .wrap {
  font-family: "ziti1";
}

.lang_ja .wrap {
  font-family: "notojpmid";
}

.lang_en .wrap,
.lang_de .wrap,
.lang_fr .wrap {
  font-family: "symid";
}

.pageIN {
  animation: fadeIN 0.3s both;
  -webkit-backface-visibility: hidden;
}

.pageOUT {
  animation: fadeOUT 0.3s both;
  -webkit-backface-visibility: hidden;
}

.page {
  display: none;
}

.page.on {
  display: block;
}

.page_right {
  position: absolute;
  right: 60px;
  top: 0;
  display: flex;
  align-items: center;
}

.login_state {
  display: block;
  width: auto;
  min-width: 208px;
  height: 120px;
  background: url(../ossweb-img/index/playername_bg.png) no-repeat 50% 50%/100% 100%;
  color: #bb9e6e;
  text-align: center;
  font-size: 25px;
  line-height: 120px;
  box-sizing: border-box;
  padding: 0 0 0 44px;
  z-index: 30;
  position: relative;
}

.login_state>div {
  width: 100%;
}

.login_state>div a[data-lang=lang9] {
  display: block;
  width: 100%;
  margin-left: 0 !important;
}

.login_state>div:nth-child(1) {
  padding-right: 44px;
  position: relative;
  margin-right: 44px;
  box-sizing: border-box;
}

.login_state>div:nth-child(1)::after {
  display: block;
  content: "";
  width: 27px;
  height: 19px;
  background: url(../ossweb-img/index/login_before.png) no-repeat 50% 0/cover;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10.5px;
  transform: rotate(180deg);
}

.login_state>div span#login_nickname_span {
  display: inline-block;
  vertical-align: top;
  padding-right: 44px;
  position: relative;
}

.login_state>div span#login_nickname_span::after {
  display: block;
  content: "";
  width: 27px;
  height: 19px;
  background: url(../ossweb-img/index/login_before.png) no-repeat 50% 0/cover;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10.5px;
  transform: rotate(180deg);
}

.login_state>div a#ptLogoutBtn {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  text-decoration: underline;
}

.login_state::before {
  display: block;
  content: "";
  width: 27px;
  height: 19px;
  background: url(../ossweb-img/index/login_before.png) no-repeat 50% 0/cover;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10.5px;
}

#unlogin {
  display: flex;
  justify-content: center;
  align-items: center;
}

#logined {
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_state #login_nickname_span {
  display: block;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.login_state #ptLogoutBtn {
  display: block;
  margin-left: 10px;
}

.login_state #unlogin a {
  display: block;
  margin-left: 10px;
}

.login_state a {
  color: #bb9e6e;
}

.btn_music {
  display: block;
  width: 55px;
  height: 50px;
  background: url(../ossweb-img/index/btn_musicoff.png) no-repeat 50% 0/100% 100%;
  margin-right: 26px;
  z-index: 1111;
}

.btn_music.playing {
  display: block;
  width: 55px;
  height: 50px;
  background: url(../ossweb-img/index/btn_music.png) no-repeat 50% 0/100% 100%;
  z-index: 1111;
}

.index {
  width: 100%;
  height: 100%;
  /*  overflow: hidden;*/
  position: relative;
}

.index .container {
  display: block;
  width: 1920px;
  height: 1080px;
  margin: 0 auto;
}

.topicon {
  display: flex;
  width: 758px;
  height: 120px;
  background: url(../ossweb-img/index/lefticon_bg.png) no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
  position: fixed;
  top: 0;
  left: 28px;
  color: #bb9e6e;
  font-size: 25px;
  align-items: center;
  padding: 0 78px 0 103px;
  box-sizing: border-box;
  z-index: 9999;
  white-space: nowrap;
}

.topicon a {
  display: block;
  color: #bb9e6e;
  font-size: 25px;
  line-height: 120px;
  margin-right: 54px;
  position: relative;
  font-weight: normal;
}

.lang_zh .topicon a {
  font-family: "ziti1";
}

.lang_ja .topicon a {
  font-family: "notojpmid";
}

.lang_en .topicon a,
.lang_de .topicon a,
.lang_fr .topicon a {
  font-family: "symid";
}

.book {
  display: block;
  width: 1666px;
  height: 983px;
  background: url(../ossweb-img/index/book.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  top: 95px;
}

.lang_ja .book {
  background: url(../ossweb-img/index/book_ja.png) no-repeat 50% 0/100% 100%;
}

.lang_en .book {
  background: url(../ossweb-img/index/book_en.png) no-repeat 50% 0/100% 100%;
}

.lang_de .book {
  background: url(../ossweb-img/index/book_de.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .book {
  background: url(../ossweb-img/index/book_fr.png) no-repeat 50% 0/100% 100%;
}

.book::after {
  display: block;
  content: "";
  width: 561px;
  height: 192px;
  background: url(../ossweb-img/index/mask.png) no-repeat 50% 0/cover;
  pointer-events: none;
  position: absolute;
  bottom: 0;
}

.btn_go {
  display: block;
  width: 462px;
  height: 243px;
  background: url(../ossweb-img/index/btn_go.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 495px;
  top: 475px;
  animation: BtnGO 1s infinite;
}

.lang_ja .btn_go {
  background: url(../ossweb-img/index/btn_go_ja.png) no-repeat 50% 0/100% 100%;
}

.lang_en .btn_go {
  background: url(../ossweb-img/index/btn_go_en.png) no-repeat 50% 0/100% 100%;
}

.lang_de .btn_go {
  background: url(../ossweb-img/index/btn_go_de.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .btn_go {
  background: url(../ossweb-img/index/btn_go_fr.png) no-repeat 50% 0/100% 100%;
}

.btn_log {
  display: block;
  width: 349px;
  height: 186px;
  background: url(../ossweb-img/index/btn_log.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(75%, 0%);
  transform: translate(75%, 0%);
  top: 65px;
  z-index: 9;
}

.lang_ja .btn_log {
  left: 51%;
  top: 32px;
  height: 210px;
  background: url(../ossweb-img/index/btn_log_ja.png) no-repeat 50% 0/100% 100%;
}

.lang_en .btn_log {
  left: 51%;
  top: 32px;
  height: 210px;
  background: url(../ossweb-img/index/btn_log_en.png) no-repeat 50% 0/100% 100%;
}

.lang_de .btn_log {
  left: 51%;
  top: 32px;
  height: 210px;
  background: url(../ossweb-img/index/btn_log_de.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .btn_log {
  left: 51%;
  top: 32px;
  height: 210px;
  background: url(../ossweb-img/index/btn_log_fr.png) no-repeat 50% 0/100% 100%;
}

.btn_actreward {
  display: block;
  width: 348px;
  height: 186px;
  background: url(../ossweb-img/index/btn_actreward.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(91%, 0%);
  transform: translate(91%, 0%);
  top: 290px;
  z-index: 9;
}

.lang_ja .btn_actreward {
  transform: translate(93%, 0%);
  top: 217px;
  height: 300px;
  background: url(../ossweb-img/index/btn_actreward_ja.png) no-repeat 50% 0/100% 100%;
}

.lang_en .btn_actreward {
  transform: translate(93%, 0%);
  top: 217px;
  height: 300px;
  background: url(../ossweb-img/index/btn_actreward_en.png) no-repeat 50% 0/100% 100%;
}

.lang_de .btn_actreward {
  transform: translate(93%, 0%);
  top: 217px;
  height: 300px;
  background: url(../ossweb-img/index/btn_actreward_de.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .btn_actreward {
  transform: translate(93%, 0%);
  top: 217px;
  height: 300px;
  background: url(../ossweb-img/index/btn_actreward_fr.png) no-repeat 50% 0/100% 100%;
}

.book_miao_tips {
  width: 168px;
  height: 150px;
  position: absolute;
  left: 1140px;
  top: 760px;
  z-index: 50;
}

.book_miao_tips:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../ossweb-img/index/miao_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}

.lang_en .book_miao_tips,
.lang_de .book_miao_tips,
.lang_fr .book_miao_tips {
  left: 1419px;
  top: 700px;
}

.lang_fr .book_miao_tips {
  left: 1269px;
}

.lang_fr .book_miao_tips .book_miao_tips_para {
  width: 556px;
  height: 144px;
  font-size: 26px;
}

.lang_de .book_miao_tips {
  left: 1300px;
}

.book_miao_tips2 {
  left: 1536px;
  top: 428px;
}

.book_miao_tips2 .book_miao_tips_para {
  width: 546px;
  background: url(../ossweb-img/index/miao_pbg1.png) no-repeat;
  background-size: 100% 100%;
}

.book_miao_tips2 .book_miao_tips_para:before {
  content: "";
  width: 29px;
  height: 58px;
  background: url(../ossweb-img/index/miao_jt1.png) no-repeat;
  background-size: 100% 100%;
  left: 182px;
  top: -60px;
}

.lang_en .book_miao_tips2,
.lang_de .book_miao_tips2,
.lang_fr .book_miao_tips2 {
  left: 1536px;
  top: 428px;
}

.lang_de .book_miao_tips2 {
  left: 1636px;
}

.lang_de .book_miao_tips2 .book_miao_tips_para {
  width: 575px;
  height: 112px;
}

.lang_fr .book_miao_tips2 .book_miao_tips_para {
  width: 446px;
  height: 112px;
  font-size: 27px;
}

.book_miao_tips3 {
  left: 1674px;
  top: 216px;
}

.book_miao_tips3 .book_miao_tips_para {
  width: 464px;
  height: 145px;
  background: url(../ossweb-img/index/miao_pbg3.png) no-repeat;
  background-size: 100% 100%;
  top: 16px;
}

.book_miao_tips3 .book_miao_tips_para:before {
  content: "";
  width: 51px;
  height: 45px;
  background: url(../ossweb-img/index/miao_jt2.png) no-repeat;
  background-size: 100% 100%;
  left: 398px;
  top: -48px;
}

.lang_en .book_miao_tips3,
.lang_de .book_miao_tips3,
.lang_fr .book_miao_tips3 {
  left: 1674px;
  top: 216px;
}

.lang_de .book_miao_tips3 .book_miao_tips_para {
  width: 466px;
  height: 144px;
  font-size: 24px;
}

.lang_en .book_miao_tips3 .book_miao_tips_para {
  width: 466px;
  height: 144px;
  font-size: 24px;
  line-height: 32px;
  padding: 0 60px;
}

.lang_fr .book_miao_tips3 .book_miao_tips_para {
  width: 466px;
  height: 144px;
  font-size: 23px;
  line-height: 30px;
}

.book_miao_tips_para {
  width: 668px;
  height: 114px;
  background: url(../ossweb-img/index/miao_pbg2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 156px;
  top: 32px;
  z-index: 0;
  box-sizing: border-box;
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 28px;
  color: #fff2e0;
}

.book_miao_tips_para:before {
  content: "";
  width: 51px;
  height: 45px;
  background: url(../ossweb-img/index/miao_jt2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 170px;
  top: -46px;
  z-index: -1;
}

.lang_ja .book_miao_tips_para {
  font-family: "notojpmid";
  font-weight: bold;
}

.lang_en .book_miao_tips_para,
.lang_fr .book_miao_tips_para,
.lang_de .book_miao_tips_para {
  font-family: "sybold";
  font-weight: bold;
  padding-left: 26px;
  text-align: left;
  line-height: 40px;
}

.lang_de .book_miao_tips_para {
  width: 596px;
  height: 144px;
  font-size: 26px;
  line-height: 30px;
}

.lang_fr .book_miao_tips_para {
  font-size: 22px;
}

.btn_bdphone {
  display: block;
  width: 119px;
  height: 31px;
  background: url(../ossweb-img/index/btn_bdphone.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  bottom: 35px;
  right: 60px;
}

.btn_bdphone.on {
  display: block;
  width: 119px;
  height: 31px;
  background: url(../ossweb-img/index/btn_canclephone.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  bottom: 35px;
  right: 60px;
}

.map {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  position: relative;
}

/* .map:before {
  content: "";
  width: 227px;
  height: 390px;
  background: url(../ossweb-img/map/mz_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 416px;
  z-index: 50;
  pointer-events: none;
} */

.btn_return {
  display: block;
  width: 158px;
  height: 98px;
  background: url(../ossweb-img/map/btn_return.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 0;
  left: 40px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  box-sizing: border-box;
  padding-left: 75px;
  font-size: 25px;
  color: #bb9e6e;
  font-weight: bold;
  z-index: 30;
}

.map .container {
  display: block;
  width: 1920px;
  height: 1080px;
  margin: 0 auto;
}

.map_cont {
  display: block;
  width: 1823px;
  height: 939px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: 0;
}

.map_cont::before {
  display: block;
  content: "";
  width: 418px;
  height: 783px;
  background: url(../ossweb-img/map/mask.png) no-repeat 50% 0/cover;
  pointer-events: none;
  position: absolute;
  top: 35px;
  left: 54px;
  z-index: 10000;
}

.tab {
  display: block;
  width: 866px;
  position: relative;
  left: 304px;
  top: -15px;
  display: flex;
  z-index: 9999;
}

.tab li {
  display: block;
  height: 94px;
  position: relative;
}

.tab li:before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.tab li:nth-child(1) {
  width: 215px;
  z-index: 20;
}

.tab li:nth-child(1):before {
  width: 269px;
  height: 182px;
  left: -26px;
  top: -45px;
  background: url(../ossweb-img/log/btn_tab1bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab li:nth-child(1).on:before {
  background: url(../ossweb-img/log/btn_tab1bgon.png) no-repeat 50% 0/100% 100%;
}

.tab li:nth-child(1) a {
  transform: rotate(-7.2deg);
}

.tab li:nth-child(2) {
  width: 215px;
  margin-top: 15px;
  z-index: 18;
}

.tab li:nth-child(2):before {
  width: 252px;
  height: 156px;
  left: -7px;
  top: -42px;
  background: url(../ossweb-img/log/btn_tab2bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab li:nth-child(2).on:before {
  background: url(../ossweb-img/log/btn_tab2bgon.png) no-repeat 50% 0/100% 100%;
}

.tab li:nth-child(2) a {
  transform: rotate(2deg) translate(10px, -4px);
}

.tab li:nth-child(3) {
  width: 174px;
  margin-top: 7px;
  z-index: 16;
}

.tab li:nth-child(3):before {
  width: 236px;
  height: 157px;
  left: -8px;
  top: -34px;
  background: url(../ossweb-img/log/btn_tab3bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab li:nth-child(3).on:before {
  background: url(../ossweb-img/log/btn_tab3bgon.png) no-repeat 50% 0/100% 100%;
}

.tab li:nth-child(3) a {
  transform: rotate(-8.8deg) translate(20px, 4px);
}

.tab li:nth-child(4) {
  width: 230px;
  margin: 14px 0 0 27px;
  z-index: 14;
}

.tab li:nth-child(4):before {
  width: 268px;
  height: 159px;
  left: -18px;
  top: -42px;
  background: url(../ossweb-img/log/btn_tab4bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab li:nth-child(4).on:before {
  background: url(../ossweb-img/log/btn_tab4bgon.png) no-repeat 50% 0/100% 100%;
}

.tab li:nth-child(4) a {
  transform: translate(-14px, -6px);
}

.lang_en .tab li:nth-child(4) a,
.lang_de .tab li:nth-child(4) a,
.lang_fr .tab li:nth-child(4) a {
  transform: translate(0, 6px);
  box-sizing: border-box;
}

.tab li a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 30px;
  color: #aa7948;
  position: relative;
  z-index: 40;
}

.lang_ja .tab li a {
  font-family: "notojpmid";
  font-weight: bold;
}

.lang_en .tab li a,
.lang_de .tab li a,
.lang_fr .tab li a {
  font-family: "symid";
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
}

.tab li.on a {
  color: #473518;
  text-shadow: #f2df89 0 0 38px, #f2df89 0 0 38px, #f2df89 0 0 38px, #f2df89 0 0 38px;
}

/*.map_list div{display: none;}
.map_list div.on{display: block;}*/
.map_list {
  width: 1732px;
  height: 908px;
  position: absolute;
  top: 0;
  left: 143px;
}

.map_click {
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
  z-index: 9998;
  pointer-events: none;
}

.map_click.on1 {
  background: url(../ossweb-img/map/map_click1.png) no-repeat 50% 0/100% 100%;
}

.map_click.on2 {
  background: url(../ossweb-img/map/map_click2.png) no-repeat 50% 0/100% 100%;
}

.map_click.on3 {
  background: url(../ossweb-img/map/map_click3.png) no-repeat 50% 0/100% 100%;
}

.map_click.on4 {
  background: url(../ossweb-img/map/map_click4.png) no-repeat 50% 0/100% 100%;
}

.map_click.on5 {
  background: url(../ossweb-img/map/map_click5.png) no-repeat 50% 0/100% 100%;
}

.map_click.on6 {
  background: url(../ossweb-img/map/map_click6.png) no-repeat 50% 0/100% 100%;
}

.map_click.on7 {
  background: url(../ossweb-img/map/map_click7.png) no-repeat 50% 0/100% 100%;
}

.map_click.on8 {
  background: url(../ossweb-img/map/map_click8.png) no-repeat 50% 0/100% 100%;
}

.map_click.on9 {
  background: url(../ossweb-img/map/map_click9.png) no-repeat 50% 0/100% 100%;
}

.map_click.on10 {
  background: url(../ossweb-img/map/map_click10.png) no-repeat 50% 0/100% 100%;
}

.map_click.on11 {
  background: url(../ossweb-img/map/map_click11.png) no-repeat 50% 0/100% 100%;
}

.map_click.on12 {
  background: url(../ossweb-img/map/map_click12.png) no-repeat 50% 0/100% 100%;
}

.map_click.on13 {
  background: url(../ossweb-img/map/map_click13.png) no-repeat 50% 0/100% 100%;
}

.map_click.on14 {
  background: url(../ossweb-img/map/map_click14.png) no-repeat 50% 0/100% 100%;
}

.map_click.on15 {
  background: url(../ossweb-img/map/map_click15.png) no-repeat 50% 0/100% 100%;
}

.map_click.on16 {
  background: url(../ossweb-img/map/map_click16.png) no-repeat 50% 0/100% 100%;
}

.maptabcont {
  display: none;
}

.maptabcont.on {
  display: block;
}

.map1 {
  width: 100%;
  height: 100%;
  background: url(../ossweb-img/map/map1.png) no-repeat 50% 0/100% 100%;
}

.map_continfo {
  width: 847px;
  height: 744px;
  position: absolute;
  top: 78px;
  left: 168px;
  z-index: 50;
}

.Map1 {
  display: block;
  width: 847px;
  height: 744px;
  position: absolute;
  top: 0;
  left: 0;
}

.map_continfo map {
  position: absolute;
  top: 0;
  left: 0;
}

.map_continfo area {
  display: block;
}

.btn_hqcs {
  display: block;
  width: 409px;
  height: 230px;
  background: url(../ossweb-img/map/btn_hqcs.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 1309px;
  top: 635px;
  z-index: 10003 !important;
}

.lang_en .btn_hqcs {
  background: url(../ossweb-img/map/btn_hqcs_en.png) no-repeat 50% 0/100% 100%;
}

.lang_de .btn_hqcs {
  background: url(../ossweb-img/map/btn_hqcs_de.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .btn_hqcs {
  background: url(../ossweb-img/map/btn_hqcs_fr.png) no-repeat 50% 0/100% 100%;
}

.tobeexplored_map {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 445px;
  height: 115px;
  background: url(../ossweb-img/map/tobeexplored.png) no-repeat 50% 0/100% 100%;
  box-sizing: border-box;
  position: absolute;
  right: 121px;
  top: 88px;
  font-size: 27px;
  color: #826537;
  font-weight: bold;
  box-sizing: border-box;
  padding-bottom: 42px;
}

.tobeexplored_map p {
  transform: rotate(-2.2deg);
}

.tobeexplored_map span {
  font-size: 42px;
  color: #a9370a;
  padding: 0 6px;
  text-shadow: rgba(255, 225, 166, 0.69) 0 0 10px, rgba(255, 225, 166, 0.69) 0 0 10px;
}

.lang_en .tobeexplored_map,
.lang_de .tobeexplored_map,
.lang_fr .tobeexplored_map {
  font-family: "sy";
  font-weight: bold;
}

.exploredok {
  display: none;
  width: 445px;
  height: 115px;
  background: url(../ossweb-img/map/exploredok.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  right: 121px;
  top: 78px;
}

.lang_de .exploredok {
  background: url(../ossweb-img/map/exploredok_de.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .exploredok {
  background: url(../ossweb-img/map/exploredok_fr.png) no-repeat 50% 0/100% 100%;
}

.lang_en .exploredok {
  background: url(../ossweb-img/map/exploredok_en.png) no-repeat 50% 0/100% 100%;
}

.surplus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 332px;
  height: 84px;
  background: url(../ossweb-img/map/surplus.png) no-repeat 50% 0/100% 100%;
  box-sizing: border-box;
  position: absolute;
  right: 120px;
  top: 190px;
  font-size: 27px;
  color: #826537;
  font-weight: bold;
  box-sizing: border-box;
  padding-bottom: 42px;
  padding-right: 30px;
}

.surplus p {
  transform: rotate(-2.2deg);
}

.surplus span {
  font-size: 42px;
  color: #a9370a;
  padding: 0 6px;
  text-shadow: rgba(255, 225, 166, 0.69) 0 0 10px, rgba(255, 225, 166, 0.69) 0 0 10px;
}

.lang_en .surplus,
.lang_de .surplus,
.lang_fr .surplus {
  width: 461px;
  height: 91px;
  font-size: 24px;
  font-family: "sy";
  font-weight: bold;
  white-space: nowrap;
  background: url(../ossweb-img/map/surplus_en.png) no-repeat;
  background-size: 361px 91px;
  background-position: 0 0;
}

.clouds {
  pointer-events: none;
}

.clouds li a {
  pointer-events: auto;
}

.map1 .clouds {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
}

.map1 .clouds li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.map1 .clouds li:nth-child(1) {
  background: url(../ossweb-img/map/cloud1.png) no-repeat 50% 0/100% 100%;
}

.map1 .clouds li:nth-child(1) .btn_wh {
  left: 390px;
  top: 466px;
}

.map1 .clouds li:nth-child(2) {
  background: url(../ossweb-img/map/cloud2.png) no-repeat 50% 0/100% 100%;
}

.map1 .clouds li:nth-child(2) .btn_wh {
  left: 674px;
  top: 512px;
}

.map1 .clouds li:nth-child(3) {
  background: url(../ossweb-img/map/cloud3.png) no-repeat 50% 0/100% 100%;
}

.map1 .clouds li:nth-child(3) .btn_wh {
  left: 804px;
  top: 266px;
}

.map1 .clouds li:nth-child(4) {
  background: url(../ossweb-img/map/cloud4.png) no-repeat 50% 0/100% 100%;
}

.map1 .clouds li:nth-child(4) .btn_wh {
  left: 628px;
  top: 152px;
}

.map1 .clouds li:nth-child(5) {
  background: url(../ossweb-img/map/cloud5.png) no-repeat 50% 0/100% 100%;
}

.map1 .clouds li:nth-child(5) .btn_wh {
  left: 296px;
  top: 248px;
}

.map1 .btn_wh {
  display: block;
  width: 51px;
  height: 76px;
  background: url(../ossweb-img/map/wh.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  z-index: 10;
}

.map1 .btn_whonclick {
  animation: fadeOUT 1s both;
}

.map1 .map_icon {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
  pointer-events: none;
}

.map1 .map_icon li {
  display: none;
  width: 139px;
  height: 145px;
  position: absolute;
}

.map1 .map_icon li:nth-child(1) {
  top: 414px;
  left: 370px;
  background: url(../ossweb-img/map/icon1.png) no-repeat 50% 0/100% 100%;
}

.map1 .map_icon li:nth-child(2) {
  left: 622px;
  top: 490px;
  background: url(../ossweb-img/map/icon2.png) no-repeat 50% 0/100% 100%;
}

.map1 .map_icon li:nth-child(3) {
  left: 738px;
  top: 272px;
  background: url(../ossweb-img/map/icon3.png) no-repeat 50% 0/100% 100%;
}

.map1 .map_icon li:nth-child(4) {
  left: 568px;
  top: 152px;
  background: url(../ossweb-img/map/icon4.png) no-repeat 50% 0/100% 100%;
}

.map1 .map_icon li:nth-child(5) {
  top: 202px;
  left: 274px;
  background: url(../ossweb-img/map/icon5.png) no-repeat 50% 0/100% 100%;
}

.map_icon li a {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  position: absolute;
  z-index: 100;
}

.map_icon li.on {
  z-index: 100000000;
}

.map_iconfadeIN {
  animation: fadeIN 1s both;
}

.map2 {
  width: 100%;
  height: 100%;
  background: url(../ossweb-img/map/map2.png) no-repeat 50% 0/100% 100%;
}

.map2 .clouds {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
}

.map2 .clouds li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.map2 .clouds li:nth-child(1) {
  background: url(../ossweb-img/map/cloud6.png) no-repeat 50% 0/100% 100%;
}

.map2 .clouds li:nth-child(1) .btn_wh {
  left: 666px;
  top: 534px;
}

.map2 .clouds li:nth-child(2) {
  background: url(../ossweb-img/map/cloud7.png) no-repeat 50% 0/100% 100%;
}

.map2 .clouds li:nth-child(2) .btn_wh {
  left: 346px;
  top: 510px;
}

.map2 .clouds li:nth-child(3) {
  background: url(../ossweb-img/map/cloud8.png) no-repeat 50% 0/100% 100%;
}

.map2 .clouds li:nth-child(3) .btn_wh {
  left: 266px;
  top: 285px;
}

.map2 .clouds li:nth-child(4) {
  background: url(../ossweb-img/map/cloud9.png) no-repeat 50% 0/100% 100%;
}

.map2 .clouds li:nth-child(4) .btn_wh {
  left: 568px;
  top: 306px;
}

.map2 .clouds li:nth-child(5) {
  background: url(../ossweb-img/map/cloud10.png) no-repeat 50% 0/100% 100%;
}

.map2 .clouds li:nth-child(5) .btn_wh {
  left: 544px;
  top: 124px;
}

.map2 .btn_wh {
  display: block;
  width: 59px;
  height: 78px;
  background: url(../ossweb-img/map/wh.png) no-repeat 50% 0/100% 100%;
  position: relative;
  z-index: 10;
}

.map2 .btn_whonclick {
  animation: fadeOUT 1s both;
}

.map2 .map_icon {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
  pointer-events: none;
}

.map2 .map_icon li {
  display: none;
  width: 139px;
  height: 145px;
  position: absolute;
}

.map2 .map_icon li:nth-child(1) {
  left: 634px;
  top: 488px;
  background: url(../ossweb-img/map/icon6.png) no-repeat 50% 0/100% 100%;
}

.map2 .map_icon li:nth-child(2) {
  width: 246px;
  height: 196px;
  left: 262px;
  top: 470px;
  background: url(../ossweb-img/map/icon7.png) no-repeat 50% 0/100% 100%;
}

.map2 .map_icon li:nth-child(3) {
  left: 234px;
  top: 258px;
  background: url(../ossweb-img/map/icon8.png) no-repeat 50% 0/100% 100%;
}

.map2 .map_icon li:nth-child(4) {
  left: 534px;
  top: 282px;
  background: url(../ossweb-img/map/icon9.png) no-repeat 50% 0/100% 100%;
}

.map2 .map_icon li:nth-child(5) {
  left: 500px;
  top: 106px;
  background: url(../ossweb-img/map/icon10.png) no-repeat 50% 0/100% 100%;
}

.map3 {
  width: 100%;
  height: 100%;
  background: url(../ossweb-img/map/map3.png) no-repeat 50% 0/100% 100%;
}

.map3 .clouds {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
}

.map3 .clouds li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.map3 .clouds li:nth-child(1) {
  background: url(../ossweb-img/map/cloud11.png) no-repeat 50% 0/100% 100%;
}

.map3 .clouds li:nth-child(1) .btn_wh {
  left: 598px;
  top: 232px;
}

.map3 .clouds li:nth-child(2) {
  background: url(../ossweb-img/map/cloud12.png) no-repeat 50% 0/100% 100%;
}

.map3 .clouds li:nth-child(2) .btn_wh {
  left: 326px;
  top: 426px;
}

.map3 .clouds li:nth-child(3) {
  background: url(../ossweb-img/map/cloud13.png) no-repeat 50% 0/100% 100%;
}

.map3 .clouds li:nth-child(3) .btn_wh {
  left: 750px;
  top: 312px;
}

.map3 .btn_wh {
  display: block;
  width: 59px;
  height: 78px;
  background: url(../ossweb-img/map/wh.png) no-repeat 50% 0/100% 100%;
  position: relative;
  z-index: 10;
}

.map3 .btn_whonclick {
  animation: fadeOUT 3s both;
}

.map3 .map_icon {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
  pointer-events: none;
}

.map3 .map_icon li {
  display: none;
  width: 139px;
  height: 145px;
  position: absolute;
}

.map3 .map_icon li:nth-child(1) {
  left: 548px;
  top: 210px;
  background: url(../ossweb-img/map/icon11.png) no-repeat 50% 0/100% 100%;
}

.map3 .map_icon li:nth-child(2) {
  left: 278px;
  top: 394px;
  background: url(../ossweb-img/map/icon12.png) no-repeat 50% 0/100% 100%;
}

.map3 .map_icon li:nth-child(3) {
  left: 728px;
  top: 286px;
  background: url(../ossweb-img/map/icon13.png) no-repeat 50% 0/100% 100%;
}

.map_iconfadeIN {
  animation: fadeIN 1s both;
}

.map4 {
  width: 100%;
  height: 100%;
  background: url(../ossweb-img/map/map4.png) no-repeat 50% 0/100% 100%;
}

.map4 .clouds {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
}

.map4 .clouds li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.map4 .clouds li:nth-child(1) {
  background: url(../ossweb-img/map/cloud14.png) no-repeat 50% 0/100% 100%;
}

.map4 .clouds li:nth-child(1) .btn_wh {
  left: 637px;
  top: 222px;
}

.map4 .clouds li:nth-child(2) {
  background: url(../ossweb-img/map/cloud15.png) no-repeat 50% 0/100% 100%;
}

.map4 .clouds li:nth-child(2) .btn_wh {
  left: 344px;
  top: 324px;
}

.map4 .clouds li:nth-child(3) {
  background: url(../ossweb-img/map/cloud16.png) no-repeat 50% 0/100% 100%;
}

.map4 .clouds li:nth-child(3) .btn_wh {
  left: 588px;
  top: 480px;
}

.map4 .btn_wh {
  display: block;
  width: 59px;
  height: 78px;
  background: url(../ossweb-img/map/wh.png) no-repeat 50% 0/100% 100%;
  position: relative;
  z-index: 10;
}

.map4 .btn_whonclick {
  animation: fadeOUT 1s both;
}

.map4 .map_icon {
  display: block;
  width: 1159px;
  height: 820px;
  position: absolute;
  top: 21px;
  left: 66px;
  pointer-events: none;
}

.map4 .map_icon li {
  display: none;
  width: 139px;
  height: 145px;
  position: absolute;
}

.map4 .map_icon li:nth-child(1) {
  left: 598px;
  top: 206px;
  background: url(../ossweb-img/map/icon14.png) no-repeat 50% 0/100% 100%;
}

.map4 .map_icon li:nth-child(2) {
  left: 294px;
  top: 306px;
  background: url(../ossweb-img/map/icon15.png) no-repeat 50% 0/100% 100%;
}

.map4 .map_icon li:nth-child(3) {
  left: 566px;
  top: 458px;
  background: url(../ossweb-img/map/icon16.png) no-repeat 50% 0/100% 100%;
}

.log {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.log .container {
  display: block;
  width: 1920px;
  height: 1080px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}

.log_cont {
  display: block;
  width: 1773px;
  height: 909px;
  background: url(../ossweb-img/log/book.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: 0;
  z-index: 10;
}

.btn_cd {
  display: block;
  width: 183px;
  height: 139px;
  background: url(../ossweb-img/log/btn_cd.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  right: 128px;
  top: 50px;
  z-index: 10;
}

.cd_bg {
  display: none;
  width: 1461px;
  height: 758px;
  background: url(../ossweb-img/log/cd_bg.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 188px;
  top: 89px;
}

.cd_bg.on {
  background: url(../ossweb-img/log/cd_bgon.png) no-repeat 50% 0/100% 100%;
}

.tab2 {
  display: block;
  width: 866px;
  position: relative;
  left: 224px;
  top: -65px;
  display: flex;
}

.tab2 li {
  display: block;
  height: 94px;
  position: relative;
}

.tab2 li:before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.tab2 li:nth-child(1) {
  width: 215px;
  z-index: 20;
}

.tab2 li:nth-child(1):before {
  width: 269px;
  height: 182px;
  left: -26px;
  top: -45px;
  background: url(../ossweb-img/log/btn_tab1bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab2 li:nth-child(1).active:before {
  background: url(../ossweb-img/log/btn_tab1bgon.png) no-repeat 50% 0/100% 100%;
}

.tab2 li:nth-child(1) a {
  transform: rotate(-7.2deg);
}

.tab2 li:nth-child(2) {
  width: 215px;
  margin-top: 15px;
  z-index: 18;
}

.tab2 li:nth-child(2):before {
  width: 252px;
  height: 156px;
  left: -7px;
  top: -42px;
  background: url(../ossweb-img/log/btn_tab2bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab2 li:nth-child(2).active:before {
  background: url(../ossweb-img/log/btn_tab2bgon.png) no-repeat 50% 0/100% 100%;
}

.tab2 li:nth-child(2) a {
  transform: rotate(2deg) translate(10px, -4px);
}

.tab2 li:nth-child(3) {
  width: 174px;
  margin-top: 7px;
  z-index: 16;
}

.tab2 li:nth-child(3):before {
  width: 236px;
  height: 157px;
  left: -8px;
  top: -34px;
  background: url(../ossweb-img/log/btn_tab3bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab2 li:nth-child(3).active:before {
  background: url(../ossweb-img/log/btn_tab3bgon.png) no-repeat 50% 0/100% 100%;
}

.tab2 li:nth-child(3) a {
  transform: rotate(-8.8deg) translate(20px, 4px);
}

.tab2 li:nth-child(4) {
  width: 230px;
  margin: 14px 0 0 27px;
  z-index: 14;
}

.tab2 li:nth-child(4):before {
  width: 268px;
  height: 159px;
  left: -18px;
  top: -42px;
  background: url(../ossweb-img/log/btn_tab4bg.png) no-repeat 50% 0/100% 100%;
  z-index: 30;
}

.tab2 li:nth-child(4).active:before {
  background: url(../ossweb-img/log/btn_tab4bgon.png) no-repeat 50% 0/100% 100%;
}

.tab2 li:nth-child(4) a {
  transform: translate(-14px, -6px);
}

.lang_en .tab2 li:nth-child(4) a,
.lang_de .tab2 li:nth-child(4) a,
.lang_fr .tab2 li:nth-child(4) a {
  transform: translate(0, 6px);
  box-sizing: border-box;
}

.tab2 li a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 30px;
  color: #aa7948;
  position: relative;
  z-index: 40;
}

.lang_ja .tab2 li a {
  font-family: "notojpmid";
  font-weight: bold;
}

.lang_en .tab2 li a,
.lang_de .tab2 li a,
.lang_fr .tab2 li a {
  font-family: "symid";
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
}

.tab2 li.active a {
  color: #473518;
  text-shadow: #f2df89 0 0 38px, #f2df89 0 0 38px, #f2df89 0 0 38px, #f2df89 0 0 38px;
}

.log_list {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  width: 1265px;
  height: 740px;
  position: absolute;
  top: 46px;
  left: 234px;
}

.log_list li a {
  display: block;
  width: 100%;
  height: 100%;
}

.log_list li:nth-child(1) {
  display: block;
  width: 580px;
  height: 384px;
  background: url(../ossweb-img/log/picbg1.png) no-repeat 50% 0/100% 100%;
  margin: 0 0 0 0;
}

.log_list li:nth-child(2) {
  display: block;
  width: 531px;
  height: 352px;
  background: url(../ossweb-img/log/picbg2.png) no-repeat 50% 0/100% 100%;
  margin: 28px 0 0 0;
}

.log_list li:nth-child(3) {
  display: block;
  width: 494px;
  height: 329px;
  background: url(../ossweb-img/log/picbg3.png) no-repeat 50% 0/100% 100%;
  margin: 0 0 16px 72px;
}

.log_list li:nth-child(4) {
  display: block;
  width: 510px;
  height: 353px;
  background: url(../ossweb-img/log/picbg4.png) no-repeat 50% 0/100% 100%;
  margin: 0 14px 0 0;
}

.log_list1,
.log_list2 {
  width: 1326px;
  height: 672px;
  left: 206px;
  top: 118px;
}

.log_list1 li,
.log_list2 li {
  margin: 0 !important;
  position: absolute;
}

.log_list1 li:nth-child(1),
.log_list2 li:nth-child(1) {
  width: 472px;
  height: 333px;
  background: url(../ossweb-img/log/picbg1_2.png) no-repeat 50% 0/100% 100%;
  left: 0;
  top: 28px;
  z-index: 0;
}

.log_list1 li:nth-child(2),
.log_list2 li:nth-child(2) {
  width: 489px;
  height: 319px;
  background: url(../ossweb-img/log/picbg2_2.png) no-repeat 50% 0/100% 100%;
  left: 421px;
  top: 0;
  z-index: 10;
}

.log_list1 li:nth-child(3),
.log_list2 li:nth-child(3) {
  width: 461px;
  height: 315px;
  background: url(../ossweb-img/log/picbg3_2.png) no-repeat 50% 0/100% 100%;
  left: 865px;
  top: 36px;
  z-index: 0;
}

.log_list1 li:nth-child(4),
.log_list2 li:nth-child(4) {
  width: 529px;
  height: 317px;
  background: url(../ossweb-img/log/picbg4_2.png) no-repeat 50% 0/100% 100%;
  left: 130px;
  top: 360px;
  z-index: 0;
}

.log_list1 li:nth-child(5),
.log_list2 li:nth-child(5) {
  width: 490px;
  height: 341px;
  background: url(../ossweb-img/log/picbg5_2.png) no-repeat 50% 0/100% 100%;
  left: 682px;
  top: 336px;
  z-index: 0;
}

.log_list1 li:nth-child(1).on {
  background: url(../ossweb-img/log/pic1.png) no-repeat 50% 0/100% 100%;
}

.log_list1 li:nth-child(2).on {
  background: url(../ossweb-img/log/pic2.png) no-repeat 50% 0/100% 100%;
}

.log_list1 li:nth-child(3).on {
  background: url(../ossweb-img/log/pic3.png) no-repeat 50% 0/100% 100%;
}

.log_list1 li:nth-child(4).on {
  background: url(../ossweb-img/log/pic4.png) no-repeat 50% 0/100% 100%;
}

.log_list1 li:nth-child(5).on {
  background: url(../ossweb-img/log/pic5.png) no-repeat 50% 0/100% 100%;
}

.log_list2 li:nth-child(1).on {
  background: url(../ossweb-img/log/pic6.png) no-repeat 50% 0/100% 100%;
}

.log_list2 li:nth-child(2).on {
  background: url(../ossweb-img/log/pic7.png) no-repeat 50% 0/100% 100%;
}

.log_list2 li:nth-child(3).on {
  background: url(../ossweb-img/log/pic8.png) no-repeat 50% 0/100% 100%;
}

.log_list2 li:nth-child(4).on {
  background: url(../ossweb-img/log/pic9.png) no-repeat 50% 0/100% 100%;
}

.log_list2 li:nth-child(5).on {
  background: url(../ossweb-img/log/pic10.png) no-repeat 50% 0/100% 100%;
}

.log_list3 li:nth-child(1).on {
  background: url(../ossweb-img/log/pic11.png) no-repeat 50% 0/100% 100%;
}

.log_list3 li:nth-child(2).on {
  background: url(../ossweb-img/log/pic12.png) no-repeat 50% 0/100% 100%;
}

.log_list3 li:nth-child(3).on {
  background: url(../ossweb-img/log/pic13.png) no-repeat 50% 0/100% 100%;
}

.log_list4 li:nth-child(1).on {
  background: url(../ossweb-img/log/pic14.png) no-repeat 50% 0/100% 100%;
}

.log_list4 li:nth-child(2).on {
  background: url(../ossweb-img/log/pic15.png) no-repeat 50% 0/100% 100%;
}

.log_list4 li:nth-child(3).on {
  background: url(../ossweb-img/log/pic16.png) no-repeat 50% 0/100% 100%;
}

.btn_log1 {
  display: block;
  width: 100%;
  height: 100%;
}

.btn_log2 {
  display: block;
  width: 100%;
  height: 100%;
}

.btn_log3 {
  display: block;
  width: 100%;
  height: 100%;
}

.btn_log4 {
  display: block;
  width: 100%;
  height: 100%;
}

.log_info {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8888;
  display: none;
}

.log_info .container {
  display: block;
  width: 1920px;
  height: 1080px;
  margin: 0 auto;
}

.log_info_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(91, 68, 45, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.log_info_list {
  display: block !important;
  position: relative;
  z-index: 9998;
}

.log_info_list li {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  opacity: 0;
}

.btn_close1 {
  display: block;
  content: "";
  width: 90px;
  height: 104px;
  background: url(../ossweb-img/log_info/close.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 168px;
  right: 198px;
  pointer-events: auto;
  z-index: 9999;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.log_info_list li:nth-child(1) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info1.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(2) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info3.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(3) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info2.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(4) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info4.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(5) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info5.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(6) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info7.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(7) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info6.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(8) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info8.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li:nth-child(9) {
  display: none;
  width: 1846px;
  height: 1017px;
  background: url(../ossweb-img/log_info/info9.png) no-repeat 50% 0/100% 100%;
}

.log_info_list li.on {
  display: block !important;
  animation: fadeInScale 0.3s ease forwards;
}

.share_tips {
  /* 原位置：.map_list 内（与 .btn_hqcs 同一堆叠上下文，按钮 z 10003 可高于它）。
     map_list 原点 = 设计稿 (191.5, 140.6)（map_cont 居中于 1920 画布、tab 占流高 140.6），
     显式定位 box 到设计画布：x[0,1920]、按画布中心 -56.5% 偏置 → y[-70.2, 1009.8]，
     底部留出按钮区域。absolute 避免 transform 祖先下 fixed 的浏览器兼容 bug。 */
  width: 1920px;
  height: 1080px;
  /* overflow: hidden; */
  position: absolute;
  left: -191.5px;
  top: -210.8px;
  display: none;
  z-index: 10002;
}

.portrait .share_tips {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  position: absolute;
  left: -191.5px;
  top: -210.8px;
  z-index: 10002;
  display: none;
}

.share_tips_cont {
  display: block;
  width: 613px;
  height: 203px;
  background: url(../ossweb-img/pop/dialogue/bg2.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 582px;
  left: 52%;
  z-index: 10003;
}

.lang_en .share_tips_cont {
  background: url(../ossweb-img/pop/dialogue/bg2_en.png) no-repeat 50% 0/100% 100%;
}

.lang_de .share_tips_cont {
  width: 724px;
  background: url(../ossweb-img/pop/dialogue/bg2_de.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .share_tips_cont {
  width: 724px;
  background: url(../ossweb-img/pop/dialogue/bg2_fr.png) no-repeat 50% 0/100% 100%;
}

.dialogue {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  /* 同 .dialog_wp：transform 祖先下的 fixed 有兼容 bug */
  top: 0;
  left: 0;
  z-index: 8888;
  display: none;
}

.log_info .container {
  display: block;
  width: 1920px;
  height: 1080px;
  margin: 0 auto;
}

.dialogue_mask {
  width: 200%;
  height: 200%;
  position: absolute;
  /* 同 .dialog_wp：transform 祖先下的 fixed 有兼容 bug */
  top: 50%;
  left: 50%;
  background: url(../ossweb-img/pop/dialogue/mask.png) no-repeat 50% 0/cover;
  pointer-events: none;
  transform: translate3d(-50%, -50%, 1px);
}

.dialogue_cont {
  display: block;
  width: 1589px;
  height: 386px;
  background: url(../ossweb-img/pop/dialogue/bg.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  /* 同 .dialog_wp：transform 祖先下的 fixed 有兼容 bug */
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 36px;
  padding: 150px 237px 130px 474px;
  box-sizing: border-box;
}

.dialogue_cont li {
  display: none;
}

.lang_fr .dialogue_cont li#dialogue3 span {
  font-size: 28px;
  line-height: 34px;
}

.dialogue_cont li.on {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  width: auto;
  height: 106px;
}

.dialogue_cont li span {
  display: block;
  font-size: 30px;
  color: #7a512b;
  line-height: 40px;
}

.lang_ja .dialogue_cont li span {
  font-family: "notojpmid";
  font-weight: bold;
}

.lang_en .dialogue_cont li span,
.lang_fr .dialogue_cont li span,
.lang_de .dialogue_cont li span {
  font-family: "symid";
}

.lang_de .dialogue_cont li span#dialogue4_text0,
.lang_de .dialogue_cont li span#dialogue4_text1 {
  font-size: 25px;
}

.dialogue_cont li span.typing::after {
  content: "|";
  display: inline-block;
  animation: blink 1s infinite;
  color: #7a512b;
}

.dialogue_cont li span.completed {
  animation: none;
}

.dialogue_cont li span.completed::after {
  display: none;
}

.lott {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.lott .container {
  display: block;
  width: 1920px;
  height: 1080px;
  margin: 0 auto;
}

.lott_cont {
  display: flex;
  flex-wrap: nowrap;
  width: 1773px;
  height: 889px;
  background: url(../ossweb-img/lottery/book.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: 0;
}

.lott_jl_btn {
  width: 290px;
  height: 251px;
  background: url(../ossweb-img/lottery/lot_jl_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 29px;
  top: 12px;
  z-index: 30;
}

.lang_en .lott_jl_btn{
  background: url(../ossweb-img/lottery/lot_jl_btn_en.png) no-repeat;
  background-size: 100% 100%;
}

.lang_de .lott_jl_btn {
  background: url(../ossweb-img/lottery/lot_jl_btn_de.png) no-repeat;
  background-size: 100% 100%;
}
.lang_fr .lott_jl_btn {
  background: url(../ossweb-img/lottery/lot_jl_btn_fr.png) no-repeat;
  background-size: 100% 100%;
}

.left {
  display: block;
  width: 592px;
  position: absolute;
  left: 934px;
  top: 70px;
  padding: 0 0 0 0;
  box-sizing: border-box;
}

.lang_en .left,
.lang_de .left,
.lang_fr .left {
  top: 60px;
}

.left_top {
  width: 100%;
  display: flex;
  position: relative;
}

.left_top:after {
  content: "";
  width: 536px;
  height: 20px;
  background: url(../ossweb-img/lottery/reward_pg_line.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 256px;
  transform: translate(-50%, 0);
  pointer-events: none;
}

.lang_en .left_top:after,
.lang_de .left_top:after,
.lang_fr .left_top:after {
  top: 272px;
}

.left_top_btns {
  width: 493px;
  height: 227px;
  background: url(../ossweb-img/lottery/left_bq_jp.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 189px;
  top: -131px;
  z-index: 30;
  display: flex;
  box-sizing: border-box;
  padding-top: 55px;
}

.left_top_btns a {
  height: 138px;
  width: 50%;
  text-indent: -9999px;
}

.left_top_btns.status2 {
  background: url(../ossweb-img/lottery/left_bq_light_jp.png) no-repeat;
  background-size: 100% 100%;
}

.lang_en .left_top_btns,
.lang_fr .left_top_btns {
  background: url(../ossweb-img/lottery/left_bq_en.png) no-repeat;
  background-size: 100% 100%;
}

.lang_en .left_top_btns.status2,
.lang_fr .left_top_btns.status2 {
  background: url(../ossweb-img/lottery/left_bq_light_en.png) no-repeat;
  background-size: 100% 100%;
}

.lang_de .left_top_btns {
  background: url(../ossweb-img/lottery/left_bq_de.png) no-repeat;
  background-size: 100% 100%;
}

.lang_de .left_top_btns.status2 {
  background: url(../ossweb-img/lottery/left_bq_light_de.png) no-repeat;
  background-size: 100% 100%;
}

.lang_fr .left_top_btns {
  background: url(../ossweb-img/lottery/left_bq_fr.png) no-repeat;
  background-size: 100% 100%;
}

.lang_fr .left_top_btns.status2 {
  background: url(../ossweb-img/lottery/left_bq_light_fr.png) no-repeat;
  background-size: 100% 100%;
}

.left_top_dl {
  width: 214px;
}

.left_top_dl .left_top_rew_para span {
  display: block;
}

.lang_en .left_top_dl .left_top_dl_para,
.lang_fr .left_top_dl .left_top_dl_para {
  box-sizing: border-box;
  padding: 0 32px;
  position: relative;
  white-space: normal;
}

.lang_en .left_top_dl .left_top_dl_para:before,
.lang_en .left_top_dl .left_top_dl_para:after,
.lang_fr .left_top_dl .left_top_dl_para:before,
.lang_fr .left_top_dl .left_top_dl_para:after {
  content: "";
  margin: 0 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lang_en .left_top_dl .left_top_dl_para:before,
.lang_fr .left_top_dl .left_top_dl_para:before {
  left: 8px;
}

.lang_en .left_top_dl .left_top_dl_para:after,
.lang_fr .left_top_dl .left_top_dl_para:after {
  right: 8px;
}

.lang_de .left_top_dl .left_top_dl_para {
  box-sizing: border-box;
  padding: 0 22px;
  position: relative;
  white-space: normal;
}

.lang_de .left_top_dl .left_top_dl_para:before,
.lang_de .left_top_dl .left_top_dl_para:after {
  content: "";
  margin: 0 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lang_de .left_top_dl .left_top_dl_para:before {
  left: 8px;
}

.lang_de .left_top_dl .left_top_dl_para:after {
  right: 8px;
}

.left_bot_lot_tips {
  font-size: 18px;
  color: #6f5631;
  line-height: 24px;
  text-align: center;
  margin: 12px auto 0;
  font-weight: normal;
}

.lang_ja .left_bot_lot_tips {
  font-family: "notojpmid";
}

.left_top_dl_para {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #6f5631;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
}

.lang_ja .left_top_dl_para {
  font-family: "notojpmid";
}

.lang_en .left_top_dl_para,
.lang_de .left_top_dl_para,
.lang_fr .left_top_dl_para {
  line-height: 20px;
}

.left_top_dl_para:before,
.left_top_dl_para:after {
  content: "";
  width: 18px;
  height: 20px;
  background: url(../ossweb-img/lottery/left_picon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 6px;
}

.left_top_rew_bg {
  width: 142px;
  height: 142px;
  position: relative;
  margin: 6px auto 0;
}

.left_top_rew_bg:before {
  content: "";
  width: 211px;
  height: 211px;
  background: url(../ossweb-img/lottery/rew_bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -36px;
  top: -35px;
  z-index: 0;
  pointer-events: none;
}

.left_top_rew_bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 20;
}

.left_top_rew_para {
  width: 200%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 100px;
  font-size: 28px;
  color: #4f3318;
  line-height: 36px;
  transform: scale(0.5);
  transform-origin: 0 0;
}

.lang_ja .left_top_rew_para {
  font-weight: bold;
}

.left_top_rew_para2 {
  top: 112px;
}

.left_top_rew_para3 {
  top: 80px;
}

.btn_rw_lq {
  display: flex;
  width: 142px;
  height: 48px;
  background: url(../ossweb-img/lottery/btn_qwc.png) no-repeat 50% 0/100% 100%;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff7c9;
  text-shadow: #ffa200 0 0 8px;
  padding-bottom: 6px;
  font-weight: normal;
  margin: 18px auto 0;
}

.btn_rw_lq.zhih {
  color: #f0f4d8;
  background: url(../ossweb-img/lottery/btn_ylq.png) no-repeat 50% 0/100% 100%;
  text-shadow: rgba(0, 0, 0, 0.69) 0 0 8px;
}

.btn_rw_lq.btn_cgo {
  background: url(../ossweb-img/lottery/btn_go.png) no-repeat 50% 0/100% 100%;
}

.left_top_dl_right {
  width: 372px;
}

.left_top_rew_bg_list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 6px auto 0;
}

.left_top_rew_bg_list .left_top_rew_bg {
  margin: 0 8px;
}

.left_top_rew_bg_list2 {
  margin: 0 auto 0;
  height: 294px;
}

.left_top_rew_bg_list2 .left_top_rew_bg {
  width: 268.38px;
  height: 268.38px;
  margin: 0 19px;
}

.left_top_rew_bg_list2 .left_top_rew_bg:before {
  left: -68.04px;
  top: -66.15px;
  width: 398.79px;
  height: 398.79px;
}

.left_top_rew_bg_list2 .left_top_rew_para {
  height: 120.96px;
  text-align: center;
  font-size: 49.14px;
  line-height: 60.48px;
  top: 189px;
  font-weight: normal;
  box-sizing: border-box;
  padding: 0 10px;
  font-weight: bold;
}

.left_top_rew_bg_list2 .left_top_rew_para span {
  display: block;
}

.left_top_rew_bg_list2 .left_top_rew_para2 {
  top: 200.34px;
}

.left_top_rew_bg_list2 .left_top_rew_para2 span {
  display: inline;
}

.left_top_rew_bg_list2 .left_top_rew_para3 {
  top: 151.2px;
}

.left_top_rew_bg_list2 .left_top_rew_para3 span {
  display: inline;
}

.lang_de #reward_pop6 .left_top_rew_bg_list2 .left_top_rew_para2 {
  top: 189px;
}

.flash {
  display: block;
  width: 512px;
  height: 402px;
  position: relative;
  margin: 38px auto 0;
}

.lottery {
  position: relative;
  width: 512px;
  height: 402px;
}

.flash_cont {
  position: relative;
  width: 512px;
  height: 402px;
  z-index: 0;
}

.flash_lottery {
  display: block;
  width: 100%;
  height: 100%;
}

.lottery_list {
  width: 512px;
  height: 402px;
  position: relative;
}

.lottery_list li {
  width: 166px;
  height: 128px;
  position: absolute;
}

.lottery_list li:before {
  content: "";
  width: 230px;
  height: 141px;
  background: url(../ossweb-img/lottery/lot_ctbg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -33px;
  top: -4px;
  z-index: 0;
}

.lottery_list li.active:before {
  width: 217px;
  height: 193px;
  background: url(../ossweb-img/lottery/lot_xzbg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -22px;
  top: -32px;
}

.lottery_list li:nth-child(1) {
  left: 0;
  top: 0;
}

.lottery_list li:nth-child(2) {
  left: 172px;
  top: 0;
}

.lottery_list li:nth-child(3) {
  left: 346px;
  top: 0;
}

.lottery_list li:nth-child(4) {
  left: 346px;
  top: 138px;
}

.lottery_list li:nth-child(5) {
  left: 346px;
  top: 274px;
}

.lottery_list li:nth-child(6) {
  left: 172px;
  top: 274px;
}

.lottery_list li:nth-child(7) {
  left: 0;
  top: 274px;
}

.lottery_list li:nth-child(8) {
  left: 0;
  top: 138px;
}

.lottery_list li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 20;
}

.lottery_list li p {
  width: 296px;
  height: 74px;
  position: absolute;
  left: 50%;
  top: 90px;
  transform: translate(-25%, 0%) scale(0.5);
  transform-origin: 0 0;
  font-size: 30px;
  color: #4f3318;
  line-height: 32px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang_ja .lottery_list li p {
  font-weight: bold;
}

.lang_en .lottery_list li p {
  font-size: 28px;
  font-weight: bold;
  white-space: nowrap;
}

.lang_de .lottery_list li p,
.lang_fr .lottery_list li p {
  font-size: 28px;
  font-weight: bold;
}

.lotterycontent_hover {
  opacity: 0 !important;
}

.btn_cj {
  display: block;
  width: 160px;
  height: 130px;
  position: absolute;
  top: 136px;
  left: 176px;
  z-index: 9999;
}

.btn_cj:after {
  content: "";
  background: url(../ossweb-img/lottery/btn_cj.png) no-repeat 50% 0/100%;
  width: 256px;
  height: 187px;
  position: absolute;
  left: -50px;
  top: -36px;
}

.lang_en .btn_cj:after,
.lang_fr .btn_cj:after {
  background: url(../ossweb-img/lottery/btn_cj_en.png) no-repeat 50% 0/100%;
}

.lang_de .btn_cj:after {
  background: url(../ossweb-img/lottery/btn_cj_de.png) no-repeat 50% 0/100%;
}

.lang_fr .btn_cj:after {
  background: url(../ossweb-img/lottery/btn_cj_fr.png) no-repeat 50% 0/100%;
}

.btn_cj.btn_zhih {
  display: block;
  width: 180px;
  height: 179px;
  background: url(../ossweb-img/lottery/btn_cjzhih.png) no-repeat 50% 0/100%;
}

.lotterycontent_start {
  display: none !important;
  position: absolute;
  z-index: -9999;
  pointer-events: none;
}

.lottery_num {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  width: 320px;
  line-height: 40px;
  height: 60px;
  color: #cfba9a;
  text-align: center;
  position: absolute;
  left: 176px;
  top: 228px;
  pointer-events: none;
  text-align: center;
  letter-spacing: -1px;
  text-shadow: rgba(0, 0, 0, 0.64) 0 0 5px;
  z-index: 50;
  font-weight: normal;
  transform: scale(0.5);
  transform-origin: 0 0;
}

.lottery_num span {
  font-size: 36px;
}

.lang_en .lottery_num,
.lang_de .lottery_num,
.lang_fr .lottery_num {
  top: 224px;
  font-size: 28px;
  line-height: 32px;
}

.lang_en .lottery_num span,
.lang_de .lottery_num span,
.lang_fr .lottery_num span {
  font-size: 32px;
}

.right {
  display: block;
  width: 536px;
  position: absolute;
  left: 281px;
  top: 76px;
  box-sizing: border-box;
}

.right_title {
  display: block;
  width: 100%;
  height: 59px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  background: url(../ossweb-img/lottery/task_titbg.png) no-repeat;
  background-size: auto 100%;
  background-position: 50% 0;
}

.lang_ja .right_title {
  font-family: "notojpmid";
  font-weight: bold;
}

.lang_en .right_title,
.lang_de .right_title,
.lang_fr .right_title {
  font-family: "dinmid";
  text-transform: uppercase;
  font-weight: normal;
  box-sizing: border-box;
  padding-top: 4px;
}

.lang_fr .right_title {
  font-family: "dinmid";
  text-transform: uppercase;
  font-weight: normal;
  box-sizing: border-box;
  padding-top: 4px;
  font-size: 38px;
  background: url(../ossweb-img/lottery/task_titbg_fr.png) no-repeat;
  background-size: auto 100%;
  background-position: 50% 0;
}

.right_title strong {
  display: block;
  background: linear-gradient(to bottom, #68482b 0%, #875d37 60%, #ba9874 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.right ul {
  width: 100%;
  margin: 18px auto 0;
}

.right ul li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 48px;
  box-sizing: border-box;
  position: relative;
}

.right ul li:after {
  content: "";
  width: 501px;
  height: 19px;
  background: url(../ossweb-img/lottery/task_line.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 0);
  pointer-events: none;
}

.right ul li:last-child:after {
  display: none;
}

.lang_en .right ul li,
.lang_de .right ul li,
.lang_fr .right ul li {
  padding-left: 10px;
}

.lang_en .right ul li:after,
.lang_de .right ul li:after,
.lang_fr .right ul li:after {
  width: 563px;
  background: url(../ossweb-img/lottery/task_line_en.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .right ul li {
  padding-left: 0;
}

.task_left_pbox {
  width: 296px;
}

.lang_en .task_left_pbox,
.lang_de .task_left_pbox {
  width: 384px;
}

.lang_fr .task_left_pbox {
  width: 404px;
}

.task_left_p1 {
  font-size: 19px;
  color: #6f5631;
  line-height: 24px;
  font-weight: normal;
  white-space: nowrap;
}

.lang_ja .task_left_p1 {
  font-family: "notojpmid";
}

.lang_de .task_left_p1 {
  font-size: 18px;
}

.lang_fr .task_left_p1 {
  font-family: "symid";
}

.task_left_p2 {
  font-size: 15px;
  color: #91764f;
  line-height: 22px;
  font-weight: normal;
  margin-top: 6px;
}

.btn_qwc {
  display: flex;
  width: 142px;
  height: 48px;
  background: url(../ossweb-img/lottery/btn_qwc.png) no-repeat 50% 0/100% 100%;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff7c9;
  text-shadow: #ffa200 0 0 8px;
  padding-bottom: 6px;
  font-weight: normal;
}

.btn_qwc.btn_cgo {
  background: url(../ossweb-img/lottery/btn_go.png) no-repeat 50% 0/100% 100%;
}

.btn_qwc.zhih {
  color: #f0f4d8;
  background: url(../ossweb-img/lottery/btn_ylq.png) no-repeat 50% 0/100% 100%;
  text-shadow: rgba(0, 0, 0, 0.69) 0 0 8px;
}

.btn_redtxt {
  display: block;
  width: 314px;
  height: 124px;
  background: url(../ossweb-img/lottery/btn_redtxt.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 705px;
  left: 51px;
  pointer-events: auto;
  z-index: 9;
}

.btn_redtxt.zhih {
  background: url(../ossweb-img/lottery/btn_redtxt_ylq.png) no-repeat 50% 0/100% 100%;
}

.btn_redtxt.lq {
  background: url(../ossweb-img/lottery/btn_redtxt_lq.png) no-repeat 50% 0/100% 100%;
}

.btn_lqhb {
  display: none;
  width: 221px;
  height: 105px;
  background: url(../ossweb-img/lottery/btn_lqhb.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 705px;
  left: 98px;
  pointer-events: auto;
}

.btn_lqhb.on {
  display: block;
}

.btn_lqhb.zhih {
  background: url(../ossweb-img/lottery/btn_lqhbzhih.png) no-repeat 50% 0/100% 100%;
}

.tips_ylw {
  display: none;
  width: 256px;
  height: 138px;
  background: url(../ossweb-img/lottery/ylw.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 575px;
  left: 180px;
}

.tips_ylw.on {
  display: block;
}

.btn_redtxt.ylw {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.poptoast {
  pointer-events: none;
  z-index: 1000000;
  position: absolute;
  /* 同 .dialog_wp：body 有 transform，fixed 在部分浏览器有 bug */
  left: 0;
  top: 0;
  padding: 8%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}

.poptoast p {
  display: block;
  width: 480px;
  height: 103px;
  white-space: nowrap;
  background: url(../ossweb-img/pop/poptoast.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .poptoast p,
.lang_en .poptoast p,
.lang_de .poptoast p,
.lang_ja .poptoast p {
  white-space: nowrap;
  width: 796px;
}

.poptoast span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-size: 22px;
}

.lang_zh .poptoast span {
  font-family: "ziti1";
}

.lang_ja .poptoast span {
  font-family: "notojpmid";
}

.lang_en .poptoast span,
.lang_de .poptoast span,
.lang_fr .poptoast span {
  font-family: "symid";
}

.poptoast span {
  background: linear-gradient(to bottom, #c89d64 0%, #c89d64 60%, #f0d399 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.poptoast p {
  animation: fadeIN 0.3s both;
  -webkit-backface-visibility: hidden;
}

.poptoast p.off {
  animation: fadeOUT 0.3s both;
  -webkit-backface-visibility: hidden;
}

/*弹窗*/
.dialog_wp {
  width: 100%;
  height: 100%;
  /* px 方案下 body 有 transform：部分浏览器（微信 XWeb 老版本等）对 transform 祖先下的
     position:fixed 实现有 bug，遮罩会按视口定位后再被 scale 缩小、铺不满全屏。
     弹窗均为 body 直接子元素（body 是 position:relative 的铺满盒），
     改用 absolute 后包含块不变，且所有浏览器行为一致。 */
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1) !important;
  transform: translate3d(-50%, -50%, 0) scale(1) !important;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 999999;
}

.dialog {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1) !important;
  transform: translate3d(-50%, -50%, 0) scale(1) !important;
  margin: 0 !important;
}

.dia-close {
  display: block;
  width: 35px;
  height: 35px;
  background: url(../ossweb-img/pop/btn_close.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 75px;
  right: 93px;
}

/*登录*/
.pop_login {
  width: 937px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_login/bg.png) no-repeat 50% 0/100% 100%;
  padding: 252px 0 0;
  box-sizing: border-box;
}

.login_cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../ossweb-img/pop/pop_login/login_contbg.png) no-repeat 50% 0/100% 100%;
  width: 450px;
  height: 212px;
  margin: 0 auto;
}

.login_cont a {
  display: block;
  width: 169px;
  height: 212px;
}

/*绑定手机号*/
.pop_bding {
  width: 881px;
  height: 926px;
  background: url(../ossweb-img/pop/pop_bding/bg.png) no-repeat 50% 0/100% 100%;
  padding: 218px 120px 0 86px;
  box-sizing: border-box;
}

.pop_bding .dia-close {
  top: 96px;
  right: 117px;
}

.bding_cont {
  display: block;
  width: 675px;
  height: 590px;
}

.bding_cont .input_cont {
  display: flex;
  width: 675px;
  height: 173px;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
}

.input_cont li {
  display: flex;
  width: 675px;
  height: 73px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.input_cont li input {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  appearance: none;
  outline: 0;
  border: none !important;
  background: none !important;
  font-size: 26px;
  line-height: 73px;
  color: #553b17;
  padding-left: 30px;
  box-sizing: border-box;
}

input:focus {
  background-color: transparent !important;
}

input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

input::placeholder {
  color: #553b17;
  opacity: 1;
  font-size: 26px;
}

input::-webkit-placeholder {
  color: #553b17;
  opacity: 1;
  font-size: 26px;
}

.input_cont li:nth-child(1) div {
  width: 675px;
  height: 73px;
  background: url(../ossweb-img/pop/pop_bding/input_phone.png) no-repeat 50% 0/100% 100%;
}

.input_cont li:nth-child(2) div {
  width: 389px;
  height: 73px;
  background: url(../ossweb-img/pop/pop_bding/input_code.png) no-repeat 50% 0/100% 100%;
}

.input_cont li:nth-child(2) a {
  display: block;
  width: 275px;
  height: 64px;
  background: url(../ossweb-img/pop/pop_bding/btn_hqyzm.png) no-repeat 50% 0/100% 100%;
}

.input_cont li:nth-child(2) a.zhih {
  display: block;
  width: 275px;
  height: 64px;
  background: url(../ossweb-img/pop/pop_bding/btn_yhq.png) no-repeat 50% 0/100% 100%;
}

.bding_cont p {
  display: flex;
  width: 675px;
  height: 25px;
  justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
  margin: 49px 0 11px 0;
}

.bding_cont p a {
  display: block;
  width: 25px;
  height: 25px;
  background: url(../ossweb-img/pop/pop_bding/btn_icon.png) no-repeat 50% 0/100% 100%;
}

.bding_cont p a.on {
  background: url(../ossweb-img/pop/pop_bding/btn_iconon.png) no-repeat 50% 0/100% 100%;
}

.bding_cont p span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 650px;
  height: 25px;
  font-size: 22px;
  line-height: 25px;
  color: #553b17;
}

.bding_cont .txt {
  display: block;
  width: 675px;
  height: 180px;
  font-size: 23px;
  color: #38210a;
  line-height: 35px;
  margin-bottom: 33px;
}

.bding_cont .txt2 {
  display: flex;
  width: 675px;
  height: 34px;
  font-size: 34px;
  color: #553b17;
  line-height: 34px;
}

.lang_zh .bding_cont .txt2 {
  font-family: "ziti1";
}

.lang_ja .bding_cont .txt2 {
  font-family: "notojpmid";
}

.lang_en .bding_cont .txt2,
.lang_de .bding_cont .txt2,
.lang_fr .bding_cont .txt2 {
  font-family: "symid";
}

.bding_cont .txt2 {
  justify-content: center;
  align-items: center;
}

.bding_cont .btn_tjbqr {
  display: block;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/pop_bding/btn_tjbqr.png) no-repeat 50% 0/100% 100%;
  margin: 30px 0 0 180px;
}

.bding_cont .btn_tjbqr.zhih {
  background: url(../ossweb-img/pop/pop_bding/btn_ytj.png) no-repeat 50% 0/100% 100%;
}

/*解绑手机号*/
.pop_nobding {
  width: 881px;
  height: 926px;
  background: url(../ossweb-img/pop/pop_bding/bg2.png) no-repeat 50% 0/100% 100%;
  padding: 228px 0 0 87px;
  box-sizing: border-box;
}

.pop_nobding .dia-close {
  top: 96px;
  right: 117px;
}

.nobding_cont {
  display: block;
  width: 728px;
  height: 590px;
}

.nobding_cont .input_cont2 {
  display: flex;
  width: 675px;
  height: 173px;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
}

.input_cont2 li {
  display: flex;
  width: 675px;
  height: 73px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.input_cont2 li input {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  appearance: none;
  border: none;
  outline: 0;
  border: none !important;
  background: none !important;
  font-size: 26px;
  line-height: 73px;
  color: #553b17;
  padding-left: 30px;
  box-sizing: border-box;
}

input:focus {
  background-color: transparent !important;
  border-width: 0;
}

input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

input::placeholder {
  color: #553b17;
  opacity: 1;
  font-size: 26px;
}

input::-webkit-placeholder {
  color: #553b17;
  opacity: 1;
  font-size: 26px;
}

.input_cont2 li:nth-child(1) input {
  width: 675px;
  height: 73px;
  background: url(../ossweb-img/pop/pop_bding/input_phone.png) no-repeat 50% 0/100% 100%;
}

.input_cont2 li:nth-child(2) input {
  width: 389px;
  height: 73px;
  background: url(../ossweb-img/pop/pop_bding/input_code.png) no-repeat 50% 0/100% 100%;
}

.input_cont2 li:nth-child(2) a {
  display: block;
  width: 275px;
  height: 64px;
  background: url(../ossweb-img/pop/pop_bding/btn_hqyzm.png) no-repeat 50% 0/100% 100%;
}

.input_cont2 li:nth-child(2) a.zhih {
  display: block;
  width: 275px;
  height: 64px;
  background: url(../ossweb-img/pop/pop_bding/btn_yhq.png) no-repeat 50% 0/100% 100%;
}

.nobding_cont p {
  display: flex;
  width: 675px;
  height: 25px;
  justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
  margin: 49px 0 11px 0;
}

.nobding_cont p a {
  display: block;
  width: 25px;
  height: 25px;
  background: url(../ossweb-img/pop/pop_bding/btn_icon.png) no-repeat 50% 0/100% 100%;
}

.nobding_cont p a.on {
  background: url(../ossweb-img/pop/pop_bding/btn_iconon.png) no-repeat 50% 0/100% 100%;
}

.nobding_cont p span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 650px;
  height: 25px;
  font-size: 22px;
  color: #553b17;
}

.nobding_cont .txt {
  display: block;
  width: 675px;
  height: 103px;
  font-size: 23px;
  color: #38210a;
  line-height: 35px;
  margin-bottom: 110px;
}

.nobding_cont .btn_tjbqr {
  display: block;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/pop_bding/btn_tjbqr.png) no-repeat 50% 0/100% 100%;
  margin: 0 0 0 180px;
}

.nobding_cont .btn_tjbqr.zhih {
  background: url(../ossweb-img/pop/pop_bding/btn_ytj.png) no-repeat 50% 0/100% 100%;
}

/*中奖记录*/
.dia_pop_comt {
  display: block;
  width: 100%;
  height: 86px;
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 40px;
}

.lang_ja .dia_pop_comt {
  font-family: "notojpmid";
  font-weight: bold;
}

.lang_en .dia_pop_comt,
.lang_de .dia_pop_comt,
.lang_fr .dia_pop_comt {
  font-family: "sybold";
  font-weight: bold;
}

.dia_pop_comt span {
  display: block;
  line-height: 44px;
  height: 44px;
  background: linear-gradient(to bottom, #623f20 0%, #855a27 60%, #92692d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.lang_en .dia_pop_comt span,
.lang_de .dia_pop_comt span {
  height: 54px;
}

.lang_fr .dia_pop_comt span {
  height: auto;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "sy";
  line-height: 36px;
}

.dia_pop_comt:after {
  content: "";
  width: 735px;
  height: 31px;
  background: url(../ossweb-img/pop/dialog_t_line.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

.lang_fr #reward_pop5 .dia_pop_comt,
.lang_de #reward_pop5 .dia_pop_comt,
.lang_en #reward_pop5 .dia_pop_comt {
  height: 110px;
}

.lang_fr #reward_pop5 .dia_pop_comt span,
.lang_de #reward_pop5 .dia_pop_comt span,
.lang_en #reward_pop5 .dia_pop_comt span {
  height: auto;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "sy";
  line-height: 36px;
}

.lang_en #reward_pop5 .dia_pop_comt,
.lang_en #reward_pop6 .dia_pop_comt {
  height: 86px;
}

.pop_record {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/dia_com_bg.png) no-repeat 50% 0/100% 100%;
  padding: 94px 102px 0 73px;
  box-sizing: border-box;
}

.prizelist_cont ul {
  width: 744px;
  height: 340px;
  overflow: auto;
}

.prizelist_cont ul::-webkit-scrollbar-track {
  background: #d7c198;
  border-radius: 8px;
}

.prizelist_cont ul::-webkit-scrollbar-thumb {
  background: #765832;
  border-radius: 8px;
}

.prizelist_cont ul::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

.prizelist_cont ul li {
  width: 710px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  position: relative;
}

.prizelist_cont ul li:last-child {
  margin-bottom: 0 !important;
}

.list_tab li p {
  display: flex;
  width: 488px;
  justify-content: flex-start;
  align-content: space-between;
  flex-wrap: wrap;
  padding: 14px 0;
}

.lang_de .list_tab li.txdz p,
.lang_fr .list_tab li.txdz p {
  width: 370px;
}

.lang_de .list_tab li.txdz .btn_txdz,
.lang_fr .list_tab li.txdz .btn_txdz,
.lang_ja .list_tab li.txdz .btn_txdz {
  width: 340px;
  background: url(../ossweb-img/pop/btn_record_btn_long.png) no-repeat 50% 0/100% 100%;
}

.lang_ja .list_tab li.txdz .btn_txdz[data-lang=lang98] {
  width: 340px;
  background: url(../ossweb-img/pop/btn_record_btn_long.png) no-repeat 50% 0/100% 100%;
}

.list_tab li.unstart p {
  width: 360px;
}

.list_tab li.unstart p.record_para {
  width: 324px;
  font-size: 15px;
  color: #6d4417;
  line-height: 25px;
}

.lang_zh .list_tab li.unstart p.record_para {
  font-family: "ziti1";
}

.lang_ja .list_tab li.unstart p.record_para {
  font-family: "notojpmid";
}

.lang_en .list_tab li.unstart p.record_para,
.lang_de .list_tab li.unstart p.record_para,
.lang_fr .list_tab li.unstart p.record_para {
  font-family: "symid";
}

.list_tab li.unstart p.record_para {
  display: block;
  padding: 0;
}

.list_tab li.unstart p.record_para i {
  font-style: normal;
  color: #c05926;
}

.list_tab li p span:nth-child(1) {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 20px;
  line-height: 22px;
  color: #885f21;
}

.lang_zh .list_tab li p span:nth-child(1) {
  font-family: "ziti1";
}

.lang_ja .list_tab li p span:nth-child(1) {
  font-family: "notojpmid";
}

.lang_en .list_tab li p span:nth-child(1),
.lang_de .list_tab li p span:nth-child(1),
.lang_fr .list_tab li p span:nth-child(1) {
  font-family: "symid";
}

.list_tab li p span:nth-child(1) {
  font-weight: normal;
}

.list_tab li p span:nth-child(2) {
  display: block;
  width: auto;
  font-size: 30px;
  line-height: 34px;
  color: #4f3318;
  margin-top: 2px;
}

.lang_zh .list_tab li p span:nth-child(2) {
  font-family: "ziti1";
}

.lang_ja .list_tab li p span:nth-child(2) {
  font-family: "notojpmid";
}

.lang_en .list_tab li p span:nth-child(2),
.lang_de .list_tab li p span:nth-child(2),
.lang_fr .list_tab li p span:nth-child(2) {
  font-family: "symid";
}

.list_tab li a {
  display: block;
  width: 199px;
  height: 56px;
  background: url(../ossweb-img/pop/btn_record_btn.png) no-repeat 50% 0/100% 100%;
  font-size: 25px;
  color: #f9f1d7;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: #ffa200 0 0 8px;
}

.lang_ja .list_tab li a {
  font-family: "notojp";
  font-weight: normal;
}

.list_tab li a.zhih {
  background: url(../ossweb-img/pop/btn_record_btn_gray.png) no-repeat 50% 0/100% 100%;
  color: #e2e2e2;
  text-shadow: #e2e2e2 0 0 8px;
}

.list_tab li a.txzl {
  display: block;
  width: 199px;
  height: 56px;
  background: url(../ossweb-img/pop/pop_record/btn_txzl.png) no-repeat 50% 0/100% 100%;
}

/*抽奖次数不足提示*/
.pop_tips1 {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_comm.png) no-repeat 50% 0/100% 100%;
  padding: 72px 74px 66px 39px;
  box-sizing: border-box;
}

.tips_cont {
  display: flex;
  width: 710px;
  height: 499px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 35px;
  color: #6d4417;
  line-height: 60px;
}

.lang_zh .tips_cont {
  font-family: "ziti1";
}

.lang_ja .tips_cont {
  font-family: "notojpmid";
}

.lang_en .tips_cont,
.lang_de .tips_cont,
.lang_fr .tips_cont {
  font-family: "symid";
}

.tips_cont {
  text-align: center;
  margin: 0 auto;
}

.reward_pcom {
  width: 100%;
  height: 499px;
  font-size: 35px;
  color: #6d4417;
  line-height: 60px;
}

.lang_zh .reward_pcom {
  font-family: "ziti1";
}

.lang_ja .reward_pcom {
  font-family: "notojpmid";
}

.lang_en .reward_pcom,
.lang_de .reward_pcom,
.lang_fr .reward_pcom {
  font-family: "symid";
}

.reward_pcom {
  text-align: center;
  margin: 0 auto;
}

.reward_pcom p {
  width: 710px;
  height: 310px;
  margin: 46px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reward_pcom p.reward_pcom_para {
  font-size: 40px;
  height: 200px;
}

/*中奖提示*/
.pop_tips2 {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_comm.png) no-repeat 50% 0/100% 100%;
  padding: 72px 74px 66px 39px;
  box-sizing: border-box;
}

.pop_tips3 {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_comm.png) no-repeat 50% 0/100% 100%;
  padding: 72px 74px 66px 39px;
  box-sizing: border-box;
}

/*未中奖提示*/
.pop_lqsw {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_lqsw/bg.png) no-repeat 50% 0/100% 100%;
  padding: 203px 0 0 119px;
  box-sizing: border-box;
}

.lqsw_cont {
  display: block;
  width: 652px;
  height: 357px;
}

.list_input {
  display: flex;
  width: 537px;
  height: 203px;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}

.list_input li {
  display: block;
  width: 537px;
  height: 57px;
  background: url(../ossweb-img/pop/pop_lqsw/input_bg.png) no-repeat 50% 0/100% 100%;
}

.list_input li input {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  appearance: none;
  border: none;
  outline: 0;
  border: none !important;
  background: none !important;
  font-size: 22px;
  line-height: 57px;
  color: #38210a;
  padding-left: 23px;
  box-sizing: border-box;
}

.list_input li input:focus {
  background-color: transparent !important;
}

.list_input li input:autofill,
.list_input li input:-webkit-autofill,
.list_input li input:-webkit-autofill:hover,
.list_input li input:-webkit-autofill:focus,
.list_input li input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

.list_input li input::placeholder {
  color: #38210a;
  opacity: 1;
  font-size: 22px;
}

.list_input li input::-webkit-placeholder {
  color: #38210a;
  opacity: 1;
  font-size: 22px;
}

.lqsw_cont p {
  display: block;
  width: 100%;
  height: auto;
  font-size: 22px;
  color: #38210a;
  line-height: 26px;
  margin: 15px auto 10px;
}

.lqsw_cont a {
  display: block;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/pop_lqsw/btn_txwc.png) no-repeat 50% 0/100% 100%;
  margin: 0 auto;
}

/*邀请记录*/
.pop_invited {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/dia_com_bg.png) no-repeat 50% 0/100% 100%;
  padding: 94px 84px 0 48px;
  box-sizing: border-box;
}

.invited_cont {
  display: block;
  width: 744px;
  height: 340px;
  /*overflow: auto;*/
  margin: 0 auto;
}

.invited_cont ul {
  width: 100%;
  height: 322px;
  overflow: auto;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-left: 30px;
}

.invited_cont ul::-webkit-scrollbar-track {
  background: #d7c198;
  border-radius: 8px;
}

.invited_cont ul::-webkit-scrollbar-thumb {
  background: #765832;
  border-radius: 8px;
}

.invited_cont ul::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

.invited_cont ul li {
  width: 702px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  position: relative;
  margin-bottom: 21px;
  font-weight: normal;
}

.invited_cont ul li:last-child {
  margin-bottom: 0 !important;
}

.invited_cont .list_tab li span {
  display: flex;
  height: 30px;
  line-height: 30px;
  font-size: 28px;
  color: #885f21;
}

.invited_cont p {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  width: auto;
  height: 24px;
  line-height: 24px;
  color: #643c15;
  line-height: 24px;
  margin: 0 auto;
  font-weight: normal;
}

.invited_cont p span {
  display: block;
  width: auto;
  height: 24px;
  font-size: 24px;
  color: #643c15;
  line-height: 24px;
}

/*测试账号信息填写*/
.pop_testnuminfo {
  width: 882px;
  height: 934px;
  background: url(../ossweb-img/pop/pop_testnuminfo/bg.png) no-repeat 50% 0/100% 100%;
  padding: 202px 0 0 88px;
  box-sizing: border-box;
}

.pop_testnuminfo .dia-close {
  top: 96px;
  right: 117px;
}

.testnuminfo_cont {
  display: block;
  width: 675px;
  height: 604px;
}

.select_tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 197px;
  height: 25px;
  margin-bottom: 60px;
}

.btn_wxselect {
  display: block;
  width: 79px;
  height: 25px;
  background: url(../ossweb-img/pop/pop_testnuminfo/icon_wx.png) no-repeat 50% 0/100% 100%;
}

.btn_wxselect.on {
  background: url(../ossweb-img/pop/pop_testnuminfo/icon_wxon.png) no-repeat 50% 0/100% 100%;
}

.btn_qqselect {
  display: block;
  width: 79px;
  height: 25px;
  background: url(../ossweb-img/pop/pop_testnuminfo/icon_qq.png) no-repeat 50% 0/100% 100%;
}

.btn_qqselect.on {
  background: url(../ossweb-img/pop/pop_testnuminfo/icon_qqon.png) no-repeat 50% 0/100% 100%;
}

.testnuminfo_cont ul {
  display: block;
  width: 675px;
  height: 165px;
  margin-bottom: 52px;
}

.testnuminfo_cont ul li {
  display: none;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
  width: 675px;
  height: 165px;
}

.testnuminfo_cont ul li.on {
  display: flex;
}

.testnuminfo_cont ul li div {
  width: 675px;
  height: 73px;
  background: url(../ossweb-img/pop/pop_testnuminfo/input_bg.png) no-repeat 50% 0/100% 100%;
}

.testnuminfo_cont ul li input {
  display: block;
  width: 100%;
  height: 73px;
  border-radius: 0;
  appearance: none;
  border: none;
  outline: 0;
  border: none !important;
  background: none !important;
  font-size: 26px;
  line-height: 73px;
  color: #553b17;
  padding-left: 30px;
  box-sizing: border-box;
}

.testnuminfo_cont ul li input:focus {
  background-color: transparent !important;
  border-width: 0;
}

.testnuminfo_cont ul li input:autofill,
.testnuminfo_cont ul li input:-webkit-autofill,
.testnuminfo_cont ul li input:-webkit-autofill:hover,
.testnuminfo_cont ul li input:-webkit-autofill:focus,
.testnuminfo_cont ul li input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

.testnuminfo_cont ul li input::placeholder {
  color: #553b17;
  opacity: 1;
  font-size: 26px;
}

.testnuminfo_cont ul li input::-webkit-placeholder {
  color: #553b17;
  opacity: 1;
  font-size: 26px;
}

.testnuminfo_cont p {
  display: block;
  width: auto;
  margin-bottom: 115px;
}

.testnuminfo_cont p span {
  display: block;
  width: auto;
  height: 24px;
  font-size: 23px;
  color: #38210a;
  line-height: 24px;
  margin-bottom: 18px;
}

.testnuminfo_cont p span:last-child {
  margin-bottom: 0;
}

.btn_tj {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_com.png) no-repeat 50% 0/100% 100%;
  font-size: 33px;
  color: #fce7c5;
  box-sizing: border-box;
  padding: 0 5px 16px 0;
  text-shadow: rgba(241, 204, 75, 0.13) 0 0 18px, rgba(241, 204, 75, 0.13) 0 0 18px;
  margin: 0 auto;
}

/*获得奖品*/
.pop_get {
  width: 932px;
  height: 682px;
  background: url(../ossweb-img/pop/pop_get.png) no-repeat 50% 0/100% 100%;
  padding: 174px 73px 117px 39px;
  box-sizing: border-box;
}

.get_cont {
  display: block;
  width: 820px;
  height: 391px;
}

.get_cont img {
  display: block;
  width: 367px;
  height: 204px;
  margin: 0 auto;
}

.get_cont p {
  display: block;
  width: 100%;
  height: 34px;
  text-align: center;
  font-size: 34px;
  line-height: 34px;
  color: #4f3318;
  margin: 20px auto 46px;
}

.get_cont a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_com.png) no-repeat 50% 0/100% 100%;
  font-size: 33px;
  color: #fce7c5;
  box-sizing: border-box;
  padding: 0 5px 16px 0;
  text-shadow: rgba(241, 204, 75, 0.13) 0 0 18px, rgba(241, 204, 75, 0.13) 0 0 18px;
  margin: 0 auto;
}

/*活动规则*/
.pop_rules {
  width: 882px;
  height: 925px;
  background: url(../ossweb-img/pop/pop_rules.png) no-repeat 50% 0/100% 100%;
  padding: 94px 84px 0 48px;
  box-sizing: border-box;
}

.pop_rules .dia-close {
  top: 96px;
  right: 117px;
}

.rules_cont {
  display: block;
  width: 680px;
  height: 638px;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 auto;
}

.rules_cont2 {
  height: 570px;
}

.rules_cont span {
  display: block;
  font-size: 20px;
  line-height: 30px;
  margin: 0 auto;
  padding-right: 20px;
  color: #6f5631;
  font-weight: normal;
  word-break: break-all;
}

.lang_ja .rules_cont span {
  font-family: "symid";
}

.lang_en .rules_cont span,
.lang_de .rules_cont span {
  font-family: "symid";
  line-height: 36px;
  word-break: break-word;
}

.lang_fr .rules_cont span {
  word-break: normal;
  font-family: "symid";
  font-size: 24px;
  line-height: 38px;
}

.rules_cont a {
  color: #6f5631;
}

.rules_cont::-webkit-scrollbar-track {
  background: #d7c198;
  border-radius: 8px;
}

.rules_cont::-webkit-scrollbar-thumb {
  background: #765832;
  border-radius: 8px;
}

.rules_cont::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

.lot_wrap_in {
  word-break: break-word;
}

.lot_wrap_left_r {
  width: 566px;
  position: absolute;
  left: 258px;
  top: 72px;
  font-size: 20px;
  color: #6f5631;
  line-height: 24px;
  font-weight: normal;
}

.lang_ja .lot_wrap_left_r {
  font-family: "notojpmid";
}

.lang_en .lot_wrap_left_r,
.lang_de .lot_wrap_left_r {
  line-height: 29px;
}

.lang_fr .lot_wrap_left_r {
  line-height: 30px;
}

.lot_wrap_right_r {
  width: 584px;
  height: 712px;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  left: 950px;
  top: 72px;
  font-size: 20px;
  color: #6f5631;
  line-height: 28px;
  font-weight: normal;
  box-sizing: border-box;
  padding-right: 32px;
}

.lot_wrap_right_r a {
  color: #6f5631;
  word-break: break-all;
}

.lang_ja .lot_wrap_right_r {
  font-family: "notojpmid";
}

.lang_en .lot_wrap_right_r,
.lang_de .lot_wrap_right_r,
.lang_fr .lot_wrap_right_r {
  line-height: 32px;
}

.lot_wrap_right_r::-webkit-scrollbar-track {
  background: rgba(215, 193, 152, 0.2);
  border-radius: 4px;
}

.lot_wrap_right_r::-webkit-scrollbar-thumb {
  background: #745732;
  border-radius: 4px;
}

.lot_wrap_right_r::-webkit-scrollbar {
  width: 8px;
  border-radius: 4px;
}

/*确认是否开始探索*/
.pop_go {
  width: 937px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_go/bg.png) no-repeat 50% 0/100% 100%;
  padding: 214px 0 0;
  box-sizing: border-box;
}

.go_cont {
  display: flex;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
  width: 674px;
  height: 292px;
  margin: 0 auto;
}

.btn_cont1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 674px;
  height: 86px;
  margin: 0 auto;
}

.btn_cont1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_com.png) no-repeat 50% 0/100% 100%;
  font-size: 33px;
  color: #fce7c5;
  box-sizing: border-box;
  padding: 0 5px 16px 0;
  text-shadow: rgba(241, 204, 75, 0.13) 0 0 18px, rgba(241, 204, 75, 0.13) 0 0 18px;
  font-weight: normal;
}

.btn_cont_com {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 86px;
  margin: 0 auto;
}

.btn_cont_com a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_com.png) no-repeat 50% 0/100% 100%;
  font-size: 33px;
  color: #fce7c5;
  box-sizing: border-box;
  padding: 0 5px 16px 0;
  text-shadow: rgba(241, 204, 75, 0.13) 0 0 18px, rgba(241, 204, 75, 0.13) 0 0 18px;
  font-weight: normal;
  margin: 0 22px;
}

.btn_cont_com a.cont_litpara {
  font-size: 30px;
}

.lang_ja .btn_cont_com a.cont_litpara {
  font-family: "notojp";
}

.lang_de .btn_cont_com a.cont_litpara,
.lang_en .btn_cont_com a.cont_litpara,
.lang_fr .btn_cont_com a.cont_litpara {
  font-family: "symid";
  line-height: 32px;
  text-align: center;
}

.lang_fr .btn_cont_com a.cont_litpara,
.lang_de .btn_cont_com a.cont_litpara {
  width: 447px;
  background: url(../ossweb-img/pop/btn_com_long.png) no-repeat 50% 0/100% 100%;
}

.lang_fr .btn_cont_com a.cont_litpara.short,
.lang_de .btn_cont_com a.cont_litpara.short {
  width: 316px;
  background: url(../ossweb-img/pop/btn_com.png) no-repeat 50% 0/100% 100%;
}

.btn_cont_com_bot {
  position: absolute;
  left: 0;
  bottom: 90px;
  width: 100%;
  padding: 0 74px 0 39px;
  box-sizing: border-box;
}

.lang_fr .btn_cont_com_bot a,
.lang_de .btn_cont_com_bot a {
  width: 447px;
  background: url(../ossweb-img/pop/btn_com_long.png) no-repeat 50% 0/100% 100%;
}

.reward_piptbox {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 36px;
}

.reward_piptbox input,
.reward_piptbox select,
.reward_piptbox p {
  display: block;
  background: none;
  outline: none;
  border: none;
  appearance: none;
  width: 307px;
  height: 72px;
  background: url(../ossweb-img/pop/ipt_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 26px;
  text-indent: 32px;
  font-size: 26px;
  color: #553b17;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: flex-start;
  font-weight: normal;
}

.reward_piptbox select {
  display: block;
  background: url(../ossweb-img/pop/ipt_bg2.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.reward_piptbox select.server-test option {
  display: block;
}

/* .lang_ja .reward_piptbox select option {
  display: none;
}
.lang_ja .reward_piptbox select option[data-lang=lang142] {
  display: block;
} */

.go_cont p {
  display: block;
  width: 674px;
  font-size: 47px;
  line-height: 47px;
}

.lang_zh .go_cont p {
  font-family: "ziti1";
}

.lang_ja .go_cont p {
  font-family: "notojpmid";
}

.lang_en .go_cont p,
.lang_de .go_cont p,
.lang_fr .go_cont p {
  font-family: "symid";
}

.go_cont p {
  text-align: center;
  font-weight: 600;
}

.go_cont p span {
  display: block;
  background: linear-gradient(to bottom, #633914 0%, #845b1f 60%, #946b24 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.lang_en .go_cont p span {
  font-family: "symid";
  line-height: 62px;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}

.lang_de .go_cont p span,
.lang_fr .go_cont p span {
  font-size: 38px;
  font-family: "symid";
  line-height: 46px;
  text-align: center;
  font-weight: bold;
}

/*分享图*/
.pop_scard {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  /* 同 .dialog_wp：transform 祖先下的 fixed 有兼容 bug */
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
}

.clocont .dia-close {
  width: 52px;
  height: 51px;
  top: 50px;
  right: 56px;
  background: url(../ossweb-img/share/close.png) no-repeat 50% 0/100% 100%;
  position: absolute;
}

.scard_cont {
  width: 100%;
  height: 918px;
  margin: 0 auto;
  position: absolute;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
}

.card_top {
  display: block;
  width: 1432px;
  height: 159px;
  background: url(../ossweb-img/share/share_top.png) no-repeat 50% 0/100% 100%;
}

.clocont {
  display: block;
  width: 1619px;
  height: 871px;
  position: relative;
  margin: 0 auto;
}

.card_middle {
  width: 1619px;
  height: 871px;
}

.card_middle canvas {
  display: none;
}

.card_middle img {
  display: block;
  width: 100%;
  height: 100%;
}

.qrcode {
  display: block;
  position: absolute;
  z-index: -9999;
  opacity: 0;
}

.card_bottom {
  display: block;
  width: 100%;
  height: 25px;
  font-size: 25px;
  color: #fbf1dc;
  line-height: 25px;
  text-align: center;
  font-weight: normal;
}

.card_share_down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_com.png) no-repeat 50% 0/100% 100%;
  font-size: 30px;
  color: #fce7c5;
  box-sizing: border-box;
  padding: 0 5px 16px 0;
  text-shadow: rgba(241, 204, 75, 0.13) 0 0 18px, rgba(241, 204, 75, 0.13) 0 0 18px;
  font-weight: normal;
  margin: 0 auto;
}

.lang_fr .card_share_down {
  width: 447px;
  background: url(../ossweb-img/pop/btn_com_long.png) no-repeat 50% 0/100% 100%;
}

/*通用提示弹窗*/
.pop_firsttips {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_comm.png) no-repeat 50% 0/100% 100%;
  padding: 72px 74px 66px 39px;
  box-sizing: border-box;
}

/*是否接受邀请*/
.pop_inviteok {
  width: 937px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_comm.png) no-repeat 50% 0/100% 100%;
  padding: 214px 74px 0 43px;
  box-sizing: border-box;
}

.inviteok_cont {
  display: flex;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
  width: 820px;
  height: 292px;
}

.btn_cont2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 674px;
  height: 86px;
  margin: 0 auto;
}

.inviteok_cont p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 820px;
  font-size: 43px;
  background: linear-gradient(to bottom, #633a14 0%, #633a14 60%, #ead58e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 47px;
}

.lang_zh .inviteok_cont p {
  font-family: "ziti1";
}

.lang_ja .inviteok_cont p {
  font-family: "notojpmid";
}

.lang_en .inviteok_cont p,
.lang_de .inviteok_cont p,
.lang_fr .inviteok_cont p {
  font-family: "symid";
}

.inviteok_cont p {
  text-align: center;
  font-weight: 600;
}

.inviteok_cont p span {
  font-size: 43px;
  background: linear-gradient(to bottom, #633a14 0%, #633a14 60%, #ead58e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 47px;
}

.lang_zh .inviteok_cont p span {
  font-family: "ziti1";
}

.lang_ja .inviteok_cont p span {
  font-family: "notojpmid";
}

.lang_en .inviteok_cont p span,
.lang_de .inviteok_cont p span,
.lang_fr .inviteok_cont p span {
  font-family: "symid";
}

.inviteok_cont p span {
  text-align: center;
  font-weight: 600;
}

.btn_accept {
  display: block;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/pop_accept.png) no-repeat 50% 0/100% 100%;
}

.btn_think {
  display: block;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_think.png) no-repeat 50% 0/100% 100%;
}

/*官方表情包1*/
.pop_gfbqb1 {
  width: 882px;
  height: 934px;
  background: url(../ossweb-img/pop/pop_gfbqb1.png) no-repeat 50% 0/100% 100%;
  padding: 717px 77px 0 51px;
  box-sizing: border-box;
}

.pop_gfbqb1 .dia-close {
  top: 96px;
  right: 117px;
}

.pop_gfbqb1 .btn_golq1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_com.png) no-repeat 50% 0/100% 100%;
  font-size: 33px;
  color: #fce7c5;
  box-sizing: border-box;
  padding: 0 5px 16px 0;
  text-shadow: rgba(241, 204, 75, 0.13) 0 0 18px, rgba(241, 204, 75, 0.13) 0 0 18px;
  margin: 0 auto;
}

.pop_gfbqb1 .btn_golq1.zhih {
  color: #fff;
  background: url(../ossweb-img/pop/btn_com_ylq.png) no-repeat 50% 0/100% 100%;
}

/*未解锁日志提示*/
.pop_tips4 {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_comm.png) no-repeat 50% 0/100% 100%;
  padding: 72px 74px 66px 39px;
  box-sizing: border-box;
}

/*恭喜获得红包*/
.pop_get2 {
  width: 881px;
  height: 926px;
  background: url(../ossweb-img/pop/pop_get2.png) no-repeat 50% 0/100% 100%;
  padding: 660px 81px 0 52px;
  box-sizing: border-box;
}

.pop_get2 .dia-close {
  top: 96px;
  right: 117px;
}

.get2_cont {
  display: flex;
  width: 748px;
  height: 148px;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
}

.copy_cont {
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
  box-sizing: border-box;
}

.copy_cont p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 26px;
  color: #38210a;
  font-weight: 800;
}

.copy_cont p span {
  display: block;
  font-size: 23px;
  color: #38210a;
}

.get2_cont .txt3 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 40px;
  font-size: 22px;
  color: #563e24;
  padding: 0 30px;
  box-sizing: border-box;
}

.btn_copy {
  display: block;
  width: 175px;
  height: 60px;
  background: url(../ossweb-img/pop/btn_copy.png) no-repeat 50% 0/100% 100%;
}

/*预约游戏提示*/
.pop_ordertips {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_ordergame.png) no-repeat 50% 0/100% 100%;
  padding: 410px 74px 66px 47px;
  box-sizing: border-box;
}

.ordertips_cont {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  width: 674px;
  height: 292px;
  margin: 0 auto;
}

.btn_ordergame {
  display: block;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_ordergame.png) no-repeat 50% 0/100% 100%;
}

.btn_exit {
  display: block;
  width: 316px;
  height: 86px;
  background: url(../ossweb-img/pop/btn_exit.png) no-repeat 50% 0/100% 100%;
}

/*通用提示弹窗*/
.pop_comm {
  width: 932px;
  height: 636px;
  background: url(../ossweb-img/pop/pop_comm.png) no-repeat 50% 0/100% 100%;
  padding: 72px 74px 66px 39px;
  box-sizing: border-box;
}

.pop_comm2 {
  width: 1262px;
  height: 825px;
  background: url(../ossweb-img/pop/dia_com_bg2.png) no-repeat 50% 0/100% 100%;
  padding: 72px 74px 66px 39px;
  box-sizing: border-box;
}

.pop_comm3 {
  width: 932px;
  height: 811px;
  background: url(../ossweb-img/pop/dia_com_bg3.png) no-repeat 50% 0/100% 100%;
  padding: 92px 74px 66px 39px;
  box-sizing: border-box;
}

.pop_comm4 {
  width: 932px;
  height: 743px;
  background: url(../ossweb-img/pop/dia_com_bg4.png) no-repeat 50% 0/100% 100%;
  padding: 92px 74px 66px 39px;
  box-sizing: border-box;
}

.pop_comm5 {
  width: 882px;
  height: 1060px;
  background: url(../ossweb-img/pop/dia_com_bg5.png) no-repeat 50% 0/100% 100%;
  padding: 92px 74px 66px 39px;
  box-sizing: border-box;
}

.portrait .pop_lqsw.roatateinput {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: rotate(-90deg) translate3d(-50%, -50%, 0) !important;
  transform: rotate(-90deg) translate3d(-50%, -50%, 0) !important;
  transform-origin: left top;
  z-index: 9999 !important;
}

.portrait .pop_bding.roatateinput {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: rotate(-90deg) translate3d(-50%, -50%, 0) !important;
  transform: rotate(-90deg) translate3d(-50%, -50%, 0) !important;
  transform-origin: left top;
  z-index: 9999 !important;
}

.portrait .pop_nobding.roatateinput {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: rotate(-90deg) translate3d(-50%, -50%, 0) !important;
  transform: rotate(-90deg) translate3d(-50%, -50%, 0) !important;
  transform-origin: left top;
  z-index: 9999 !important;
}

/*gif*/
#animation-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  /* 同 .dialog_wp：transform 祖先下的 fixed 有兼容 bug */
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 8889;
}

#frame {
  width: 1620px;
  height: 960px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.65);
  transform: translate(-50%, -50%) scale(0.65);
}

/*动效*/
@keyframes BtnGO {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

@keyframes fadeIN {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIN {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOUT {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOUT {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

/*.page_qq .login_state{display: block; width: auto; min-width: 279px; height: 120px; background: url(../ossweb-img/index/playername_bg.png) no-repeat 50% 50%/100% 100%; position: absolute; right: 336px; top: 39px; color: #bb9e6e; text-align: center; font-size: 25px; line-height: 120px;box-sizing: border-box;padding: 0 44px;}
.page_wx .login_state{display: block; width: auto; min-width: 279px; height: 120px; background: url(../ossweb-img/index/playername_bg.png) no-repeat 50% 50%/100% 100%; position: absolute; right: 204px; top: -7px; color: #bb9e6e; text-align: center; font-size: 25px; line-height: 120px;box-sizing: border-box;padding: 0 44px;}*/
/*.page_wx .topicon{display: flex; width: 458px; height: 120px; background: url(../ossweb-img/index/lefticon_bg.png) no-repeat 50%0/100%; position: absolute; top: -10px; left: 28px; color: #bb9e6e; font-size: 25px; justify-content: space-around; align-items: center; padding: 0 78px 0 103px; box-sizing: border-box;}*/
.logo_qq {
  display: block;
  width: 260px;
  height: 34px;
  background: url(../ossweb-img/index/logo_qq.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 20px;
  right: 70px;
}

.logo_wx {
  display: block;
  width: 191px;
  height: 44px;
  background: url(../ossweb-img/index/logo_wx.png) no-repeat 50% 0/100% 100%;
  position: absolute;
  top: 30px;
  right: 100px;
}

#t_mask {
  width: 1920px !important;
  height: 1080px !important;
  overflow: hidden !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

/* #tcaptcha_transform_dy {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
} */

/* #tcaptcha_wrapper_transform_dy.center {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
} */

/*.tcaptcha-transform {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}*/

#t_verify {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

/*#_overlay_{
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}*/
.tips_cont1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 819px;
  height: 499px;
  font-size: 35px;
  color: #4f3318;
  line-height: 40px;
}

.lang_zh .tips_cont1 {
  font-family: "ziti1";
}

.lang_ja .tips_cont1 {
  font-family: "notojpmid";
}

.lang_en .tips_cont1,
.lang_de .tips_cont1,
.lang_fr .tips_cont1 {
  font-family: "symid";
}

.tips_cont1 {
  text-align: center;
}

.qr-code {
  width: 250px;
  height: 250px;
  margin-bottom: 30px;
}

.w_register {
  width: 198px;
  height: 51px;
  font-size: 25px;
  color: #bb9e6e;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-bottom: 4px;
  position: relative;
  margin-right: 26px;
}

.w_register a {
  color: #bb9e6e;
  line-height: 28px;
  margin: 0;
  z-index: 30;
}

.w_register:hover .w_language_list {
  display: block;
}

.w_register:before {
  content: "";
  width: 26px;
  height: 25px;
  background: url(../ossweb-img/index/lan_icon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 16px;
  top: 12px;
  z-index: 30;
}

.w_register:after {
  content: "";
  width: 24px;
  height: 16px;
  background: url(../ossweb-img/index/lan_icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 16px;
  top: 18px;
  z-index: 30;
}

.lang_ja .w_register {
  display: none;
}

.w_register_bg {
  width: 198px;
  height: 51px;
  background: url(../ossweb-img/index/lan_bg.png) no-repeat;
  background-size: 100% 100%;
  z-index: 30;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.w_language_list {
  display: none;
  cursor: pointer;
  width: 196px;
  height: 272px;
  background: url(../ossweb-img/index/lan_zk_bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 2px;
  top: -54px;
  z-index: 0;
  box-sizing: border-box;
  padding-top: 104px;
}

.w_language_list li {
  height: 42px;
  font-weight: normal;
  text-align: center;
  position: relative;
}

.w_language_list li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, rgba(126, 110, 78, 0) 0%, rgb(126, 110, 78) 30%, rgb(126, 110, 78) 70%, rgba(126, 110, 78, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

.w_language_list li.cur {
  background: linear-gradient(to right, rgba(160, 125, 56, 0) 0%, rgba(160, 125, 56, 0.3) 30%, rgba(160, 125, 56, 0.3) 70%, rgba(160, 125, 56, 0) 100%);
}

.w_language_list li:last-child:after {
  display: none;
}

.record_img {
  width: 667px;
  height: 378px;
  margin: 10px auto 0;
  position: relative;
}

.record_img img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.record_img img.record_img_large {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  opacity: 0;
}

.record_img_para {
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #4f3318;
  font-weight: bold;
  margin: 6px auto 0;
  padding-bottom: 12px;
}

.lang_en .record_img_para,
.lang_de .record_img_para,
.lang_fr .record_img_para {
  font-family: "symid";
  font-weight: normal;
}

#reward_pop4.ismob .record_img {
  margin: 30px auto 0;
}

#reward_pop4.ismob .record_img_para {
  margin: 16px auto 0;
}

#reward_pop4.ismob .bz_bot_tips {
  display: block !important;
}

#reward_pop4.ismob .bz_btnbox {
  display: none !important;
}

.bz_bot_tips {
  display: block;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #4f3318;
  font-weight: normal;
  margin: 16px auto 0;
  display: none !important;
}

.dia_pop_getwrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 22px auto 0;
}

.pop_record_bot_para {
  width: 722px;
  font-size: 24px;
  color: #6d4417;
  line-height: 40px;
  margin: 12px auto 0;
}

.lang_zh .pop_record_bot_para {
  font-family: "ziti1";
}

.lang_ja .pop_record_bot_para {
  font-family: "notojpmid";
}

.lang_en .pop_record_bot_para,
.lang_de .pop_record_bot_para,
.lang_fr .pop_record_bot_para {
  font-family: "symid";
}

.pop_record_bot_para i {
  font-style: normal;
  color: #c05926;
}

.lang_en .pop_record_bot_para,
.lang_de .pop_record_bot_para,
.lang_fr .pop_record_bot_para {
  line-height: 32px;
}

.reward_pcom_box {
  width: 100%;
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #6d4417;
  line-height: 50px;
  font-weight: normal;
}

.lang_en .reward_pcom_box,
.lang_de .reward_pcom_box,
.lang_fr .reward_pcom_box {
  font-family: "symid";
  font-weight: bold;
}

.left_top_rew_para_tips {
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
  text-align: center;
  font-size: 22px;
  color: #6d4417;
  line-height: 26px;
  margin: -10px auto 0;
  padding-bottom: 20px;
}

.lang_en .left_top_rew_para_tips,
.lang_de .left_top_rew_para_tips,
.lang_fr .left_top_rew_para_tips {
  font-weight: bold;
}

.privacy_para {
  width: 674px;
  font-size: 22px;
  color: #553b17;
  line-height: 28px;
  margin: 0 auto 10px;
}

.lang_ja .privacy_para {
  font-family: "notojpmid";
  font-weight: normal;
}

.lang_de .privacy_para,
.lang_en .privacy_para,
.lang_fr .privacy_para {
  font-family: "symid";
}

.lang_de .privacy_para,.lang_fr .privacy_para {
  font-size: 19px;
  line-height: 25px;
}

.privacy_para .opt_check {
  display: inline-block;
  vertical-align: middle;
}

.privacy_para a {
  color: #553b17;
  text-decoration: underline;
}

.privacy_para2 {
  margin: 26px auto 10px;
}

.lang_de .privacy_para2 {
  margin: 16px auto 10px;
}
.lang_fr .privacy_para2 {
  margin: 16px auto 10px;
}

.privacy_ipt {
  width: 674px;
  margin: 0 auto 10px;
}

.privacy_ipt input,
.privacy_ipt select {
  width: 674px;
  height: 48px;
  box-sizing: border-box;
  border: #a48d6a solid 1px;
  background: none;
  padding: 0 32px;
  font-size: 22px;
  color: #553b17;
}

.lang_ja .privacy_ipt {
  font-family: "notojpmid";
  font-weight: normal;
}

.privacy_ipt select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 60px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0L5 6L10 0Z' fill='%23a48d6a'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 20px 12px;
  cursor: pointer;
}

.privacy_select_list {
  width: 674px;
  margin: 0 auto 10px;
  font-size: 22px;
  color: #553b17;
  line-height: 36px;
}

.privacy_select_list li {
  display: flex;
  align-items: center;
}

.lang_ja .privacy_select_list {
  font-family: "notojpmid";
  font-weight: normal;
}

.opt_check {
  display: block;
  width: 32px;
  height: 26px;
  background: url(../ossweb-img/pop/opt_check.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.opt_check.checked {
  background: url(../ossweb-img/pop/opt_check_checked.png) no-repeat;
  background-size: 100% 100%;
}

.book_privicy {
  width: 795px;
  text-align: center;
  position: absolute;
  left: 760px;
  top: 685px;
  transform: translate(-50%, 0) rotate(-14deg);
  transform-origin: 50% 50%;
  font-size: 22px;
  color: #d8c98d;
  text-shadow: rgba(51, 35, 22, 0.75) -1px 0 1px;
}

.lang_zh .book_privicy {
  font-family: "ziti1";
}

.lang_ja .book_privicy {
  font-family: "notojpmid";
}

.lang_en .book_privicy,
.lang_de .book_privicy,
.lang_fr .book_privicy {
  font-family: "symid";
}

.book_privicy {
  font-weight: normal;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
}

.book_privicy a {
  color: #ec8029;
  text-decoration: underline;
}

.book_privicy .opt_check {
  width: 34px;
  height: 27px;
  background: url(../ossweb-img/index/opt_check2.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.book_privicy .opt_check.checked {
  background: url(../ossweb-img/index/opt_check_checked2.png) no-repeat;
  background-size: 100% 100%;
}

body.ish5 #milo-intl-login-component {
  transform: scale(0.8) translate(-50%, -50%) !important;
  transform-origin: 0% 0%;
}

body.ish5 .login-component-close {
  font-size: 32px;
  line-height: 60px;
}

.css-nnuwmp.infinite-input:placeholder-shown::placeholder {
  font-size: 14px !important;
}

.login-component-mask {
  width: 300% !important;
  height: 300% !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

#Loading-element-root>div {
  width: 300% !important;
  height: 300% !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}