body{
  	
  }
  .container{
    width: calc(100% - 0rem);
    min-height: 100vh;
    background: url(../img/bg.jpg) no-repeat #FFFFFF;
    background-size: 100% auto;
    padding: 0 .2rem;
    max-width: 750px !important;
    margin: 0 auto;
    font-size: .28rem;
    overflow: hidden;
  }
 
  img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
 
 
  .lottery_box{
    background-color: #fff;
    padding: .2rem;
    margin-top: .2rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: .24rem;overflow: hidden;box-shadow: 0px 4px 5px #ccc;
  }
 .tab-links{
    display: flex;
    justify-content: space-between;
  }
  .tab-links a{width: 100%}
  .l-header{
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
  }
  .l-footer{
    margin-top: .12rem;
    color: #136936;
    text-align: center;
  }
  .tab-content {
   
  }
  .tab-content .lottery-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .tab-content .lottery-area .number{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .2rem;
  }
  .tab-content .lottery-area .number div{
    width: .6rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    font-weight: bolder;
    margin-bottom: .1rem;
  }
  .tab-content .lottery-area .number2>div{
    background: url('../img/blue.png') no-repeat;
    background-size: cover;
  }
  .tab-content .lottery-area .number3>div{
    background: url('../img/green.png') no-repeat;
    background-size: cover;
  }
  .tab-content .lottery-area .number1>div{
    background: url('../img/red.png') no-repeat;
    background-size: cover;
  }
  .tab-links li{
    display: flex;
border-radius: 10px;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0.2rem 0rem;
font-weight: bold;
width: 2.2rem;
font-weight: bold;
color: #606060;
position: relative;
background: linear-gradient(to bottom, #E5E5E5, #FEFEFE);;position: relative;
flex: 1;
margin-right: 10px;
  }
  .tab-links li:last-child() {
      margin-right: 0;
  }
  .tab-links li img{
    width: .56rem;
    height: .18rem;
    display: none;
  }
  .tab-links .active{
    background: #FEFEFE;color: #C11E40
  }
  .tab-links .active .down-triangle{
       display: block;
   }
    .down-triangle {
    width: 0;display: none;
    height: 0;
    border-left: 0.15rem solid transparent;
border-right: 0.15rem solid transparent;
border-top: 0.2rem solid #FEFEFE;
    position: absolute;
    bottom: -0.15rem;
	left:1.05rem;
  }

  .box1{
  	border-radius: 10px;background: #fff;margin-top: 15px;background: #fff;overflow: hidden;box-shadow: 0px 4px 5px #ccc;
  }
  .notice{padding: 0.1rem 0.2rem;display: flex;background: #FEF2E6}
  .tb{
  	padding-bottom: 20px;
  }
  .tb ul{display: flex;justify-content: space-between;padding: 10px 20px;}
  .tb li{text-align: center;font-size: 0.24rem;margin-bottom: 0.2rem;}
  .tb li img{
		width: 1.2rem;
  }

  .list ul{padding: 0.15rem 0.2rem;}
  .list li{text-align: left;font-size: 0.24rem;padding: 0.1rem 0.05rem;border-bottom: 1px solid #ccc;}
  .list li img{
		width: 1.2rem;
  }
.li_tabs{padding-bottom: 0;background: #FEF2E6}
.li_tabs ul{display: flex;justify-content: space-between;padding: 0 0.25rem}
.li_tabs li{text-align: center;font-size: 0.28rem;font-weight: bold;position: relative;padding: 10px 0;}
.li_tabs li span{
	width: 0.35rem;
	height: 3px;
	background: #AB3B43;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 30%;
}
.li_tabs .active{color: #AB3B43;}


.pop{
 display: flex;
justify-content: space-between;
align-content: center;
align-items: center;background: linear-gradient(180deg,#D91B27,#DA3E42),#fff;
 border-radius: 24px;padding: 0.05rem 0.2rem;color: #fff;

}
.p-left {
  border-radius: 24px;
  color: #333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.p-left span {
  font-weight: 400;
display: flex;
align-items: center;
padding: 0.05rem 0.2rem;
color: #fff;
margin-left: 0.2rem;
border-radius: 24px;
background: linear-gradient(180deg,#D91B27,#DA3E42),#fff;
}
.p-left {
  color: #fff;
  font-weight: 700;
}
.p-left span {
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 0.05rem 0.2rem;
  color: #fff;
  margin-left: 0.2rem;
  border-radius: 24px;
  background: linear-gradient(180deg,#D91B27,#DA3E42),#fff;
}
.tc {
  position: fixed;top: 0;background: #fff;padding: 0.1rem;box-shadow: 1px 1px 10px #ccc;border-radius: 5px;
  display: none;
}
.tc li{padding: 0.2rem 0.2rem;text-align: center;cursor: pointer;}
.arrow {
  width: 0;
    height: 0;
    border-left: 0.15rem solid transparent;
    border-right: 0.15rem solid transparent;
    border-bottom: 0.2rem solid #FEFEFE;
    position: absolute;
    top: -0.15rem;
    left:0.6rem;

}