/* 用户头像名字 */ 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: 4rpx; 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: 168rpx; height: 40rpx; margin-left: 24rpx; font-style: normal; font-weight: bold; font-size: 28rpx; line-height: 40rpx; color: #000000; } .item_context { width: 112rpx; 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; }