body {
  position: relative;
  background-color: #126eb3;
}
.header {
  background: rgba(17, 22, 27, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f11161b, endColorstr=#7f11161b);
  border: 0;
}
.footer {
  margin-top: 0;
}
.wrap {
  position: relative;
}
.wrap > .content {
  width: 950px;
  height: 3429px;
  margin: 0 auto;
}
.bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.bg div {
  background-position: center;
  background-repeat: no-repeat;
  height: 229px;
  overflow: hidden;
}
.bg .bg1 {
  background-image: url(../images/bg_01/images/bg_01.jpg);
}
.bg .bg2 {
  height: 228px;
  background-image: url(../images/bg_01/images/bg_02.jpg);
}
.bg .bg3 {
  background-image: url(../images/bg_01/images/bg_03.jpg);
}
.bg .bg4 {
  height: 228px;
  background-image: url(../images/bg_01/images/bg_04.jpg);
}
.bg .bg5 {
  background-image: url(../images/bg_01/images/bg_05.jpg);
}
.bg .bg6 {
  background-image: url(../images/bg_01/images/bg_06.jpg);
}
.bg .bg7 {
  height: 228px;
  background-image: url(../images/bg_01/images/bg_07.jpg);
}
.bg .bg8 {
  background-image: url(../images/bg_01/images/bg_08.jpg);
}
.bg .bg9 {
  height: 228px;
  background-image: url(../images/bg_01/images/bg_09.jpg);
}
.bg .bg10 {
  background-image: url(../images/bg_01/images/bg_10.jpg);
}
.bg .bg11 {
  background-image: url(../images/bg_01/images/bg_11.jpg);
}
.bg .bg12 {
  height: 228px;
  background-image: url(../images/bg_01/images/bg_12.jpg);
}
.bg .bg13 {
  background-image: url(../images/bg_01/images/bg_13.jpg);
}
.bg .bg14 {
  height: 228px;
  background-image: url(../images/bg_01/images/bg_14.jpg);
}
.bg .bg15 {
  background-image: url(../images/bg_01/images/bg_15.jpg);
}
.model0 {
  padding-top: 470px;
}
.model0 .user-login-con {
  text-align: center;
  color: #fff3d3;
  position: relative;
  z-index: 2;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
}
.model0 .user-login-con .login-bg {
  background-color: #45423a;
  padding: 5px 10px;
  border-radius: 15px;
}
.model0 .user-login-con a {
  color: #fff;
}
.model0 .user-login-con a span {
  color: #ffe241;
}
.model0 .user-login-con .logout-btn,
.model0 .user-login-con .award-record-btn {
  color: #ffe241;
}
.model0 .user-login-con .under-line {
  text-decoration: underline;
}
.model1 {
  position: relative;
  width: 950px;
  height: 314px;
  margin: 0 auto;
}
.model1 .first-recharge-box {
  width: 650px;
  margin: 140px auto 0;
  height: 100%;
  position: relative;
}
.model1 .first-recharge-box .box-1 {
  width: 222px;
  height: 314px;
  float: left;
  background: url("../images/model1/time_30_bg.png");
}
.model1 .first-recharge-box .box-1 .recharge-title {
  color: #ffffd5;
  font-size: 26px;
  font-weight: bold;
  height: 86px;
  line-height: 86px;
  text-align: center;
}
.model1 .first-recharge-box .box-1 .recharge-detail {
  font-size: 19px;
}
.model1 .first-recharge-box .box-1 .recharge-detail p {
  text-align: center;
  padding-bottom: 0;
}
.model1 .first-recharge-box .box-1 .recharge-detail .tag-1 {
  display: inline-block;
  color: #ffffd5;
  font-size: 80px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -20px;
  margin-bottom: -10px;
}
.model1 .first-recharge-box .box-1 .recharge-detail .tag-2 {
  display: inline-block;
  color: #ffffd5;
  font-weight: bold;
  position: absolute;
  top: 155px;
}
.model1 .first-recharge-box .box-1 .recharge-detail .tag-3 {
  color: #ffffd5;
}
.model1 .first-recharge-box .box-1 .recharge-bg {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  margin-left: 36px;
}
.model1 .first-recharge-box .box-1 .recharge-bg-btn {
  display: block;
  width: 150px;
  height: 48px;
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  background: url(../images/model1/recharge_btn_nor.png) center no-repeat;
}
.model1 .first-recharge-box .box-1 .recharge-bg-btn:hover {
  background: url(../images/model1/recharge_btn_hover.png) center no-repeat;
}
.model1 .first-recharge-box .box-1 .recharge-bg-btn:active {
  background: url(../images/model1/recharge_btn_active.png) center no-repeat;
}
.model1 .first-recharge-box .box-2 {
  display: inline-block;
  margin-left: 8px;
  margin-top: 50px;
  width: 170px;
  height: 198px;
  background: url("../images/model1/give.png");
}
.model1 .first-recharge-box .box-3 {
  width: 222px;
  height: 314px;
  float: right;
  background: url("../images/model1/receive_18_bg.png");
  position: relative;
  color: #ffffd5;
}
.model1 .first-recharge-box .box-3-one {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 38px;
  width: 148px;
  height: 80px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.model1 .first-recharge-box .box-3-one span {
  font-size: 30px;
}
.model1 .first-recharge-box .box-3-one p {
  padding-top: 3px;
}
.model1 .first-recharge-box .box-3-two {
  position: absolute;
  z-index: 2;
  top: 139px;
  left: 38px;
  width: 148px;
  height: 88px;
}
.model1 .first-recharge-box .box-3-two .egg {
  width: 54px;
  height: 56px;
  background: url("../images/model1/yellow-egg.png");
  margin-top: 5px;
  margin-left: 55px;
}
.model1 .first-recharge-box .box-3-two p {
  text-align: center;
  font-size: 16px;
}
.model1 .first-recharge-box .box-3 .get-bg {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  margin-left: 36px;
}
.model1 .first-recharge-box .box-3 .get-bg-btn {
  display: block;
  width: 150px;
  height: 48px;
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  background: url(../images/model1/recharge_btn_nor.png) center no-repeat;
}
.model1 .first-recharge-box .box-3 .get-bg-btn:hover {
  background: url(../images/model1/recharge_btn_hover.png) center no-repeat;
}
.model1 .first-recharge-box .box-3 .get-bg-btn:active {
  background: url(../images/model1/recharge_btn_active.png) center no-repeat;
}
.model1 .tips {
  position: relative;
  font-size: 18px;
  color: #8d8dce;
  margin-top: 60px;
  text-align: center;
}
.model1 .tips .li-one {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: -3px;
  background: url(../images/model1/li-1.png) center no-repeat;
}
.model2 {
  color: #fff;
  padding-top: 340px;
  position: relative;
  width: 950px;
  height: 336px;
}
.model2 .recharge-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.model2 .recharge-box ul li {
  display: inline-block;
}
.model2 .recharge-box .recharge-list {
  position: absolute;
}
.model2 .recharge-box .recharge-list .li_r {
  width: 222px;
  height: 336px;
  text-align: center;
  border-radius: 5px;
  position: relative;
}
.model2 .recharge-box .recharge-list .li1 {
  background: url("../images/model2/time-30.png");
}
.model2 .recharge-box .recharge-list .li1 .welfare {
  width: 67px;
  height: 84px;
  background: url("../images/model2/first-welfare.png");
  position: absolute;
  left: -33px;
  top: -15px;
}
.model2 .recharge-box .recharge-list .li2 {
  margin-left: 16px;
  background: url("../images/model2/time-90.png");
}
.model2 .recharge-box .recharge-list .li3 {
  margin-left: 16px;
  background: url("../images/model2/time-7.png");
}
.model2 .recharge-box .recharge-list .li4 {
  margin-left: 16px;
  background: url("../images/model2/time-3.png");
}
.model2 .recharge-box .recharge-list .recharge-title {
  color: #ffffd5;
  font-size: 28px;
  font-weight: bold;
  height: 48px;
  line-height: 48px;
  margin-top: 10px;
}
.model2 .recharge-box .recharge-list .egg-tag {
  width: 222px;
  height: 39px;
  line-height: 39px;
  position: relative;
}
.model2 .recharge-box .recharge-list .egg-tag .egg-y {
  display: inline-block;
  width: 37px;
  height: 39px;
  position: absolute;
  background: url(../images/model2/yellow-egg.png) center no-repeat;
}
.model2 .recharge-box .recharge-list .egg-tag .egg-p {
  display: inline-block;
  width: 37px;
  height: 39px;
  position: absolute;
  background: url(../images/model2/purple-egg.png) center no-repeat;
}
.model2 .recharge-box .recharge-list .egg-tag .egg-text {
  display: inline-block;
  color: #feefd1;
  width: 125px;
  height: 26px;
  font-size: 20px;
  padding-left: 20px;
}
.model2 .recharge-box .recharge-list .recharge-detail {
  margin-top: 60px;
  font-size: 16px;
}
.model2 .recharge-box .recharge-list .recharge-detail p {
  align-items: center;
}
.model2 .recharge-box .recharge-list .recharge-detail .tag-1 {
  display: inline-block;
  color: #ffffd5;
  font-size: 80px;
  font-weight: bold;
  margin-top: -40px;
  margin-left: -20px;
  margin-bottom: -5px;
}
.model2 .recharge-box .recharge-list .recharge-detail .tag-2 {
  display: inline-block;
  color: #ffffd5;
  font-weight: bold;
  position: absolute;
  top: 180px;
}
.model2 .recharge-box .recharge-list .recharge-detail .tag-3 {
  color: #ffffd5;
}
.model2 .recharge-box .recharge-list .recharge-bg {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  margin-left: 36px;
}
.model2 .recharge-box .recharge-list .recharge-bg-btn {
  display: block;
  width: 150px;
  height: 48px;
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  background: url(../images/model1/recharge_btn_nor.png) center no-repeat;
}
.model2 .recharge-box .recharge-list .recharge-bg-btn:hover {
  background: url(../images/model1/recharge_btn_hover.png) center no-repeat;
}
.model2 .recharge-box .recharge-list .recharge-bg-btn:active {
  background: url(../images/model1/recharge_btn_active.png) center no-repeat;
}
.model2 .tips {
  position: relative;
  font-size: 18px;
  color: #8d8dce;
  margin-top: 45px;
  text-align: center;
}
.model2 .tips .li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: -3px;
}
.model2 .tips .li-one {
  background: url(../images/model2/li-1.png) center no-repeat;
}
.model2 .tips .li-two {
  background: url(../images/model2/li-2.png) center no-repeat;
}
.model3 {
  margin-top: 325px;
  position: relative;
}
.model3 .egg-machine {
  width: 950px;
  height: 512px;
}
.model3 .egg-machine-bg {
  width: 348px;
  height: 509px;
  margin: 3px auto 0;
  background: url("../images/model3/egg-machine.png") center no-repeat;
}
.model3 .egg-machine-bg-1 {
  width: 348px;
  height: 512px;
  margin: 0 auto;
}
.model3 .egg-some {
  position: absolute;
  top: 0;
  left: calc(50% - 350px);
  width: 701px;
  height: 454px;
  margin: 0 auto;
  background: url("../images/model3/egg-some.png") center no-repeat;
}
.model3 .group-btn {
  width: 582px;
  height: 85px;
  margin: 8px auto 0;
}
.model3 .group-btn .btn-one {
  display: inline-block;
  width: 271px;
  height: 85px;
  font-size: 24px;
  text-align: center;
  background: url(../images/model3/festival-btn-nor.png) center no-repeat;
}
.model3 .group-btn .btn-one:hover {
  background: url(../images/model3/festival-btn-hover.png) center no-repeat;
}
.model3 .group-btn .btn-one:active {
  background: url(../images/model3/festival-btn-active.png) center no-repeat;
}
.model3 .group-btn .btn-one-btn {
  display: inline-block;
  color: #ffffff;
  padding-top: 5px;
}
.model3 .group-btn .btn-one-btn > span {
  font-size: 30px;
  font-weight: bold;
}
.model3 .group-btn .btn-two {
  float: right;
  display: inline-block;
  width: 271px;
  height: 85px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  background: url(../images/model3/normal-btn-nor.png) center no-repeat;
}
.model3 .group-btn .btn-two:hover {
  background: url(../images/model3/normal-btn-hover.png) center no-repeat;
}
.model3 .group-btn .btn-two:active {
  background: url(../images/model3/normal-btn-active.png) center no-repeat;
}
.model3 .group-btn .btn-two-btn {
  display: inline-block;
  color: #ffffff;
  padding-top: 5px;
}
.model3 .group-btn .btn-two-btn > span {
  font-size: 30px;
  font-weight: bold;
}
.model3 .tips {
  position: relative;
  font-size: 18px;
  color: #8d8dce;
  margin-top: 33px;
  text-align: center;
}
.model3 .tips .li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: -3px;
}
.model3 .tips .li-one {
  background: url(../images/model2/li-1.png) center no-repeat;
}
.model3 .tips .li-two {
  background: url(../images/model2/li-2.png) center no-repeat;
}
.model3 .award-user {
  margin-top: 126px;
  width: 950px;
  height: 125px;
  overflow: hidden;
}
.model3 .award-user-list {
  position: relative;
}
.model3 .award-user-list ul {
  width: 100%;
  height: 270px;
}
.model3 .award-user-list ul li {
  float: left;
  width: 250px;
  font-size: 14px;
  margin: 0 30px;
  color: #bdbdff;
  line-height: 30px;
  text-align: center;
}
.model4 {
  margin-top: 225px;
}
.model4 .four-text {
  text-align: left;
  font-size: 18px;
  color: #9e9cda;
}
.model4 .four-text span {
  display: inline-block;
  margin-bottom: 18px;
}
.model4 .four-text .date {
  display: inline;
  color: #f8be6d;
}
.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
  z-index: 10;
  display: none;
}
.modal .modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 420px;
  height: 442px;
  margin-left: -210px;
  margin-top: -231px;
  z-index: 20;
  color: #ffdbc7;
  text-align: center;
}
.modal .modal-close {
  position: absolute;
  top: 60px;
  right: 30px;
  width: 14px;
  height: 14px;
  background: url(../images/modal_new/modal-close.png);
}
.modal .close-small {
  top: 30px;
  right: 36px;
  width: 14px;
  height: 14px;
  background: url(../images/modal_new/modal-close.png);
}
.modal .record-close-small {
  top: 60px;
  right: 30px;
  width: 14px;
  height: 14px;
  background: url(../images/modal_new/modal-close.png);
}
.modal .close-wx {
  top: 0;
  right: 0;
}
.pay-qrcode-modal .modal-content {
  background: url(../images/modal_new/pay-modal-bg1.png);
}
.pay-error-modal .modal-content,
.pay-success-modal .modal-content {
  background: url(../images/modal_new/pay-modal-bg2.png);
}
.pay-qrcode-modal .order-price-row {
  font-size: 22px;
  font-weight: bold;
  margin: 100px 0 20px;
  color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8be6d), to(#f8be6d));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pay-qrcode-modal .qrcode-box {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  background: url(../images/modal_new/qrcode_bg.png) center no-repeat;
}
.pay-qrcode-modal .qrcode {
  padding: 15px;
}
.pay-qrcode-modal .qrcode > table {
  margin: 8px auto 0 !important;
}
.pay-qrcode-modal .pay-tip {
  color: #b8b8e5;
  font-size: 18px;
  margin: 10px 0 5px;
}
.pay-qrcode-modal .remained-time-row {
  font-size: 14px;
  color: #a97dfa;
  display: inline-block;
}
.pay-error-modal .status-icon,
.pay-success-modal .status-icon {
  display: block;
  margin: 140px auto 20px;
}
.pay-error-modal .pay-tip,
.pay-success-modal .pay-tip {
  color: #b8b8e5;
  font-size: 18px;
  margin-bottom: 35px;
  line-height: 35px;
}
.pay-error-modal .pay-tip-t,
.pay-success-modal .pay-tip-t {
  font-size: 22px;
  color: #f8be6d;
}
.pay-error-modal .pay-tip-s,
.pay-success-modal .pay-tip-s {
  display: inline-block;
  width: 172px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-radius: 10px;
  background-color: #2b1557;
}
.pay-error-modal .bottom-link,
.pay-success-modal .bottom-link {
  font-size: 14px;
  color: #bfa0fa;
  text-decoration: underline;
}
.confirm-small-modal .modal-content,
.success-small-modal .modal-content {
  width: 460px;
  height: 240px;
  margin-left: -239px;
  background: url(../images/modal_new/info-bg.png);
}
.confirm-small-modal .title-row,
.success-small-modal .title-row {
  font-size: 32px;
  font-weight: bold;
  margin: 18px 0 0;
  color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ceecfc), to(#6da3ff));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.confirm-small-modal .small-row,
.success-small-modal .small-row {
  color: #cbe0ff;
  margin-top: 75px;
  font-size: 20px;
}
.confirm-small-modal .small-content,
.success-small-modal .small-content {
  color: #cbe0ff;
  font-size: 20px;
  line-height: 240px;
}
.confirm-small-modal .small-content-top,
.success-small-modal .small-content-top {
  margin-top: -30px;
}
.confirm-small-modal .success-small-btn,
.success-small-modal .success-small-btn {
  position: absolute;
  left: 50%;
  bottom: 45px;
  margin-left: -91px;
  width: 182px;
  height: 51px;
  font-size: 16px;
  font-weight: bold;
  color: #ffeae6;
  background: url(../images/modal_new/open-btn.png) center no-repeat;
}
.confirm-small-modal .confirm-small-btn,
.success-small-modal .confirm-small-btn {
  position: absolute;
  left: 50%;
  bottom: 45px;
  margin-left: -71px;
  width: 142px;
  height: 51px;
  font-size: 16px;
  font-weight: bold;
  color: #ffeae6;
  background: url(../images/modal_new/confirm-btn.png) center no-repeat;
}
.record-modal .modal-content {
  width: 880px;
  height: 388px;
  margin-left: -440px;
  background: url(../images/modal_new/record_bg.png);
}
.record-modal .tab-row {
  width: 480px;
  height: 56px;
}
.lottery-record {
  width: 742px;
  height: 230px;
  margin: 30px 0 0 62px;
  padding-right: 40px;
  word-break: break-all;
  font-size: 18px;
}
.lottery-record .lottery-item {
  color: #aaaae6;
  background: #3e1e7c;
  margin-bottom: 10px;
  padding: 15px 20px;
}
.lottery-record .lottery-item > p {
  margin-top: 20px;
}
.lottery-record .lottery-item .item-title {
  color: #f8be6d;
  display: inline-block;
  width: 33%;
  text-align: center;
}
.lottery-record .item-row {
  width: 730px;
  height: 200px;
  overflow: auto;
}
.lottery-record .item-row > p {
  margin-top: 20px;
}
.lottery-record .item-row .item-col {
  display: inline-block;
  width: 33%;
  text-align: center;
}
.lottery-record .item-row.records {
  margin-top: 30px;
  height: 255px;
}
.lottery-record .item-row::-webkit-scrollbar {
  width: 12px;
  height: 1px;
}
.lottery-record .item-row::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #aaaae6;
}
.lottery-record .item-row::-webkit-scrollbar-track {
  background: transparent;
}
.div_inline {
  display: inline-block;
}