#materials {
	min-height: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding: 20rpx 0;
}

#materials .material-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	width: 100%;
	min-height: 80rpx;
	border-top: 2rpx solid #f3f3f3;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-left: 26rpx;
	padding-right: 26rpx;
}

#materials .first {
	border: 0 solid #ddd;
}
#materials .name {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	font-size: 30rpx;
}
#materials .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 150rpx;
	        flex: 0 0 150rpx;
}
#materials .btn {
	background-position: center;
	background-repeat: no-repeat;
}
#materials .btn.view{
	width: 70rpx;
	height: 80rpx;
	margin-left: 15rpx;
	margin-right: 20rpx;
	background-image: url(https://efunimgs.ai160.com/resource/wechat/live/eye.png);
	background-size: 50rpx 25rpx;
}
#materials .btn.collect{
	width: 70rpx;
	height: 80rpx;
	background-image: url(https://efunimgs.ai160.com/resource/wechat/live/collect.png);
	background-size: 45rpx 45rpx;
}
#materials .btn.collected{
	width: 70rpx;
	height: 80rpx;
	background-image: url(https://efunimgs.ai160.com/resource/wechat/live/collected.png);
	background-size: 45rpx 45rpx;
}