mili_mini/pages/mine/mine.wxss

/* 用户头像名字 */
page {
	background-color:  #F2F2F6;
}
.my_userinfo {
	height: 136rpx;
	width: 136rpx;
	display: flex;
	margin-top: 128rpx;
	margin-left: 78rpx;
	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  {
	font-size: 40rpx;
	font-weight: 500;
	line-height: 170rpx;
	width: 322rpx;
	color: thistle;
}
.name {
	width: 144rpx;
	height: 36rpx;
	margin-left: 0rpx;
	margin-top: 0rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	color: #FFFFFF;
}

.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 {
	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: 192rpx;
	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;
}

/* 设置用户状态 */
.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;
}
.head_page {
	width: 790rpx;
	height: 402rpx;
	left: 0rpx;
	top: 0rpx;
	background: linear-gradient(330.87deg, #0880FF 17.85%, #3999FF 87.23%);
	border-radius: 0 0 13% 13%;  
}
.v_show {
	width: 686rpx;
	height: 134rpx;
	left: 32rpx;
	background: #FFFFFF;
	box-shadow: 0px 8rpx 16rpx rgba(204, 204, 216, 0.56);
	border-radius: 32rpx;
	display: flex;
	margin-top: -70rpx;
}
.show_lef {
	width: 96rpx;
	height: 70rpx;
	margin-left: 66rpx;
	margin-top: 32rpx;
}
.show_title {
	width: 96rpx;
	height: 30rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 40rpx;
	line-height: 30rpx;
	text-align: center;
	color: #000000;
}
.show_content {
	width: 96rpx;
	height: 24rpx;
	margin-top: 16rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 24rpx;
	text-align: center;
	color: #999999;
}
.show_line {
	margin-left: 66rpx;
	float:left;
	margin-top: 32rpx;
	width: 2rpx;
	height: 70rpx;
	background:#CCCCD8;
}
.mine_items {
	width: 100%;
	margin-top: 70rpx;
}
.mitem {
	width: 622rpx;
	margin-right: 64rpx;
	margin-left: 64rpx;
	display: flex;
	margin-bottom: 64rpx;
}
.item_icon {
	width: 40rpx;
	height: 40rpx;
}
.item_title {
	width: 158rpx;
	height: 40rpx;
	margin-left: 24rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 28rpx;
	line-height: 40rpx;
	color: #000000;
}
.item_context {
	width: 122rpx;
	height: 40rpx;
	margin-left: 236rpx;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: normal;
	font-size: 28rpx;
	line-height: 40rpx;
	text-align: right;
	color: #999999;
}
.item_right {
	width: 18rpx;
	height: 28rpx;
	margin-left: 28rpx;
	margin-top: 8rpx;
}
.item_right2 {
	width: 18rpx;
	height: 28rpx;
	margin-left: 370rpx;
	margin-top: 8rpx;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
}
.trolley-show-box {
	display: flex;
	flex-direction: column;
	border-radius: 32rpx;
	background: #ffffff;
	height: 200rpx;
	width: 92%;
	position: fixed;
	z-index: 99;
	left: 32rpx;
	margin-top: 480rpx;
}
.link-top {
	margin-left: 4%;
	width: 90%;
	height: 1px;
	border-top: solid #ACC0D8 1px;
}
.phone1 {
	margin-left: 30rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 40rpx;
	height: 90rpx;
	color: #33333F;
	line-height: 94rpx;
}