@charset "UTF-8";
body,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
dl, dd,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body {
  /* 页面最大宽度 */
  /* 总体背景色 */
  background-color: #EDECEC;
  margin: 0 auto;
  padding: 10px 10px 0;
  font-size: 14px;
  /* 底部留空 */
  padding-bottom: 80px;
}

.gameBody {
  background-color: #EDECEC;
  padding: 0;
  margin: 0 auto;
  font-size: 14px;
  padding-bottom: 0px;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  -moz-focus-ring-color: transparent;
  focus-ring-color: transparent;
}

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

li {
  list-style: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear:after, .codeMain p:after {
  content: "";
  display: block;
  clear: both;
}

.clear, .codeMain p {
  zoom: 1;
}

.relative {
  position: relative;
}

.gray {
  color: #c4c4c4;
}

.red {
  color: red;
}

body {
  max-width: 750px;
}

.header {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 0.21333rem;
}

.header .header-bg {
  width: 100%;
}

.header .header-info-wrap {
  padding: 0.21333rem;
}

.header .header-info-wrap img {
  width: 0.91733rem;
  height: 0.91733rem;
  vertical-align: top;
}

.header .header-info-wrap .header-info {
  display: inline-block;
  margin-left: 0.21333rem;
}

.header .header-info-wrap .header-info .header-title {
  font-weight: bold;
  font-size: 0.34133rem;
}

.header .header-info-wrap .header-info .header-desc {
  font-size: 0.256rem;
  margin-top: 0.04267rem;
}

.title {
  text-align: center;
  font-size: 0.29867rem;
  margin: 0.29867rem auto;
  color: #ED7711;
}

.title .title-decoration {
  width: 0.17067rem;
  height: 0.17067rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.42667rem 0.04267rem;
  background-color: #ED7711;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.title .title-desc {
  color: black;
  margin-top: 0.08533rem;
}

.display {
  display: none;
}

.section {
  margin-bottom: 0.42667rem;
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 0.21333rem;
}

.section .mask {
  height: 0.55467rem;
  width: 100%;
  background-color: black;
  filter: Alpha(Opacity=60);
  opacity: 0.6;
  position: absolute;
  bottom: 0;
}

.section .mask-title {
  color: #fff;
  font-size: 0.29867rem;
  position: absolute;
  bottom: 0.08533rem;
  left: 0.256rem;
}

.section .infamous {
  width: 100%;
}

.section .gift {
  margin-top: 0.42667rem;
  font-size: 0;
  text-align: center;
}

.section .gift li {
  width: 25%;
  height: 2.13333rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

.section .gift li .gift-img {
  width: 1.28rem;
  height: 1.28rem;
  border: 1px solid #c4c4c4;
  border-radius: 0.21333rem;
  margin-bottom: 0.128rem;
}

.section .gift li .gift-desc {
  font-size: 0.256rem;
}

.section .gift4 {
  font-size: 0;
  text-align: center;
}

.section .gift4 li {
  width: 25%;
  height: 2.13333rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

.section .gift4 li .gift-img {
  width: 1.28rem;
  height: 1.28rem;
  border: 1px solid #c4c4c4;
  border-radius: 0.21333rem;
  margin-bottom: 0.128rem;
}

.section .gift4 li .gift-desc {
  font-size: 0.256rem;
}

.section .gift3 {
  font-size: 0;
  text-align: center;
}

.section .gift3 li {
  width: 33%;
  height: 2.13333rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

.section .gift3 li .gift-img {
  width: 1.28rem;
  height: 1.28rem;
  border: 1px solid #c4c4c4;
  border-radius: 0.21333rem;
  margin-bottom: 0.21333rem;
}

.section .gift3 li .gift-desc {
  font-size: 0.256rem;
}

.section .btn {
  text-align: center;
  margin-top: 0.29867rem;
  padding-bottom: 0.42667rem;
  position: relative;
}

.section .btn .btn-bg {
  width: 3.92533rem;
  height: 0.81067rem;
}

.section .btn .btn-desc {
  position: absolute;
  width: 1.70667rem;
  height: 0.42667rem;
  top: 50%;
  left: 50%;
  margin-top: -0.42667rem;
  margin-left: -0.85333rem;
  color: #fff;
  font-size: 0.34133rem;
  line-height: 0.42667rem;
  pointer-events: none;
}

.game {
  padding: 10px 10px;
  background-color: #fff;
  position: relative;
}

.game .section {
  margin-bottom: 0;
}

.game .mask {
  border-bottom-left-radius: 0.128rem;
  border-bottom-right-radius: 0.128rem;
}

.game .mask-title {
  color: #fff;
  font-size: 0.29867rem;
  position: absolute;
  bottom: 0.08533rem;
  left: 1.92rem;
}

.game .mask-img {
  position: relative;
  width: 1.36533rem;
  height: 1.36533rem;
  margin-top: -0.896rem;
  margin-left: 0.29867rem;
  border-radius: 0.34133rem;
}

.game .infamous {
  border-radius: 0.128rem;
}

.game .hjh-desc {
  margin: 0.17067rem 0.256rem;
  line-height: 0.42667rem;
}

.game .hjh-desc .hideTxt {
  display: none;
}

.game .hjh-desc .more1,
.game .hjh-desc .more2 {
  color: #ED7711;
}

.sshl {
  height: 6.4rem;
}

.introduce {
  background-color: #fff;
  margin: 0.42667rem 10px 80px;
  border-radius: 0.128rem;
}

.introduce .introduce-list {
  height: 0.74667rem;
  text-align: center;
  line-height: 0.74667rem;
  font-size: 0.29867rem;
}

.introduce .introduce-list li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #979797;
}

.introduce .introduce-list .liHover {
  color: #ED7711;
  border-bottom: 2px solid #ED7711;
}

.introduce .introduce-list .widthAll {
  width: 100%;
}

.introduce .title {
  color: black;
}

.introduce .intro-gift {
  display: none;
}

.introduce .swiperInit {
  display: block;
  visibility: hidden;
}

.introduce .giftDetail {
  text-align: center;
  padding-bottom: 0.42667rem;
}

.introduce .giftDetail .gift4 {
  font-size: 0;
  text-align: center;
}

.introduce .giftDetail .gift4 li {
  width: 25%;
  height: 2.13333rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

.introduce .giftDetail .gift4 li .gift-img {
  width: 1.28rem;
  height: 1.28rem;
  border: 1px solid #c4c4c4;
  border-radius: 0.21333rem;
  margin-bottom: 0.08533rem;
}

.introduce .giftDetail .gift4 li .gift-desc {
  font-size: 0.256rem;
}

.introduce .giftDetail .gift3 {
  font-size: 0;
  text-align: center;
}

.introduce .giftDetail .gift3 li {
  width: 33%;
  height: 2.13333rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

.introduce .giftDetail .gift3 li .gift-img {
  width: 1.28rem;
  height: 1.28rem;
  border: 1px solid #c4c4c4;
  border-radius: 0.21333rem;
  margin-bottom: 0.08533rem;
}

.introduce .giftDetail .gift3 li .gift-desc {
  font-size: 0.256rem;
}

.introduce .giftDetail .gift-intro {
  margin: 0.17067rem 0.29867rem 0.64rem;
  font-size: 0.256rem;
}

.swiperbox {
  position: relative;
  width: 100%;
  height: auto;
}

.swiper {
  position: relative;
  width: 100%;
  height: 5.12rem;
  margin-top: 0.98133rem;
}

.swiper-container .swiper-slide {
  width: auto;
  height: auto;
}

.swiper-container img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.swiper-pagination {
  position: relative;
  width: 100%;
  margin-top: 0.42667rem;
}

.swiper-pagination-bullet {
  background-color: #979797;
  margin: 0 0.10667rem;
  height: 0.256rem;
  width: 0.256rem;
}

.swiper-pagination-bullet-active {
  background-color: #ED7711;
}

.QR {
  text-align: center;
  font-size: 0.29867rem;
  margin-top: 0.21333rem;
}

.QR .QRcode {
  width: 2.73067rem;
  height: 2.73067rem;
  margin-bottom: 0.21333rem;
}

.QR .title-decoration {
  width: 0.128rem;
  height: 0.128rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.34133rem 0.04267rem;
  background-color: #ED7711;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.lzjx-dialog {
  margin-top: -4.26667rem !important;
}

.lzjx-dialog dl {
  margin-bottom: 0.42667rem;
  padding: 0 0.21333rem;
}

.lzjx-dialog dl dd {
  text-align: left;
  margin-bottom: 0.08533rem;
}

.login-used-box .J_lzjx {
  margin-top: 0.21333rem !important;
}

.wcode .wcode {
  display: block;
  margin: 0 auto;
  width: 80%;
}

.dialogWarp {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
}

.dialogWarp .closeBtn img {
  width: 1.06667rem;
  height: 1.06667rem;
  position: absolute;
  left: 50%;
  bottom: -1.49333rem;
  margin-left: -0.53333rem;
}

.dialogWarp .dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6.4rem;
  min-height: 2.98667rem;
  margin: -2.176rem 0 0 -3.2rem;
  background-color: #fff;
  border-radius: 0.21333rem;
  padding: 0.21333rem 0;
  text-align: center;
  display: none;
}

.dialogWarp .dialog h2 {
  font-size: 0.29867rem;
  font-weight: bold;
  margin: 0.21333rem auto;
}

.dialogWarp .dialog p {
  font-size: 0.256rem;
  line-height: 0.42667rem;
  margin-top: 0.04267rem;
}

.dialogWarp .dialog p.J_lzjx {
  margin-top: .16rem;
}

.dialogWarp .dialog p.systemRemark.red {
  color: red;
  margin-top: .2133333333rem;
  display: inline-block;
  width: 4.6933333333rem;
}

.dialogWarp .dialog .margin-right {
  margin-right: 0.17067rem;
}

.dialogWarp .dialog .margin-left {
  margin-left: 0.17067rem;
}

.dialogWarp .dialog input {
  border: 0.02133rem solid #c7c7c7;
  box-sizing: border-box;
  line-height: 0.34133rem;
  color: #999;
  font-size: 0.256rem;
  padding: 0.10667rem;
  border-radius: 0.10667rem;
  margin-bottom: 0.10667rem;
  width: 3.24267rem;
  text-align: center;
}

.dialogWarp .dialog .btn {
  margin-top: 0.42667rem;
  text-align: center;
  font-size: 0;
}

.dialogWarp .dialog .btn a {
  display: inline-block;
  width: 2.13333rem;
  height: 0.64rem;
  color: #fff;
  line-height: 0.64rem;
  border-radius: 0.42667rem;
  font-size: 0.256rem;
  margin: 0 0.21333rem;
}

.dialogWarp .dialog .btn a.gray {
  background-color: gray;
}

.dialogWarp .dialog .btn a.pink {
  background-color: #fd57b4;
}

.dialogWarp .dialog .btn a.brown {
  background-color: #ff8721;
}

.dialogWarp .dialog .btn .register-btn {
  display: inline-block;
  background-color: #fd57b4;
}

.dialogWarp .dialog .btn .register-btn.gray {
  background-color: gray;
}

.dialogWarp .dialog .btn .confirm-btn, .dialogWarp .dialog .btn .prev-btn {
  display: inline-block;
  background-color: #ff8721;
  width: 2.13333rem;
  height: 0.64rem;
  color: #fff;
  line-height: 0.64rem;
  border-radius: 0.42667rem;
  font-size: 0.256rem;
  margin: 0 0.21333rem;
}

.dialogWarp .dialog .btn .confirm-btn.gray, .dialogWarp .dialog .btn .prev-btn.gray {
  background-color: gray;
}

.dialogWarp .dialog_haoli {
  top: 30%;
  display: none;
}

.dialogWarp .register input::-webkit-input-placeholder {
  text-align: left;
}

.dialogWarp .login {
  z-index: 10;
  background: #fff;
  border-radius: 0.21333rem;
  display: none;
}

.dialogWarp .login .btn {
  margin-top: 0;
}

.dialogWarp .login p {
  font-size: 0.21333rem;
}

.dialogWarp .login .ruleLabel {
  text-align: center;
  height: 0.32rem;
  color: red;
}

.dialogWarp .login .ruleLabel.font {
  font-size: 0.21333rem;
}

.dialogWarp .login .systemRemark {
  color: red;
  margin-top: 0.21333rem;
  display: inline-block;
  width: 4.69333rem;
}

.dialogWarp .login .telRemark {
  color: blue;
  margin-bottom: 0.21333rem;
  display: inline-block;
  width: 4.69333rem;
}

.dialogWarp .login .mark {
  display: inline-block;
  width: 0.42667rem;
}

.dialogWarp .login .accountNot {
  display: none;
  color: red;
}

.dialogWarp .login .set-box {
  font-size: 0.256rem;
  margin: 0.10667rem auto;
}

.dialogWarp .login .set-box .text {
  display: inline-block;
  vertical-align: middle;
  min-width: 1.06667rem;
  text-align: right;
  color: #777;
}

.dialogWarp .login .set-box .form-select {
  width: 2.34667rem;
  height: 0.55467rem;
  background-color: #fff;
  background-image: none;
  border: 0.02133rem solid #e4e4e4;
  border-radius: 0.10667rem;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  padding: 0 0.42667rem;
}

.dialogWarp .login .set-box .form-select .form-select-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dialogWarp .login .set-box .form-select .form-select-box .text {
  background: #fff;
  height: 0.55467rem;
  line-height: 0.55467rem;
  width: 100%;
  text-align: center;
}

.dialogWarp .login .set-box .form-select .form-select-list {
  background: #fff;
  border: 0.02133rem solid #e4e4e4;
  cursor: pointer;
  display: none;
  width: 100%;
  z-index: 9999;
  width: 100%;
  position: absolute;
  left: -0.02133rem;
  max-height: 3.84rem;
  overflow: auto;
}

.dialogWarp .login .set-box .form-select .form-select-list li {
  height: 0.64rem;
  line-height: 0.64rem;
  white-space: nowrap;
}

.dialogWarp .login-success, .dialogWarp .login-used, .dialogWarp .login-used-box, .dialogWarp .show-box-content, .dialogWarp .lzjx-dialog, .dialogWarp .login-success-again {
  z-index: 10;
  background: #fff;
  padding: 0.21333rem 0.21333rem 0.42667rem 0.21333rem;
  border-radius: 0.21333rem;
  width: 5.97333rem;
  display: none;
}

.dialogWarp .login-success .btn, .dialogWarp .login-used .btn, .dialogWarp .login-used-box .btn, .dialogWarp .show-box-content .btn, .dialogWarp .lzjx-dialog .btn, .dialogWarp .login-success-again .btn {
  margin-top: 0.34133rem;
}

.dialogWarp .login-success .login-fail-txt, .dialogWarp .login-used .login-fail-txt, .dialogWarp .login-used-box .login-fail-txt, .dialogWarp .show-box-content .login-fail-txt, .dialogWarp .lzjx-dialog .login-fail-txt, .dialogWarp .login-success-again .login-fail-txt {
  display: none;
}

.dialogWarp .login-success .login-fail-txt p, .dialogWarp .login-used .login-fail-txt p, .dialogWarp .login-used-box .login-fail-txt p, .dialogWarp .show-box-content .login-fail-txt p, .dialogWarp .lzjx-dialog .login-fail-txt p, .dialogWarp .login-success-again .login-fail-txt p {
  margin-top: 0.85333rem;
  margin-bottom: 1.06667rem;
}

.dialogWarp .show-box-content {
  height: 6.5rem;
  margin-top: -5.12rem;
}

.dialogWarp .show-box-content .tab {
  width: 70%;
  margin: 0 auto;
}

.dialogWarp .show-box-content .tab li {
  width: 48.5%;
  display: inline-block;
  font-weight: 600;
  padding: .18rem 0;
  border-radius: 6px;
  font-size: 0.3rem;
}

.dialogWarp .show-box-content .tab li.active {
  background: #c4c4c4;
}

.dialogWarp .show-box-content .list-itme2 {
  display: none;
}

.dialogWarp .show-box-content .list {
  margin-top: 5%;
  height: 5rem;
  overflow: scroll;
}

.dialogWarp .show-box-content .list .item {
  text-align: left;
  margin-top: 5%;
  min-height: 1.6rem;
}

.dialogWarp .show-box-content .list .item .right {
  display: inline-block;
  width: 78%;
  border-bottom: 1px solid #d3d3d3;
  min-height: 1.3rem;
  float: right;
}

.dialogWarp .show-box-content .list .item img {
  width: 1.2rem;
}

.dialogWarp .show-box-content .list .item p {
  display: inline-block;
  color: #666;
  font-size: 0.3rem;
  color: #000;
}

.dialogWarp .show-box-content .list .item p span {
  display: block;
  font-size: .25rem;
  color: #999999;
  width: 3.4rem;
}

.dialogWarp .show-box-content .list .item p a {
  display: block;
  background: #fe56b5;
  color: #fff;
  padding: .06rem .4rem;
  border-radius: .5rem;
  margin-bottom: 11%;
}

.dialogWarp .show-box-content .list .item p a:first-child {
  background: #ff8621;
}

.dialogWarp .show-box-content .list .item p.btn {
  float: right;
  margin-top: 0;
}

.dialogWarp .login-fail, .dialogWarp .login-error {
  z-index: 10;
  background: #fff;
  padding: 0.21333rem;
  border-radius: 0.21333rem;
  width: 6.4rem;
  height: 3.92533rem;
  display: none;
}

.dialogWarp .login-fail .btn, .dialogWarp .login-error .btn {
  margin-top: 0.85333rem;
}

.dialogWarp .login-fail .marginTop, .dialogWarp .login-error .marginTop {
  margin-top: 0.42667rem;
}

.dialogWarp .login-fail .red, .dialogWarp .login-error .red {
  color: red;
  margin-top: 2%;
}

.dialogWarp .confirm {
  z-index: 10;
  background: #fff;
  padding: 0.21333rem 0.21333rem 0.42667rem 0.21333rem;
  border-radius: 0.21333rem;
  width: 6.4rem;
  height: 3.62667rem;
  display: none;
}

.dialogWarp .confirm .btn {
  margin-top: 0.42667rem;
}

.dialogWarp .confirm .txt {
  display: inline-block;
  text-align: right;
  width: 38%;
}

.dialogWarp .confirm .account,
.dialogWarp .confirm .system,
.dialogWarp .confirm .tel {
  display: inline-block;
  text-align: left;
  width: 50%;
}

.dialogWarp .register {
  z-index: 10;
  background: #fff;
  padding: 0.21333rem;
  border-radius: 0.21333rem;
  width: 6.4rem;
  height: 5.33333rem;
  display: none;
}

.dialogWarp .register p {
  width: 5.97333rem;
  height: 0.64rem;
  line-height: 0.64rem;
  margin-top: 0.21333rem;
}

.dialogWarp .register span {
  width: 1.70667rem;
  float: left;
  text-align: right;
}

.dialogWarp .register input {
  float: left;
}

.dialogWarp .register .sendCodeInput {
  width: 2.13333rem;
}

.dialogWarp .register .sendCode {
  float: left;
  width: 1.70667rem;
  height: 0.59733rem;
  border-radius: 0.10667rem;
  margin-left: 0.10667rem;
  background-color: #e5acb5;
  color: #fff;
  line-height: 0.59733rem;
}

.dialogWarp .register .btn {
  margin-top: 0.42667rem;
}

.codeMain input {
  width: 2.56rem !important;
}

.codeMain .ruleLabel {
  color: red;
}

.codeMain .systemRemark {
  text-align: center;
}

.codeMain .btn-getCode {
  float: right;
  background: #ff8721;
  border-radius: 0.08533rem;
  line-height: 0.59733rem;
  width: 1.28rem;
  margin-right: 0.21333rem;
  color: #fff;
  text-align: center;
}

.codeMain p {
  text-align: left;
  line-height: 0.55467rem;
}

.codeMain p input#codeNum {
  text-align: left;
}

.codeMain .txt {
  width: 2.13333rem;
  line-height: 0.55467rem;
  float: left;
  text-align: right;
}

.none {
  display: none;
}

.advertising {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 50;
}

.pa {
  position: absolute;
}

.advertisingBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  width: 7rem;
  height: 10rem;
}

.advertisingBox .popup-close {
  background: url(../images/pop-close.png) center center no-repeat;
  background-size: 0.7rem auto;
  top: 0;
  right: 0;
  width: 0.7rem;
  height: 0.7rem;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}