mili_mini/pages/mine/mine.wxss

/* 用户头像名字 */
.my_userinfo {
	height: 310rpx;
	display: flex;
	padding: 56rpx 56rpx 28rpx;
	box-sizing: border-box;
}

.my_userinfo_blue {
	height: 310rpx;
	/* display: flex; */
	padding: 10rpx 56rpx 0;
	box-sizing: border-box;
	background: #00C7C6;
}

.my_userinfo .avatar {
	margin-right: 40rpx;
}

.my_userinfo .avatar image {
	width: 170rpx;
	height: 170rpx;
	border-radius: 200rpx;
}

.my_userinfo .name {
	font-size: 40rpx;
	font-weight: 500;
	line-height: 170rpx;
	width: 322rpx;
}

.userinfo_box {
	display: flex;
}



.my_userinfo_blue .avatar {
	margin-right: 40rpx;
	height: 136rpx;
}

.my_userinfo_blue .avatar image {
	width: 136rpx;
	height: 136rpx;
	border-radius: 200rpx;
}

.my_userinfo_blue .name {
	font-size: 40rpx;
	font-weight: 500;
	line-height: 136rpx;
	height: 136rpx;
	width: 322rpx;
	color: #FFFFFF;
}

.my_userinfo_blue .qrcode {
	width: 48rpx;
	height: 48rpx;
	position: absolute;
	top: 56rpx;
	right: 80rpx;
}

.my_userinfo_blue .phoneauth {
	height: 60rpx;
	width: 150rpx;
	position: absolute;
	top: 50rpx;
	right: 0;
}

.my_userinfo .phoneauth {
	height: 60rpx;
	width: 150rpx;
	position: absolute;
	top: 112rpx;
	right: 0;
}
.vipcont {
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	padding: 32rpx 32rpx 0;
}

.vipcont .list {
	text-align: center;
}

.vipcont .list .count {
	font-size: 34rpx;
	line-height: 34rpx;
	margin-bottom: 16rpx;
}

.vipcont .list .text {}

/* 设置用户状态 */
.set_status {
	display: flex;
	align-items: center;
	height: 72rpx;
	background: #F9F9F9;
	box-shadow: 0px 0px 14rpx 0px #BABABA;
	border-radius: 36rpx;
	width: 670rpx;
	position: absolute;
	top: 276rpx;
	left: 50%;
	transform: translate(-50%);
}

.set_status .status_title {
	font-weight: 500;
	color: #484848;
	margin-left: 88rpx;
	flex: auto;
}

.set_status image {
	width: 28rpx;
	height: 28rpx;
	text-align: right;
	margin-right: 45rpx;
}

.mineall {
	width: 100%;
	background-color: #ffffff;
	flex-direction: column;
	line-height: 34rpx;
	margin-top: 52rpx;
}

.minelist {
	width: 100%;
	height: 104rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.minelistleft {
	flex: 23
}

.minelisticon {
	flex: 24;
	text-align: right;
}

.minelistnameleft {
	flex: 13
}

.minelistname {
	flex: 259;
	color: #000000;
	font-size: 28rpx;
	text-align: left;
}

.minelistright {
	flex: 56;
	text-align: left;
	margin-top: 4rpx;
}

.imglisticon {
	height: 48rpx;
	width: 48rpx;
	vertical-align: middle;
}

.imgaboutus {
	margin-top: 9rpx;
	height: 45rpx;
	width: 45rpx;
}

.imglistright {
	width: 28rpx;
	height: 28rpx;
	text-align: right;
	margin-right: 64rpx;
}

.line {
	margin-top: 24rpx;
	width: 93.5%;
	height: 2rpx;
	margin-left: 6.5%;
	background-color: #f8f8f8;
}

.flexsgrade {
	width: 32%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.flexmineedit {
	width: 33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.sgrade {
	margin-top: -348rpx;
	width: 64rpx;
	height: 64rpx;
}

.mineedit {
	margin-top: -108rpx;
	width: 54rpx;
	height: 54rpx;
}

.txtphone {
	margin-top: 40rpx;
	width: 100%;
	height: 55rpx;
	color: #000000;
	font-size: 36rpx;
	font-weight: Bold;
}

.endbottomm {
	height: 50rpx;
}

/* .load {
	width: 100%;
	height: 2400rpx;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: #ffffff;
	text-align: center;
	line-height: 1300rpx;
}

.loadimg {
	width: 200rpx;
	height: 200rpx;
} */
.hide_title {
	color: #000000;
	font-size: 28rpx;
}

.hide_title span {
	font-size: 40rpx;
	line-height: 40rpx;
	color: #00C7C6;
	font-weight: 500;
}