/* 通用 */
* {
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input,
select,
button {
  outline: 0;
}

button {
  border: 0;
  background-clip: padding-box;
}

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

img {
  border: none;
  vertical-align: baseline;
}

textarea,
input {
  word-wrap: break-word;
  word-break: break-all;
}

span,
p,
div {
  word-wrap: break-word;
}

.lf {
  float: left;
}

.rt {
  float: right;
}

html,
body,
div,
p,
ul,
ol,
li {
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

/* 黑色title背景主题 适用于alert confirm*/
body .skin_class_exmple .layui-layer-title {
  padding: 0 !important;
  text-align: center;
  background: black !important;
  color: white !important;
  font-size: 22px !important;
  height: 50px !important;
  line-height: 50px !important;
  position: relative !important;
}

body .skin_class_exmple .layui-layer-setwin {
  top: 15px !important;
}

body .skin_class_exmple>.layui-layer-content {
  text-align: center;
  font-size: 20px;
  color: red;
  box-sizing: border-box;
}

body .skin_class_exmple .layui-layer-setwin a {
  width: 24px;
  height: 24px;
  opacity: 1;
}

body .skin_class_exmple .layui-layer-setwin a:hover {
  opacity: 1;
}

body .skin_class_exmple .layui-layer-setwin {
  opacity: 1;
}

body .skin_class_exmple>.layui-layer-btn {
  background: white;
  text-align: center;
}

body .layui-layer-title {
  background-color: transparent !important;
  border-bottom: none;
}

body .layui-layer-content {
  background-color: transparent !important;
  border-bottom: none;
  box-shadow: none;
}

body .layui-layer-setwin a {
  width: 24px;
  height: 24px;
  opacity: 0;
}

body .layui-layer-setwin a:hover {
  opacity: 0;
}

body .layui-layer-setwin {
  opacity: 0;
}

body .layui-layer-setwin .layui-layer-close2 {
  right: -2px;
  top: -2px;
}

body .skin_class_two {
  box-shadow: none;
}

.cu_layer {
  display: none;
}


html {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
}

body {
  max-width: 1920px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

a:hover {
  -webkit-filter: brightness(120%);
  -ms-filter: brightness(120%);
  -o-filter: brightness(120%);
  -moz-filter: brightness(120%);
  opacity: 0.85\0;
}

.indexPage a.geted {
  pointer-events: none;
}

/* 页面部分 */
.indexPage {
  min-width: 1500px;
  display: block;
  height: 5150px;
  background: url(../../../img/activity/2yvn8klu/index.jpg)top center no-repeat;
  position: relative;
}

.indexPage .main {
  margin-top: 315px;
  position: relative;
}

.indexPage .active-time {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-left: 505px;
}

.indexPage .active-time .activeTime {
  font-size: 20px;
  color: #fff;
  width: 688px;
  height: 51px;
  background: url(../../../img/activity/2yvn8klu/active-time.png);
  line-height: 51px;
  text-align: center;
}

.indexPage .login {
  height: 50px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-top: 270px;
}

.indexPage .login a {
  color: #e20505;
}


/* 可修改 */
.indexPage .header {
  width: 1900px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.indexPage .header .header-left a {
  display: inline-block;
  width: 281px;
  height: 161px;
  background: url(../../../img/activity/2yvn8klu/logo.png) no-repeat;
}

.indexPage .header .header-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 260px;
}

.indexPage .header .header-right a {
  display: inline-block;
  width: 196px;
  height: 61px;
  background: url(../../../img/activity/2yvn8klu/recharge.png) no-repeat;
}


/* 星战宝箱 */
.star-wars {
  margin-top: 110px;
  text-align: center;
}


.star-wars .key {
  width: 1245px;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.star-wars .key a {
  display: inline-block;
  width: 211px;
  height: 211px;
  background: url(../../../img/activity/2yvn8klu/key-btn.png) no-repeat;
}

.star-wars .key a:nth-child(2) {
  background-position-x: -339px;
}

.star-wars .key a:nth-child(3) {
  background-position-x: -678px;
}

.star-wars .key a:nth-child(4) {
  background-position-x: -1016px;
}

/* 抽奖 */
.turntable {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1340px;
  height: 547px;
  margin: 35px auto 0;
  background: url(../../../img/activity/2yvn8klu/star-wars-turntable.png)no-repeat center;
  background-size: 100% 100%;
}


.turntable .zhuanquan {
  position: relative;
  width: 1372px;
  height: 647px;
}

.turntable .zhuanquan img {
  position: absolute;
  opacity: 0;
  width: 330px;
  height: 176px;
}

.turntable .zhuanquan .brighten {
  opacity: 1;
}

.turntable .zhuanquan img:nth-child(1) {
  left: 13px;
  top: -3px;
}

.turntable .zhuanquan img:nth-child(2) {
  top: -3px;
  left: 351px;
}

.turntable .zhuanquan img:nth-child(3) {
  top: -3px;
  right: 351px;
}

.turntable .zhuanquan img:nth-child(4) {
  right: 13px;
  top: -3px;
}

.turntable .zhuanquan img:nth-child(5) {
  top: 186px;
  right: 13px;
}

.turntable .zhuanquan img:nth-child(6) {
  top: 186px;
  right: 351px;
}

.turntable .zhuanquan img:nth-child(7) {
  top: 186px;
  left: 351px;
}

.turntable .zhuanquan img:nth-child(8) {
  top: 186px;
  left: 13px;
}

.turntable .zhuanquan img:nth-child(9) {
  left: 13px;
  bottom: -3px;
}

.turntable .zhuanquan img:nth-child(10) {
  left: 351px;
  bottom: -3px;
}

.turntable .zhuanquan img:nth-child(11) {
  right: 351px;
  bottom: -3px;
}

.turntable .zhuanquan img:nth-child(12) {
  right: 13px;
  bottom: -3px;
}


.turntable .tru_bnt {
  width: 828px;
  /* width: 560px; */
}

.tru_bnt {
  width: 880px;
  margin: 5px auto 0;
}

.tru_bnt .popbtn {
  width: 100%;
  margin: 0px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  cursor: pointer;
}

.tru_bnt p {
  color: #fff;
  font-size: 16px;
  margin-top: 15px;
}

.turnon {
  margin: 20px auto 0;
  width: 800px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.turnon a {
  display: inline-block;
  width: 227px;
  height: 81px;
  background: url(../../../img/activity/2yvn8klu/twy_open.png) no-repeat;
}

.turnon a:last-child {
  background-position-x: -568px;
}

/* 抽奖 end*/
.get-box {
  display: flex;
  justify-content: center;
  margin-top: 220px;
  margin-bottom: 16px;
}

.get-box .box {
  width: 773px;
  height: 510px;
  background: url(../../../img/activity/2yvn8klu/get-box-bg.png) no-repeat center;
  padding-top: 50px;
}

.get-box .box .box-flex {
  width: 665px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.get-box .box p {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.get-box .box .box-img {
  margin-top: 460px;
  text-align: center;
}

.get-box .box a {
  display: inline-block;
  width: 260px;
  height: 82px;
  background: url(../../../img/activity/2yvn8klu/box-btn.png) no-repeat;
}



/* 星战宝箱 end*/


/* 武器兑换 */
.arms-exchange {
  text-align: center;
  position: relative;
  margin-top: 308px;
}

.arms-exchange .jf {
  color: #fff;
  font-size: 16px;
  text-align: right;
  margin: auto;
  width: 1225px;
}

.arms-exchange-content {
  width: 1339px;
  height: 924px;
  margin: 30px auto 0;
  background: url(../../../img/activity/2yvn8klu/arms-exchange-bg.png) no-repeat;

}

.arms-exchange-content .list:nth-child(2) {
  height: 220px;
}

.arms-exchange-content .list {
  width: 1444px;
  height: 222px;
  padding: 0 153px 0 55px;
  margin: 0 auto 30px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.arms-exchange-content .list:first-child {
  width: 1060px;
  height: 235px;
  margin: 0 auto;
  padding: 0 76px 0 81px;
}

.list.four {
  width: 1444px;
}

.arms-exchange-content a {
  display: inline-block;
  width: 223px;
  height: 53px;
  background: url(../../../img/activity/2yvn8klu/arms-exchange-btn.png) no-repeat;

}

.arms-exchange-content a.getFiveNine {
  background-position-y: -53px;
}

.arms-exchange-content a.getFour {
  background-position-y: -106px;
}

.arms-exchange-content a.getTwo {
  background-position-y: -159px;
}

.arms-exchange-content a.getOne {
  background-position-y: -135px;
}

.arms-exchange-content a.getFifteen {
  background-position-y: -212px;
}

.arms-exchange-content a.getFifty {
  background-position-y: -265px;
}

.arms-exchange-content a.getFive {
  background-position-y: -318px;
}

.arms-exchange-content a.geted {
  background-position-y: -371px;
}



/* 武器兑换 end*/

/* 活动规则 */
.activityRule {
  text-align: center;
  margin-top: 240px;
}

.activityRule .content {
  width: 1147px;
  height: 602px;
  margin: auto;
  padding-left: 56px;
  padding-top: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  text-align: justify;
}

/* 活动规则 end*/
/* 弹框 */

/* 概率详情弹框 */
.probabilityDetailPage {
  background: url(../../../img/activity/2yvn8klu/twy_pop_gv.png)no-repeat center !important;
  background-size: 100% 100%;
}

.probabilityDetailPage .lay_close {
  font-size: 25px;
  top: 61px;
  right: 62px;
  opacity: 0;
}

/* 概率详情弹框 end*/

/* 分解表弹框 */
.resolvePage {
  background: url(../../../img/activity/2yvn8klu/resolve-bg.png)no-repeat center !important;
  background-size: 100% 100%;
}

.resolvePage .lay_close {
  font-size: 25px;
  top: 61px;
  right: 62px;
  opacity: 0;
}

/* 分解表弹框 end*/

/* 抽一次 */
.drawOncePage {
  background: url(../../../img/activity/2yvn8klu/drawOnce.png)no-repeat center !important;
  background-size: 100% 100%;
}

.drawOncePage .lay_content {
  margin-top: 160px;
}

.drawOncePage .lay_close {
  font-size: 25px;
  top: 61px;
  right: 62px;
  opacity: 0;
}

/* 抽一次end */
/* 抽十次 */
.drawTenPage {
  background: url(../../../img/activity/2yvn8klu/drawTen.png)no-repeat center;
  background-size: 100% 100%;
}

.drawTenPage .lay_content {
  margin-top: 120px;
  margin-right: 20px;
}

.drawTenPage .lay_close {
  font-size: 25px;
  top: 48px;
  right: 88px;
  opacity: 0;
}

.drawTenPage .drawTenPage-con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1080px;
  padding: 0 0px 0 15px;
  margin: 0 auto;
  flex-direction: row;
  align-items: center;
}

.drawTenPage .drawTenPage-con li {
  width: 200px;
  height: 105px;
  margin: 20px 0;
}

.drawTenPage .drawTenPage-con img {
  width: 100%;
  height: 100%;
}

/* 抽十次end */

/* 抽奖记录弹框*/
.awardRecord {
  background-image: url(../../../img/activity/2yvn8klu/awardRecord.png);
  background-size: 100% 100%;
}

.awardRecord .lay_content {
  margin-top: 179px;
}

.awardRecord .lay_close {
  font-size: 25px;
  top: 61px;
  right: 62px;
  opacity: 0;
}

.tablePages {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  height: 342px;
  line-height: 32px;
}

.tablePages .itemClass {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding-left: 122px;
}

.tablePages .itemClass span {
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  display: block;
  text-align: center;
}

.tablePages .itemClass .one {
  width: 384px;
}

.tablePages .itemClass .two {
  width: 384px;
  padding: 0 10px;
}

#pagings {
  text-align: center;
  width: 508px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0)
}

#pagings .layui-laypage a {
  background-color: transparent;
  border: none;
  color: #fff !important;
}

#pagings .layui-disabled {
  color: #fff !important;
}

/* 抽奖记录弹框 end*/

/*钥匙记录弹框*/
.keyRecord {
  background-image: url(../../../img/activity/2yvn8klu/keyRecord.png);
  background-size: 100% 100%;
}

.keyRecord .lay_content {
  margin-top: 177px;
}

.keyRecord .lay_close {
  font-size: 25px;
  top: 61px;
  right: 62px;
  opacity: 0;
}

.tablePagesize {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  height: 342px;
  line-height: 32px;
}

.tablePagesize .itemClass {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding-left: 122px;
}

.tablePagesize .itemClass span {
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  display: block;
  text-align: center;
}

.tablePagesize .itemClass .one {
  width: 384px;
}

.tablePagesize .itemClass .two {
  width: 384px;
  padding: 0 10px;
}


#pages {
  text-align: center;
  width: 508px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0)
}

#pages .layui-laypage a {
  background-color: transparent;
  border: none;
  color: #fff !important;
}

#pages .layui-disabled {
  color: #fff !important;
}





/*钥匙记录弹框*/
.keyRecord2 {
  background-image: url(../../../img/activity/2yvn8klu/keyRecord2.png);
  background-size: 100% 100%;
}

.keyRecord2 .lay_content {
  margin-top: 181px;
}

.keyRecord2 .lay_close {
  font-size: 25px;
  top: 61px;
  right: 62px;
  opacity: 0;
}

.tablePagesize2 {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  height: 340px;
  line-height: 32px;
}

.tablePagesize2 .itemClass {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding-left: 122px;
}

.tablePagesize2 .itemClass span {
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  display: block;
  text-align: center;
}

.tablePagesize2 .itemClass .one {
  width: 309px;
}

.tablePagesize2 .itemClass .two {
  width: 230px;
  padding: 0 10px;
}

.tablePagesize2 .itemClass .three {
  width: 230px;
}

#pages2 {
  text-align: center;
  width: 508px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0)
}

#pages2 .layui-laypage a {
  background-color: transparent;
  border: none;
  color: #fff !important;
}

#pages2 .layui-disabled {
  color: #fff !important;
}

/* 钥匙记录弹框 end*/

/* 暂存箱 */
.openBoxPage {
  background: url(../../../img/activity/2yvn8klu/temporary-box-bg.png)no-repeat center !important;
  background-size: 100% 100%;
}

.openBoxPage .lay_content {
  margin-top: 100px !important;
}

.openBoxPage .lay_close {
  font-size: 25px;
  top: 61px;
  right: 62px;
  opacity: 0;
}

.openBoxPage .openBoxPage-con {
  width: 915px;
  margin: 0 auto;
  display: flex !important;
  flex-direction: column;
  align-items: center;
}

.openBoxPage .openBoxPage-content {
  display: flex;
  flex-wrap: wrap;
  height: 305px;
  width: 100%;
  /* padding: 0 63px; */
  overflow-x: hidden;
}

.openBoxPage .openBoxPage-content img {
  width: 256px;
  height: 134px;
  padding: 5px;
  margin: 10px 23px;
}

.openBoxPage .openBoxPage-content img.selected {
  background-image: url(../../../img/activity/2yvn8klu/twy_trun2.png);
  background-size: 256px 134px;
  z-index: 100;
  position: relative;
}

/* 修改垂直滚动条 */
.openBoxPage .openBoxPage-content::-webkit-scrollbar {
  width: 8px;
  /* 修改宽度 */

}

/* 修改滚动条轨道背景色 */
.openBoxPage .openBoxPage-content::-webkit-scrollbar-track {
  background-color: #fff4ef;
  border-radius: 5px;
}

/* 修改滚动条滑块颜色 */
.openBoxPage .openBoxPage-content::-webkit-scrollbar-thumb {
  background-color: #fd8700;
  border-radius: 5px;
}

/* 修改滚动条滑块悬停时的颜色 */
.openBoxPage .openBoxPage-content::-webkit-scrollbar-thumb:hover {
  background-color: #fd8700;
}

.openBoxPage .openBoxPage-btn {
  margin-top: 20px;
  width: 504px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.openBoxPage .openBoxPage-btn a {
  display: inline-block;
  width: 124px;
  height: 45px;
  background: url(../../../img/activity/2yvn8klu/temporary-box-btn.png)no-repeat;
}

.openBoxPage .openBoxPage-btn a:nth-child(2) {
  background-position-x: -308px;
}

.getPropPage {
  background-color: #84bbf5;
  color: #fff;
  border-radius: 8px;
}

.skin_form .lay_content{
  margin: 0 !important;
}