/*
* 活动用 变量
*/
.activity-new-first-survival-time-view {
  position: relative;
  margin: -55% auto 0 auto;
  width: 9.333333rem;
  min-height: 2.346667rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#1c1c4f), to(#263cb2));
  background: linear-gradient(180deg, #1c1c4f 0%, #263cb2 100%);
  -webkit-backdrop-filter: blur(0.68rem);
  backdrop-filter: blur(0.68rem);
  border-radius: 0.266667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.106667rem;
}
.activity-new-first-survival-time-view .login {
  position: absolute;
  top: -50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #00031bcc;
  -webkit-box-shadow: 0 0.106667rem 0.106667rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.106667rem 0.106667rem rgba(0, 0, 0, 0.25);
  padding: 0.08rem 0.4rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.373333rem;
  line-height: 0.533333rem;
  color: #ffffff;
}
.activity-new-first-survival-time-view .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 9.12rem;
  height: 2.453333rem;
  border: 0.026667rem solid #ffce86;
  border-radius: 0.213333rem;
}
.activity-new-first-survival-time-view .expiration-date-view {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.activity-new-first-survival-time-view .expiration-date-view .item-line {
  display: block;
  width: 0.026667rem;
  height: 1.066667rem;
  background-color: #ffce86;
  position: absolute;
  right: 0;
  top: 0.72rem;
  z-index: 9;
}
.activity-new-first-survival-time-view .expiration-date-view .expiration-date-item p:first-child {
  font-size: 0.426667rem;
  font-weight: 600;
  color: #ffce86;
}
.activity-new-first-survival-time-view .expiration-date-view .expiration-date-item p {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #ffffff;
}
.activity-new-first-survival-time-view .expiration-date-view .expiration-date-item p.line {
  line-height: 0.053333rem;
}
/*
* 活动用 变量
*/
.first-survial-active-content-view {
  position: relative;
}
.active-content-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.active-content-table > .globe-desc {
  width: 2.3256rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 0.026667rem solid #e7e7e7;
}
.active-content-table > dl {
  width: 7.007733rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.active-content-table > dl dt,
.active-content-table > dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #00134c;
}
.active-content-table > dl dt > span,
.active-content-table > dl dd > span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #00134c;
  text-align: center;
  line-height: 0.906667rem;
  font-size: 0.32rem;
}
.active-content-table > dl dt > span:nth-child(2),
.active-content-table > dl dd > span:nth-child(2) {
  border-right: 0.026667rem solid #e7e7e7;
  border-left: 0.026667rem solid #e7e7e7;
}
.active-content-table > dl dt > span:last-child,
.active-content-table > dl dd > span:last-child {
  border-bottom-right-radius: 0.16rem;
}
.active-content-table > dl dt:last-child,
.active-content-table > dl dd:last-child {
  border-bottom-right-radius: 0.16rem;
}
.active-content-table > dl .table-dd-bg {
  background-color: #ffffff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 0.026667rem solid #e7e7e7;
  border-bottom-left-radius: 0.16rem;
}
.active-content-table > dl .table-dd-bg p {
  margin: 0 auto;
  padding: 0.413333rem 0;
}
.active-content-table > dl dt .table-title {
  width: 100%;
  height: 1.173333rem;
  font-size: 0.426667rem;
  font-weight: 400;
  color: #ffffff;
  background: linear-gradient(157.43deg, #171b69 14.64%, #2c41d0 85.28%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: pre-line;
}
.active-content-table > dl dt .table-title:nth-child(2) {
  border-right: 0.026667rem solid #e7e7e7;
  border-left: 0.026667rem solid #e7e7e7;
}
.active-content-table > dl dt .table-title:first-child {
  border-top-left-radius: 0.16rem;
}
.active-content-table > dl dt .table-title:last-child {
  border-top-right-radius: 0.16rem;
}
.active-content-table .table-dl dd:nth-child(odd) {
  background-color: #f3f3f3;
}
.active-content-table .table-dl dd:nth-child(even) {
  background-color: #ffffff;
}
/*
* 活动用 变量
*/
.bonus-details-view {
  width: 100%;
  margin-top: 0.426667rem;
}
.bonus-details-table > dl {
  width: 9.333333rem;
  height: auto;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bonus-details-table > dl dt,
.bonus-details-table > dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #331111;
  font-size: 0.32rem;
}
.bonus-details-table > dl dt > span,
.bonus-details-table > dl dd > span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  line-height: 1.12rem;
  font-size: 0.373333rem;
  color: #331111;
  background-color: #fcf4e9;
}
.bonus-details-table > dl dt > span:not(:last-child),
.bonus-details-table > dl dd > span:not(:last-child) {
  border-right: 0.026667rem solid #e7e7e7;
}
.bonus-details-table > dl dt > span > .receive,
.bonus-details-table > dl dd > span > .receive {
  border-radius: 0.106667rem;
  border: none;
  color: #000000;
  background: #e8e4a9;
  width: 1.12rem;
  line-height: 1.12rem;
  font-weight: 400;
}
.bonus-details-table > dl dt:last-child > span:last-child,
.bonus-details-table > dl dd:last-child > span:last-child {
  border-bottom-right-radius: 0.16rem;
}
.bonus-details-table > dl dt:last-child > span:first-child,
.bonus-details-table > dl dd:last-child > span:first-child {
  border-bottom-left-radius: 0.16rem;
}
.bonus-details-table > dl dt .table-title {
  width: 100%;
  min-height: 1.066667rem;
  padding: 0.053333rem 0.106667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #ffffff;
  background: linear-gradient(157.43deg, #171b69 14.64%, #2c41d0 85.28%);
}
.bonus-details-table > dl dt .table-title:not(:last-child) {
  border-right: 0.026667rem solid #e7e7e7;
}
.bonus-details-table > dl dt .table-title:first-child {
  border-top-left-radius: 0.16rem;
}
.bonus-details-table > dl dt .table-title:last-child {
  border-top-right-radius: 0.16rem;
}
/*
* 活动用 变量
*/
.instructions-view {
  padding: 0 0.586667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.426667rem;
}
.instructions-title {
  margin-bottom: 0.213333rem;
}
.instructions-title img {
  width: 2.026667rem;
  height: 0.48rem;
}
.instructions-text > dl dd {
  font-size: 0.373333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.133333rem;
}
.instructions-text > dl dd > p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  text-align: left;
}
.instructions-text > dl dd > span {
  font-size: 0.373333rem;
  color: #fff;
  line-height: 0.56rem;
}
/*
* 活动用 变量
*/
.first-survival-view[data-v-e25b95da] {
  width: 100vw;
  min-height: 100vh;
  background-color: #0b0b1e;
  padding-bottom: 0.533333rem;
  overflow: hidden;
}
.first-survival-view .activity-container-banner img[data-v-e25b95da] {
  width: 100%;
  display: block;
}
.first-survival-view[data-v-e25b95da]  .survial-title {
  background: linear-gradient(351.81deg, #e5e5e5 18.98%, #ffffff 93.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0.266667rem;
  font-family: HYYakuHei;
  font-size: 0.533333rem;
  font-weight: 900;
  line-height: 0.533333rem;
  text-align: center;
}