.content{
	position: relative;
	height: 1264rpx;
}
.prore_lev{
display: flex;
justify-content: space-around;
align-items: center;
}
.level{
	color: #909399;
	font-size: 32rpx;
	line-height: 96rpx;
	position: relative;
}
.level::after{
	content: '';
	    width: 0%;
	    height: 4rpx;
	    border-radius: 4px;
	    background: #34026B;
	    position: absolute;
	    left: 50%;
	    bottom: 0px;
	    transform: translateX(-50%);
	    transition: all .5s;
}
.on{
	color: #34026B;
}
.on::after{
	width: 200rpx;
	
}
.prore_body{
	position: relative;
}

.noRes{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.noRes .imgcon{
	width: 72rpx;
	height: 72rpx;
	margin: 0 auto;
}
.noRes .imgcon image{
	width: 100%;
	height: 100%;
}
.noRes .res{
	text-align: center;
	color: #BFC2CC;
	font-size: 28rpx;
	margin-top: 24rpx;
}



.record_body{
	padding: 0 36rpx;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.record_item{
	height: 144rpx;
}
.numcon .img1{
	width: 40rpx;
	height: 40rpx;
}
.num{
	margin-left: 20rpx;
}
.rec{
	color: #303133;
	font-size: 32rpx;
}
.cpay{
	color: #909399;
	font-size: 28rpx;
}
.time{
	color: #909399;
	font-size: 28rpx;
}
.Nop1{
	color: #303133;
	font-size: 32rpx;
}
.Nop2{
	color: #909399;
	font-size: 28rpx;
}
.money{
	color: #00B977;
	font-size: 32rpx;
	text-align: right;
}
.nickname{
	text-align: right;
	color: #909399;
	font-size: 28rpx;
}