.page {
  /* background-color: rgb(208, 17, 25); */
  /* width: 100%;
  height: 100%; */
	/* height: 100%; */
}

.page {
	height: 100vh;
}


.bg-img {
	display: block;
	width: 100%;
	height: 100%;
}

.lumi {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 800rpx;
}

.zindex {
  /* position: absolute; */
  /* z-index: 1;
  width: 100%; */
}

.top {
	box-sizing: border-box;
	height: 1000rpx;
  /* padding-bottom: 75rpx; */
	/* background: url("https://mshopimg.yolipai.net/public/upload/newpeoplegift/temp/2020/09-26/75640123e5ae953e416527134a6fc477.jpg") no-repeat center center;
	background-size: 100% 100%; */
	position: relative;
}

.bg-img {
	width: 100%;
	height: 100%;
}

.btn-get {
	position: absolute;
	width: 100%;
	bottom: 75rpx;
}

.getgift {
  width: 600rpx;
  height: 100rpx;
  padding-top: 60rpx;
}

.excitation {
  padding-top: 30rpx;
  color: rgb(255, 255, 255);
  padding-bottom: 50rpx;
}

.gift {
  width: 550rpx;
  height: 500rpx;
}

.time {
  color: rgb(255, 255, 255);
  margin-bottom: 55rpx;
  /* text-decoration: underline; */
  margin-top: 10rpx;
}

.take {
  width: 440rpx;
  height: 77rpx;
  color: rgb(221, 45, 8);
  background-color: rgb(252, 210, 10);
  border-radius: 45rpx;
  font-weight: 900;
  line-height: 77rpx;
  box-shadow: 0rpx 7rpx 0rpx 0rpx rgba(0, 0, 0, .2);
  font-size: 38rpx;
	
	-webkit-animation: free_download 500ms linear alternate infinite;
	animation: free_download 500ms linear alternate infinite;
}

@-webkit-keyframes free_download{
    0%{-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);}
}
@keyframes free_download{
    0%{transform:scale(0.9);}
    100%{transform:scale(1);}
}

.head {
  border-bottom: 4rpx solid rgb(253, 193, 7);
  color: rgb(255, 255, 255);
  height: 50rpx;
  line-height: 50rpx;
}

.lhead {
  border-top: 4rpx solid rgb(253, 193, 7);
  border-left: 4rpx solid rgb(253, 193, 7);
  border-right: 4rpx solid rgb(253, 193, 7);
  /* width: 290rpx; */
	width: 50%;
  height: 50rpx;
  line-height: 50rpx;
}

.rhead {
  background-color: rgb(253, 193, 7);
  border-bottom: 4rpx solid rgb(253, 193, 7);
}

.items {
  padding-top: 50rpx;
}

.explain {
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
}

.padding {
  /* padding: 0rpx 50rpx; */
}

.content {
  padding-bottom: 35rpx;
}

.width {
  width: 290rpx;
}

.line {
  width: 110rpx;
  border-top: 2rpx solid rgb(255, 255, 255);
}

.loads {
  margin-bottom: 35rpx;
}

.load {
  margin: 0rpx 26rpx;
}

.item {
  margin-bottom: 35rpx;
  display: flex;
  align-items: baseline;
}

.state {
  text-decoration: underline;
}
.nostate{
  color: rgb(195,155,156);
}
.nothing {
  padding: 50rpx 0rpx;
}

.receive {
  padding-bottom: 50rpx;
}
.tesk_list{
  width: 100%;
  max-height: 335rpx;
  overflow: hidden;
  overflow-y:auto;
}


.task-container {
	padding: 40rpx 40rpx 60rpx;
}
.task-content {
	/* background-color: rgba(0,0,0,.3);
	border-bottom-left-radius: 12rpx;
	border-bottom-right-radius: 12rpx; */
}