.list{
	display: flex;
	justify-content: space-around;
	background: #fff;
}
.list li{
	height: .8rem;
	text-align: center;
}
.list li span{
	font-size: .28rem;
	color: #999;
	display:block;	
	height: 100%;
	line-height: .8rem;
	box-sizing: border-box;
}
.list li .select{
	color: #ffba00;
	border-bottom: .04rem solid #ffba00;
}


.instructions_link{
	position: absolute;
	right: .3rem;
	color: #333;
}
.register_redpacket_list li{
	margin: .28em .3rem 0 .3rem;
	background:no-repeat;
	height: 1.6rem;
	display: flex;
	box-sizing: border-box;
}
.red_left{
	width: 4.8rem;
	height: 100%;
	overflow: hidden;
	float: left;
	position: relative;
	display: -webkit-flex;
	align-items: center;
	color: #fff;
	font-size: 1rem;
}
.red_left img:nth-of-type(2){
	position: absolute;
	left: .5rem;
	width: .58rem;
}
.register_redpacket{
	position: absolute;
	left: .36rem;
	font-size: .2rem;
	top: .08rem;
}
@media only screen and (max-width: 320px) {
	.register_redpacket{
		left: .34rem;
	}
	.red_left img:nth-of-type(2){
		left: .28rem;
	}
	.time_use,.cash_use,.time_slot{
	line-height: .35rem;
	}
}
.register_redpacket h4{
	font-weight: 550;
	font-size: .3rem;
}
.left_photo{
	height: 100%;
	width: 100%;
}
.white_right{
	overflow:hidden ;
	position: relative;
	flex: 1;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	color: #ff5b58;
}
.right_photo{
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
}
.white_right span{
	position: relative;
	font-size: .66rem;
	z-index: 5;
	top: -0.2rem;
	font-weight: 800;
}
.symbol{
	position: absolute;
	z-index: 5;
	right: .12rem;
	top: .12rem;
	font-size: .3rem;
	height: .3rem;
	line-height: .3rem;
}
.time_use,.cash_use,.time_slot{
	line-height: .3rem;
    font-size: .2rem;
}
.time_use{
	margin-top: 0.12rem;
}
.change_photo{
	top:.5rem;
}
.state{
	position: absolute;
	display: block;
	font-size: .26rem;
	color: #ff5b58;
	background: #fff;
	width: 1.3rem;
	height: .56rem;
	text-align: center;
	line-height: .56rem;
	top: .5rem;
	right: .4rem;
}