.modal-dialog {margin-top:120px;}
.modal-content {background:#4d46a4;}
.modal-body {line-height:30px;font-size:13px;color:#fff;text-align:center;}
.modal-body span {color:#c3a475;}
.modal-body a {color:#23527c;text-decoration:underline;}
.modal-header {border-bottom:none;color:#c3a475;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.close {color:#e8c573;}
.modal-footer {border-top:none;text-align:center;}
.btn-default {background:#f8f5f0;color:#8c4d31;border:none;}

@media screen and (max-width: 767px){

body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../img/body.jpg) center 0 no-repeat;
  background-size: cover;
}

.hh {width:100%;height:auto;overflow:hidden;}
.hh img {width:100%;height:auto;}	

.Game_Info {width:100%;height:auto;margin-top:6rem;overflow:hidden;}
.Game_Info img {width:100%;height:auto;}


#showGameInfo {display:none;}
.Pay_li {width:90%;height:auto;line-height:4rem;margin:0 auto;margin-bottom:2rem;overflow:hidden;}
.Pay_li span {display:none;}
.Pay_li b {width:100%;height:auto;display:block;text-align:center;line-height:4rem;font-size:14px;color:#d00a15;font-weight:normal;}
.Pay_li input {width:100%;height:4rem;display:block;border:1px solid #d4d4d4;text-indent:10px;text-align:center;}
.Pay_li input.on {width:100%;height:4rem;display:block;border:1px solid #d00a15;text-indent:10px;}
.Pay_li select {width:100%;height:4rem;display:block;border:1px solid #d4d4d4;text-indent:10px;text-align:center;}
.Pay_li select.on {width:100%;height:4rem;display:block;border:1px solid #d00a15;text-indent:10px;}
.Pay_Way a {width:113px;height:34px;line-height:34px;text-align:center;display:block;margin:0 auto;color:#000;font-size:14px;cursor:pointer;border:1px solid #d4d4d4;text-align:center;}
.Pay_Way a img {width:100px;height:30px;margin-top:2px;}
.Pay_Way a.on {border:1px solid #d00a15;background:url(../img/check.png) right bottom no-repeat;}
.Pay_Btn {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;text-align:center;text-decoration:underline;color:#d4d4d4;}
.Pay_Btn img {width:100%;height:auto;}

.Pay_Way_Tips {width:100%;height:4rem;line-height:4rem;color:#000;font-size:1.2rem;text-align:center;}

.Pay_Way_num {display:none;}
.Pay_Way_num.on {display:block;}

.pay_help {width:100%;height:4rem;line-height:4rem;margin:0 auto;margin-bottom:1rem;overflow:hidden;text-align:center;}
.pay_help a {color:red;font-size:1.2rem;text-decoration:underline;}
.tips {width:90%;height:auto;line-height:4rem;font-size:1.2rem;color:#9f9fa3;margin-top:4rem;margin:0 auto;}
.tips span {color:red;}

.Pay_Box_H5 {width:100%;height:auto;overflow:hidden;margin:0 auto;padding-top:2rem;padding-bottom:10rem;}
.Pay_Box_H5 a {width:70%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-bottom:6rem;}
.Pay_Box_H5 a img {width:100%;height:auto;}

.Dro_Box {background:url(../img/seal_box.png);background-size:100% 100%;width:98%;height:auto;margin:0 auto;margin-top:2rem;border:none;padding:1rem;margin-bottom:3rem;display:none;}

.Pay_Box_M  {background:url(../img/seal_box.png);background-size:100% 100%;width:96%;height:auto;overflow:hidden;padding:5rem;margin:0 auto;margin-top:2rem;margin-bottom:3rem;}
.Pay_Btn {width:40%;height:auto;display:block;cursor:pointer;margin:0 auto;margin-top:2rem;text-align:center;text-decoration:underline;color:#d4a85d;}



.footer {display:none;}

}


@media screen and (min-width:768px){
	
body {background:url(../img/body.jpg) bottom center no-repeat #fff; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

.hh {width:659px;height:auto;margin:0 auto;margin-top:40px;}	

.Game_Info {width:1000px;height:160px;margin:0 auto;margin-top:30px;}
.Pay_Box_H5 {display:none;}

.Pay_Box {width:1000px;height:auto;overflow:hidden;padding:40px;border:1px solid #ebebeb;background:#fff;margin:0 auto;}
.Pay_li {width:630px;height:36px;line-height:40px;margin:0 auto;margin-top:12px;overflow:hidden;margin-left:230px;}
.Pay_li span {width:100px;height:36px;display:block;text-align:right;float:left;line-height:36px;font-size:14px;color:#d2ac65;font-weight:bold;}
.Pay_li b {width:100px;height:36px;display:block;text-align:right;float:left;line-height:36px;font-size:14px;color:#d00a15;font-weight:normal;}
.Pay_li input {width:300px;height:34px;display:block;border:1px solid #7b5f2d;text-indent:10px;float:left;color:#7b5f2d;}
.Pay_li input.on {width:300px;height:34px;display:block;border:1px solid #d00a15;text-indent:10px;}
.Pay_li input[disabled] {background:#9e9f9f;color:#fff;}
.Pay_li select[disabled] {background:#9e9f9f;color:#fff;}
.Pay_li select {width:300px;height:34px;display:block;border:1px solid #7b5f2d;text-indent:10px;float:left;}
.Pay_li select.on {width:300px;height:34px;display:block;border:1px solid #7b5f2d;text-indent:10px;}
.Pay_Way a {width:113px;height:34px;line-height:34px;text-align:center;display:block;float:left;margin-right:10px;color:#000;font-size:14px;cursor:pointer;border:1px solid #7b5f2d;text-align:center;}
.Pay_Way a img {width:98px;height:30px;margin-top:2px;float:left;}
.Pay_Way a.on {border:1px solid #d00a15;background:url(../img/check.png) right bottom no-repeat;}


.Dro_Box {background:url(../img/seal_box.png) top center no-repeat;width:1000px;height:744px;margin:0 auto;margin-top:10px;border:none;padding:20px;margin-bottom:100px;}
.showGameInfo {width:482px;height:50px;margin:0 auto;margin-top:0px;margin-top:20px;}
#showGameInfo {width:482px;height:50px;margin:0 auto;margin-top:0px;position:relative;}
#showGameInfo a {width:241px;height:50px;display:block;font-size:22px;line-height:50px;font-weight:bold;color:#fff;float:left;cursor:pointer;}
.showGameInfo_a1 {background:url(../img/tab1.png);background-size:100% 100%;}
.showGameInfo_a1.on {background:url(../img/tab1-on.png);background-size:100% 100%;}
.showGameInfo_a2 {background:url(../img/tab2.png);background-size:100% 100%;}
.showGameInfo_a2.on {background:url(../img/tab2-on.png);background-size:100% 100%;}

.Pay_Way_Tips {display:none}


.hh {width:100%;height:200px;line-height:200px;text-align:center;font-size:30px;font-weight:bold;}

.pay_help {width:510px;height:36px;line-height:40px;margin:0 auto;margin-bottom:14px;overflow:hidden;text-align:center;}
.pay_help a {color:#779dc6;font-size:14px;text-decoration:underline;}
.tips {width:800px;height:auto;line-height:30px;font-size:12px;color:#d4a85d;margin:0 auto;}
.tips span {color:red;}
.tips a {text-decoration:underline;color:#f45714;}

.Pay_Way_Tips {display:none}

.Pay_Way_num {display:none;}
.Pay_Way_num.on {display:block;}


.hh {width:100%;height:200px;line-height:200px;text-align:center;font-size:30px;font-weight:bold;}

.pay_help {width:510px;height:36px;line-height:40px;margin:0 auto;margin-bottom:14px;overflow:hidden;text-align:center;}
.pay_help a {color:#779dc6;font-size:14px;text-decoration:underline;}

.Pay_Way_num {display:none;}
.Pay_Way_num.on {display:block;}
.Pay_Way_number {height:auto;overflow:hidden;}
.Pay_Way_num span {float:left;}
.Pay_Way_num em {width:70px;height:34px;border:1px solid #d4d4d4;text-align:center;line-height:34px;display:block;margin-left:4px;float:left;color:#7b5f2d;cursor:pointer;font-style:normal;font-size:15px;}
.Pay_Way_num em.active {border:1px solid #d00a15;background:url(../img/check.png) right bottom no-repeat;}
.Pay_Way_num_input {width:140px !important;height:34px;float:left;margin-left:4px;margin-right:10px;font-size:15px;}

#tipPaymentMethodWxpayFree {width:200px !important;text-align:center !important;}
#tipPaymentMethodAlipayFree {width:200px !important;text-align:center !important;}
#tipPaymentMethodChinaUnionPayFree {width:200px !important;text-align:center !important;}

#wxpayPointsNumber {float:left;margin-left:10px;color:#7b5f2d;line-height:36px;}
#alipayPointsNumber {float:left;margin-left:10px;color:#7b5f2d;line-height:36px;}
#chinaUnionPayPointsNumber {float:left;margin-left:10px;color:#fff;line-height:36px;}

.Pay_Btn  {width:182px;height:55px;line-height:55px;color:#d4a85d;display:block;cursor:pointer;margin:0 auto;margin-top:10px;text-decoration:underline;text-align:center;}
.Pay_Box_M {display:none;}

}

@media screen and (min-width:1200px){
.modal-dialog {width:700px;}
}

/* 移动端横屏：沿用 PC 端表单样式，仅压缩布局（不影响竖屏/PC） */
@media screen and (orientation: landscape) and (max-height: 500px) {

html,
body {
  height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
}

body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: url(../img/body.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

body:before {
  display: none;
}

.Pay_Box_H5 {
  display: none !important;
}

.hh {
  width: 100% !important;
  height: auto !important;
  max-height: 50px;
  line-height: normal !important;
  margin: 0 auto !important;
  margin-top: max(4px, env(safe-area-inset-top, 0px)) !important;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  overflow: hidden;
  text-align: center;
  font-size: inherit;
  font-weight: normal;
}

.hh img {
  width: auto;
  max-width: 75%;
  max-height: 50px;
  height: auto;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}

.Pay_Box.Dro_Box {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 2px;
  align-items: start;
  background: url(../img/seal_box.png) top center no-repeat;
  background-size: 100% 100%;
  width: calc(86% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
  max-width: 680px;
  height: auto;
  margin: 4px auto 0;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  padding-top: max(16px, env(safe-area-inset-top, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
  padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  border: none;
  overflow: visible;
  box-sizing: border-box;
}

.showGameInfo {
  display: none !important;
}

.Pay_Box.Dro_Box > .Pay_li:nth-child(2) {
  grid-column: 1;
}

.Pay_Box.Dro_Box > .Pay_li:nth-child(3) {
  grid-column: 2;
}

.Pay_Box.Dro_Box > .Pay_li:nth-child(4),
.Pay_Box.Dro_Box > .Pay_li.Pay_Way_num,
.Pay_Box.Dro_Box > .Pay_Btn,
.Pay_Box.Dro_Box > .tips {
  grid-column: 1 / -1;
}

.Pay_li {
  width: 100% !important;
  height: auto;
  line-height: 30px;
  margin: 0 !important;
  margin-top: 2px !important;
  margin-left: 0 !important;
  overflow: hidden;
}

.Pay_li span {
  display: block !important;
  width: 76px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  float: left;
  text-align: right;
  color: #d2ac65;
  font-weight: bold;
}

.Pay_li b {
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  float: none;
  display: inline;
  text-align: left;
  margin-left: 4px;
}

.Pay_li input,
.Pay_li input.on {
  width: calc(100% - 82px);
  max-width: 200px;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  float: left;
  border: 1px solid #7b5f2d;
  text-indent: 4px;
  color: #7b5f2d;
}

.Pay_Way {
  float: left;
  overflow: visible;
}

/* 横屏宽度<768时 Bootstrap hidden-xs 会隐藏支付方式，需强制显示 */
.Pay_Way a.hidden-xs,
#paymentMethod_alipay,
#paymentMethod_wxpay {
  display: flex !important;
}

.Pay_Way a {
  width: 90px;
  height: 30px;
  line-height: normal;
  float: left;
  margin-right: 5px;
  border: 1px solid #7b5f2d;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 2px;
}

.Pay_Way a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: 0;
  float: none;
  display: block;
  object-fit: contain;
}

.Pay_Way a.on {
  border: 1px solid #d00a15;
  background: url(../img/check.png) right bottom no-repeat;
}

.Pay_Way_Tips {
  display: none;
}

.Pay_Way_num {
  display: none;
}

.Pay_Way_num.on {
  display: block;
}

.Pay_Way_number {
  height: auto;
  overflow: hidden;
}

.Pay_Way_num span {
  float: left;
  display: block !important;
}

.Pay_Way_num em {
  width: 48px;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  margin-left: 3px;
  float: left;
  border: 1px solid #d4d4d4;
  color: #7b5f2d;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  display: block;
}

.Pay_Way_num em.active {
  border: 1px solid #d00a15;
  background: url(../img/check.png) right bottom no-repeat;
}

.Pay_Way_num_input {
  width: 80px !important;
  height: 28px !important;
  font-size: 13px;
  float: left;
  margin-left: 3px;
  margin-right: 4px;
}

#wxpayPointsNumber,
#alipayPointsNumber {
  float: left;
  margin-left: 4px;
  color: #7b5f2d;
  line-height: 30px;
  font-size: 12px;
}

#tipPaymentMethodWxpayFree,
#tipPaymentMethodAlipayFree {
  width: auto !important;
  text-align: left !important;
  font-size: 12px;
  line-height: 30px;
}

.Pay_Btn {
  width: 110px;
  height: auto;
  line-height: normal;
  margin: 4px auto 2px;
  display: block;
  text-align: center;
}

.Pay_Btn img {
  width: 100%;
  height: auto;
}

.tips {
  width: 96%;
  line-height: 18px;
  font-size: 11px;
  color: #d4a85d;
  margin: 2px auto 0;
}

.tips span {
  color: red;
}

.tips a {
  text-decoration: underline;
  color: #f45714;
}

.tips_h {
  text-align: center;
  margin-bottom: 2px;
}

.tips_h img {
  max-height: 14px;
  width: auto;
  height: auto;
}

.modal-dialog {
  margin-top: 0.5rem;
  width: 90%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}

.modal-body {
  line-height: 2rem;
  font-size: 1.1rem;
  padding: 10px 15px;
}

.modal-footer {
  padding: 8px 15px;
}

.modal-footer .btn {
  padding: 6px 16px;
  font-size: 14px;
}

}

/* 平板竖屏（iPad mini 等）：显示 PC 表单，自适应布局 */
@media screen and (orientation: portrait) and (min-width: 600px) and (min-height: 700px) {

html,
body {
  height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: url(../img/body.jpg) center center no-repeat #87b5d8;
  background-size: cover;
  background-attachment: scroll;
}

body:before {
  display: none;
}

.Pay_Box_H5 {
  display: none !important;
}

.hh {
  width: 100% !important;
  height: auto !important;
  max-height: 90px;
  line-height: normal !important;
  margin: 0 auto !important;
  margin-top: max(10px, env(safe-area-inset-top, 0px)) !important;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  overflow: hidden;
  text-align: center;
  font-size: inherit;
  font-weight: normal;
}

.hh img {
  width: auto;
  max-width: 70%;
  max-height: 90px;
  height: auto;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}

.showGameInfo {
  display: none !important;
}

.Pay_Box.Dro_Box {
  display: block !important;
  background: url(../img/seal_box.png) top center no-repeat !important;
  background-size: 100% 100% !important;
  width: calc(92% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
  max-width: 680px;
  min-height: 560px;
  height: auto;
  margin: 10px auto 20px;
  margin-bottom: 20px !important;
  padding-top: max(28px, env(safe-area-inset-top, 0px));
  padding-right: max(28px, env(safe-area-inset-right, 0px));
  padding-bottom: max(28px, env(safe-area-inset-bottom, 0px));
  padding-left: max(28px, env(safe-area-inset-left, 0px));
  border: none;
  box-sizing: border-box;
  overflow: hidden;
}

.Pay_Box {
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  margin: 0 auto !important;
  overflow: hidden;
}

.Pay_li {
  width: 100% !important;
  max-width: 520px;
  height: auto;
  line-height: 36px;
  margin: 0 auto !important;
  margin-top: 8px !important;
  margin-left: auto !important;
  overflow: hidden;
}

.Pay_li span {
  display: block !important;
  width: 90px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  float: left;
  text-align: right;
  color: #d2ac65;
  font-weight: bold;
}

.Pay_li b {
  width: auto;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  float: left;
  text-align: left;
  display: block;
}

.Pay_li input,
.Pay_li input.on {
  width: 220px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  float: left;
  border: 1px solid #7b5f2d;
  text-indent: 8px;
  color: #7b5f2d;
}

.Pay_Way {
  float: left;
  overflow: visible;
}

.Pay_Way a.hidden-xs,
#paymentMethod_alipay,
#paymentMethod_wxpay {
  display: flex !important;
}

.Pay_Way a {
  width: 100px;
  height: 32px;
  line-height: normal;
  float: left;
  margin-right: 8px;
  border: 1px solid #7b5f2d;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 2px;
}

.Pay_Way a img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: 0;
  float: none;
  display: block;
  object-fit: contain;
}

.Pay_Way a.on {
  border: 1px solid #d00a15;
  background: url(../img/check.png) right bottom no-repeat;
}

.Pay_Way_Tips {
  display: none;
}

.Pay_Way_num {
  display: none;
}

.Pay_Way_num.on {
  display: block;
}

.Pay_Way_number {
  height: auto;
  overflow: hidden;
}

.Pay_Way_num span {
  float: left;
  display: block !important;
}

.Pay_Way_num em {
  width: 58px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  margin-left: 4px;
  float: left;
  border: 1px solid #d4d4d4;
  color: #7b5f2d;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  display: block;
}

.Pay_Way_num em.active {
  border: 1px solid #d00a15;
  background: url(../img/check.png) right bottom no-repeat;
}

.Pay_Way_num_input {
  width: 100px !important;
  height: 32px !important;
  font-size: 14px;
  float: left;
  margin-left: 4px;
  margin-right: 8px;
}

#wxpayPointsNumber,
#alipayPointsNumber {
  float: left;
  margin-left: 8px;
  color: #7b5f2d;
  line-height: 36px;
  font-size: 13px;
}

#tipPaymentMethodWxpayFree,
#tipPaymentMethodAlipayFree {
  width: auto !important;
  text-align: left !important;
  font-size: 13px;
  line-height: 36px;
}

.Pay_Btn {
  width: 150px;
  height: auto;
  line-height: normal;
  margin: 12px auto 8px;
  display: block;
  text-align: center;
}

.Pay_Btn img {
  width: 100%;
  height: auto;
}

.tips {
  width: 96%;
  max-width: 520px;
  line-height: 22px;
  font-size: 12px;
  color: #d4a85d;
  margin: 8px auto 0;
}

.tips span {
  color: red;
}

.tips a {
  text-decoration: underline;
  color: #f45714;
}

.tips_h {
  text-align: center;
  margin-bottom: 4px;
}

.tips_h img {
  max-height: 20px;
  width: auto;
  height: auto;
}

}