@import "@styles/theme.scss";
.bg{
  width: 750px;
  height: 264px;
}
.topBox{
  width: 750px;
  height: 264px;
  position: absolute;
  left: 0;
  top: 0;
  color:#ffffff;
  .jifen{
    width: 100%;
    text-align: center;
    font-size: 70px;
    margin-top: 50px;
  }
  .tip{
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .ruleBtn{
    position: absolute;
    right: 10px;
    top: 20px;
    .lie{
      width: 24px;
      height: 27px;
      margin-left: 33px;
    }
    .rule{
      font-size: 20px;
    }
  }
}

.chooseBox{
  width: 690px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  Text{
    line-height: 82px;
    height: 82px;
    font-size: 24px;
  }
  .choose{
    font-weight: bold;
    font-size: 30px;
    border-bottom: 5px solid #FF6C03;
  }
}

.list {
  padding: 0 30px;
  margin-top: 20px;
  &-item {
    margin: 20px auto;
		width: 650px;
    display: flex;
    justify-content: space-between;
		.top{
			.title-time{
				font-size:24px;
				color:#cccccc;
        line-height: 40px;
			}
			.title-state{
				color:#000000;
				font-size: 30px;
			}
		}
		.bottom{
			font-size: 30px;
		}
    .coin1{
      color: #FF3B33;
    }
    .coin2{
      color: #33B799;
    }
	}
}

.line{
  width:100%;
  height:20px;
  background:#F2F2F2;
}