.content{
		padding-bottom: 254rpx;
		background-color: #F5F7FAFF !important;
			position: relative;
}
.flex{
	display: flex;
    flex-flow: row wrap;
}
.my-head{
	background-color: #34026B;
	padding: 26rpx 26rpx;
}
.my-info{

}
.my-a{
	display: flex;
}
.my-img{
	width: 76rpx;
	height: 76rpx;
}
.my-img image{
	width: 100%;
	height: 100%;
}
.my-nameid{
margin-left: 24rpx;
}
.my-name{
	color: #fff;
	font-size: 36rpx;
}
.my-id{
	margin-right: 20rpx;
	color: rgba(255,255,255,.5);
	font-size: 28rpx;
}
.my-b{
	margin-top: 26rpx;
}
.my-tel{
	color: #fff;
	font-size: 27rpx;
	text-transform: capitalize;
}
	
.my-bal{
	color: #fff;
	font-size: 27rpx;
	text-transform: capitalize;
	align-items: center;
	margin-top: 24rpx;
}
.my-ap{
	width: 118rpx;
	line-height: 44rpx;
	background-color: #491C7AFF;
	border-radius: 16rpx;
	text-align: center;
	margin-left: 26rpx;
}
.my-c{
	margin-top: 26rpx;
}
.my-btn1{
	width: 188rpx;
	line-height: 72rpx;
	background-color: #954DE3;
	border-radius: 16rpx;
	text-align: center;
	font-size: 28rpx;
	color: #fff;
	text-transform: capitalize;
}
.my-btn2{
		font-size: 28rpx;
	width: 312rpx;
	line-height: 72rpx;
	background-color: #954DE3;
	border-radius: 16rpx;
	text-align: center;
	margin-left: 26rpx;
	text-transform: capitalize;
	color: #fff;
}
.my-body{
	background-color: #FFFFFF;
}
.my-body-item{
	width: 100%;
	line-height: 108rpx;
	border-bottom: 2rpx solid #F5F7FA;
	color: #303133FF;
	font-size: 30rpx;
	text-transform: capitalize;
	position: relative;
	padding: 0 36rpx;
}
.my-body-item:last-child{
	border-bottom: none;
}
.erji{
	max-height: 0;
	    height: auto;
	    overflow: hidden;
	    transition: all .5s;
	    opacity: 0;
	padding: 0 36rpx;
	background-color: #F8F8F8;
}
.activeErji .erji{
	opacity: 1;
	max-height: 600rpx;
}
.erji .text{
	line-height: 90rpx;
	font-size: 30rpx;
	color: #000000;
}
.my-body-item::before{
	content: '';
	width: 28rpx;
	transition: .5s all;
	height: 28rpx;
	background: url(../../../static/home/top_icon_ins.png)no-repeat;
	position: absolute;
	right: 50rpx;
	top: 50%;
	transform: translateY(-50%);
}
.activeErji .my-body-item::before{
	transform: translateY(-50%) rotate(90deg);
}
.my-body-out{
	text-align: center;
	color: #303133FF;
	font-size: 32rpx;
	background-color: #fff;
	text-transform: capitalize;
	line-height: 108rpx;
	margin-top: 48rpx;
}
.my-bg{
	background-color: #F5F7FA;
}

	.title{
		text-transform: capitalize;
		font-size: 36rpx;
		color: #303133;
		text-align: center;
	}
	.cancel{
		width: 50%;
		text-align: center;
		text-transform: capitalize;
		font-size: 32rpx;
		line-height: 108rpx;
	}
	.body_item_info{
		font-size: 28rpx;
		color: #606266;
		text-transform: capitalize;
		margin-top: 28rpx;
		margin-bottom: 20rpx;
	}
	.body_item input{
		height: 96rpx;
		line-height: 96rpx;
		border-bottom: 2rpx solid #EDEFF2;
	}
.tc{
		width: 600rpx;
	   background-color: #fff;
	   border-radius: 24rpx;
	   	   padding-top: 48rpx;
		   position: fixed;
		   top: 50%;
		   left: 50%;
		   transform: translate(-50%,-50%);
		   z-index: 999;
	}
	.tc_body{
		padding: 48rpx 36rpx;
		width: auto;
		display: table;
		margin: 0 auto;
	}
	.pupler{
		color: #954DE3FF;
	}