.rewardButtons ul{
	margin-bottom:30px;
	display:inline-block;
}

.rewardButtons ul li button{
	width:75px;
	padding-left:0;
	padding-right:0;
}

.rewardButtons .talk p{
	font-size:16px;
}
.rewardButtons .talk{
	margin-bottom:20px;
}
.rewardButtons{
	width:400px;
	margin:0 auto;
	max-width:100%;
	padding:0;
	margin-top:20px;
}

.rewardButtons input[type="number"]{
	width:245px;
	max-width:100%;
	padding:4px;
	margin-bottom:20px;
	margin-right:5px;
}

#floatTip{
	color:#f0ad4e;
	font-weight:bold;
}
#floatTip img{
	width:40px;
	height:40px;
	border-radius:50%;
	margin-right:10px;
	vertical-align:bottom;
}

#floatTip h3{
	display:inline-block;
	font-weight:bold;
	font-size:30px;
	vertical-align:bottom;
	margin-left:20px;
	margin-bottom:-2px;
}

.rewardList div{
	margin-top:10px;
	margin-bottom:10px;
}

.rewardList div:empty{
	display:none;
}

.rewardList{
	
}

.rewardList ul{
	width:240px;
	display:inline-block;
	margin-bottom:20px;
}

.rewardList ul:empty{
	display:none;
}

.rewardList li{
	margin-bottom:10px;
}

.rewardList li img{
	width:30px;
	height:30px;
	border-radius:4px;
}

.RewardInfo{
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.RewardInfo .avatar img {
	height: 2.5rem;
	width: 2.5rem;
}

.RewardInfo .avatar{
	display:inline-block;
	width: 3.5rem;
	vertical-align:middle;
}
.RewardInfo .talkcontent{
	display:inline-block;
	vertical-align:middle;
}
.RewardInfo .talkcontent p{
	margin-left: 10px;
	font-size:20px;
	color:#f0ad4e;
	font-weight:bold;
	background: #F1F1F1;
	border-radius: 10px;
	padding: 0.3rem;
	box-shadow: 1px 2px 5px rgba(0,0,0,.3);
	text-align: left;
	margin-top: 0;
	margin-right: 0.5rem;
}

@media screen and (max-width: 800px){
	.RewardInfo .avatar{
		width:50px;
		max-width:50px;
		min-width:50px;
	}
	.RewardInfo .avatar img {
		height:40px;
		width:40px;
	}
	.rewardButtons ul{
		margin-bottom:10px;
	}
	.rewardButtons{
		margin-top:10px;
	}
	.RewardInfo .talkcontent p{
		margin-left:0;
	}
}