/*
* 活动用 变量
*/
.national-day-header[data-v-433741a1] {
  width: 100%;
  min-height: 2.746667rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#f3bc7c), to(#fcf7cf));
  background: linear-gradient(0deg, #f3bc7c 0%, #fcf7cf 100%);
  border: 0.106667rem solid #e24d34;
  margin-top: 1.813333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 0.213333rem 0.346667rem 0.186667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.266667rem;
}
.national-day-header .time-container[data-v-433741a1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.266667rem;
}
.national-day-header .time-container .title[data-v-433741a1] {
  color: #ba2b07;
  font-size: 0.373333rem;
  font-weight: 600;
}
.national-day-header .time-container .text[data-v-433741a1] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.08rem 0.266667rem;
  color: #fff9e3;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: -webkit-gradient(linear, left top, left bottom, from(#e02a1c), to(#ff812b));
  background: linear-gradient(180deg, #e02a1c 0%, #ff812b 100%);
  border-radius: 1.013333rem;
  font-weight: 600;
  margin-top: 0.133333rem;
  font-size: 0.373333rem;
}
.national-day-header .line[data-v-433741a1] {
  width: 0.026667rem;
  height: 1.12rem;
  background: #ab4400;
}
/*
* 活动用 变量
*/
.national-day-content[data-v-32623358] {
  width: 100%;
  margin: 0.693333rem auto 0;
  padding: 0.266667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffecd6;
  font-weight: 600;
  font-size: 0.426667rem;
  background: url(../img/content-bg.0e87d61d.png);
  background-size: 100% 100%;
  border-radius: 0.266667rem;
}
/*
* 活动用 变量
*/
.national-day-rules[data-v-7a6d984f] {
  width: 100%;
  margin: 0.32rem auto 0;
}
.national-day-rules .rules[data-v-7a6d984f] {
  text-align: justify;
  font-weight: 500;
  font-size: 0.373333rem;
  line-height: 0.613333rem;
  color: #ffeabb;
}
/*
* 活动用 变量
*/
.national-day-daily-mission[data-v-630fe260] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.266667rem;
}
.national-day-daily-mission .price-class-selection[data-v-630fe260] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
}
.national-day-daily-mission .price-class-selection.center[data-v-630fe260] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.national-day-daily-mission .price-class-selection .selection[data-v-630fe260] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 5.653333rem;
  height: 1.706667rem;
  margin-right: 0.16rem;
  border: 0.053333rem solid #ffffd7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#7c1710), to(#c02418));
  background: linear-gradient(180deg, #7c1710 0%, #c02418 100%);
  color: #fff0c3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.533333rem;
}
.national-day-daily-mission .price-class-selection .selection .title[data-v-630fe260] {
  font-size: 0.426667rem;
  font-weight: 500;
}
.national-day-daily-mission .price-class-selection .selection .text[data-v-630fe260] {
  font-size: 0.373333rem;
}
.national-day-daily-mission .price-class-selection .selection.isActive[data-v-630fe260] {
  color: #a6231a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd686), to(#ffffd7));
  background: linear-gradient(180deg, #ffd686 0%, #ffffd7 100%);
}
.national-day-daily-mission .table[data-v-630fe260] {
  border-radius: 0.266667rem;
  overflow: scroll;
  margin-top: 0.266667rem;
}
.national-day-daily-mission .table .row[data-v-630fe260] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.national-day-daily-mission .table .row .th[data-v-630fe260] {
  height: 1.306667rem;
  background: #971106;
  min-width: 0;
  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;
  color: #ffffd7;
  font-weight: 600;
  font-size: 0.426667rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4.8rem;
  flex: 0 0 4.8rem;
}
.national-day-daily-mission .table .row:nth-child(even) .td[data-v-630fe260] {
  background: #fffaec;
}
.national-day-daily-mission .table .row:last-child .td[data-v-630fe260]:first-child {
  border-bottom-left-radius: 0.266667rem;
}
.national-day-daily-mission .table .row:last-child .td[data-v-630fe260]:last-child {
  border-bottom-right-radius: 0.266667rem;
}
.national-day-daily-mission .table .row .td[data-v-630fe260] {
  min-height: 1.093333rem;
  background: #ffedd5;
  color: #954800;
  font-weight: 500;
  font-size: 0.373333rem;
  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;
  padding: 0.08rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4.8rem;
  flex: 0 0 4.8rem;
  border-right: 0.026667rem solid #d8beb1;
  word-wrap: break-word;
  text-wrap: wrap;
}
.national-day-daily-mission .table .row .td[data-v-630fe260]:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #954800;
}
.national-day-daily-mission .table .row .td:nth-child(2) .mission[data-v-630fe260] {
  height: 100%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.national-day-daily-mission .table .row .td:nth-child(2) .mission .mission-award[data-v-630fe260] {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #b58559;
}
.national-day-daily-mission .table .row .td:nth-child(2) .mission[data-v-630fe260]:nth-child(2) {
  border-left: 0.026667rem solid #dece93;
  border-right: 0.026667rem solid #dece93;
}
.national-day-daily-mission .table .row .td[data-v-630fe260]:last-child {
  border: none;
}
.national-day-daily-mission .table .row .td .button[data-v-630fe260] {
  width: 2.88rem;
  height: 0.96rem;
  border-radius: 0.933333rem;
  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;
  background: #e7d4b7;
  color: #fff;
}
.national-day-daily-mission .table .row .td .button.active[data-v-630fe260] {
  color: #fff9e3;
  background: -webkit-gradient(linear, left top, left bottom, from(#e02a1c), to(#ff812b));
  background: linear-gradient(180deg, #e02a1c 0%, #ff812b 100%);
}
.national-day-daily-mission .info-text[data-v-630fe260] {
  text-align: center;
  font-size: 0.373333rem;
  font-weight: 600;
  color: #ffecd6;
  white-space: pre;
  margin-top: 0.266667rem;
}
/*
* 活动用 变量
*/
.national-day-mission-puzzle[data-v-536d8dd3] {
  width: 100%;
  margin: 0.266667rem auto 0;
  border: 0.026667rem solid #eea571;
  padding: 0.266667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.533333rem;
}
.national-day-mission-puzzle .puzzle-container[data-v-536d8dd3] {
  width: 100%;
  min-height: 27.2rem;
  margin: 0.266667rem auto 0;
  padding: 0.64rem 1.12rem 0.533333rem 0.826667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/puzzle-background.55dfc313.png);
  background-size: 100% 100%;
}
.national-day-mission-puzzle .puzzle-container .puzzle-wrap[data-v-536d8dd3] {
  margin-bottom: 0.426667rem;
}
.national-day-mission-puzzle .puzzle-container .puzzle-wrap .puzzle-card[data-v-536d8dd3] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.853333rem;
  flex: 0 0 6.853333rem;
  height: 3.92rem;
  min-width: 0;
  border-radius: 0.32rem;
  padding: 0.106667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
}
.national-day-mission-puzzle .puzzle-container .puzzle-wrap .puzzle-card .puzzle[data-v-536d8dd3] {
  width: 100%;
  height: 100%;
}
.national-day-mission-puzzle .puzzle-container .puzzle-wrap .puzzle-name[data-v-536d8dd3] {
  margin-top: 0.213333rem;
  min-width: 3.013333rem;
  height: 0.693333rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.533333rem;
  color: #a6231a;
  font-weight: 500;
  font-size: 0.426667rem;
  background: -webkit-gradient(linear, left top, right top, from(#ffd49e), color-stop(50%, #ffffd7), to(#ffd49e));
  background: linear-gradient(90deg, #ffd49e 0%, #ffffd7 50%, #ffd49e 100%);
  padding: 0.053333rem 0.826667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.national-day-mission-puzzle .puzzle-container .puzzle-wrap[data-v-536d8dd3]:last-child {
  margin-bottom: 0;
}
.national-day-mission-puzzle .button[data-v-536d8dd3] {
  width: 4.32rem;
  height: 1.013333rem;
  border-radius: 0.533333rem;
  margin: 0.453333rem auto 0;
  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;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffd49e), to(#ffffd7));
  background: linear-gradient(0deg, #ffd49e 0%, #ffffd7 100%);
  color: #a6231a;
  opacity: 0.5;
  font-weight: 600;
  font-size: 0.373333rem;
}
.national-day-mission-puzzle .button.active[data-v-536d8dd3] {
  background: -webkit-gradient(linear, left bottom, left top, from(#ffd49e), to(#ffffd7));
  background: linear-gradient(0deg, #ffd49e 0%, #ffffd7 100%);
  cursor: pointer;
  opacity: 1;
}
.national-day-mission-puzzle .puzzle-text[data-v-536d8dd3] {
  margin: 0.266667rem auto 0;
  color: #ffeabb;
  font-weight: 400;
  font-size: 0.373333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*
* 活动用 变量
*/
.national-day-common-prize-dialog[data-v-3c7f030d] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000080;
}
.national-day-common-prize-dialog .modal-container[data-v-3c7f030d] {
  width: 8.72rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99;
  border-radius: 0.213333rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#df4532), to(#cf3421));
  background: linear-gradient(180deg, #df4532 0%, #cf3421 100%);
  padding: 0.266667rem 0.32rem 0.32rem;
}
.national-day-common-prize-dialog .modal-container .top[data-v-3c7f030d] {
  width: 100%;
  height: 1.2rem;
  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;
  font-family: 'PingFang SC';
  font-weight: 600;
  font-size: 0.64rem;
  color: #ffeeca;
  position: relative;
}
.national-day-common-prize-dialog .modal-container .top .close-btn[data-v-3c7f030d] {
  position: absolute;
  cursor: pointer;
  right: 0;
}
.national-day-common-prize-dialog .modal-container .bottom[data-v-3c7f030d] {
  min-height: 6.026667rem;
  width: 100%;
  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;
  padding: 0.533333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 0.48rem;
  color: #a7570d;
  background: #fffaec;
  border-radius: 0.213333rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.national-day-common-prize-dialog .modal-container .bottom .text[data-v-3c7f030d] {
  color: #b9702b;
  font-size: 0.426667rem;
  font-weight: 600;
  white-space: pre;
  margin-top: 0.16rem;
}
/*
* 活动用 变量
*/
.national-day[data-v-a7f48ca2] {
  width: 100%;
  min-height: 100vh;
  padding-bottom: 2.293333rem;
  position: relative;
  background-color: #ac261b;
}
.national-day .banner[data-v-a7f48ca2] {
  width: 100%;
  display: block;
  position: relative;
}
.national-day .container[data-v-a7f48ca2] {
  width: 9.333333rem;
  margin: -45% auto 0;
  position: relative;
}
.national-day .container .login[data-v-a7f48ca2] {
  font-weight: 600;
  font-size: 0.373333rem;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.053333rem 0.533333rem;
  border-radius: 1.013333rem;
  background: #00000080;
}
.national-day .container .title-img[data-v-a7f48ca2] {
  height: 1.066667rem;
  margin-top: 0.666667rem;
}
.national-day .container .title-text[data-v-a7f48ca2] {
  font-size: 0.373333rem;
  font-weight: 600;
  text-align: center;
  color: #ffecd6;
  margin-top: 0.08rem;
}
.national-day .container .sub-title[data-v-a7f48ca2] {
  color: #ffecd6;
  font-weight: 600;
  font-size: 0.373333rem;
}
.national-day .container .sub-title.red[data-v-a7f48ca2] {
  color: #d1402e;
}