zx_flk_app/pages/my/my.css

.container-view {
	background-color: #ffffff;
	height: 100vh;
}

.user {
	/* background: url('https://qiniu.bms16.com/FjTiZgePOrZrT7OWtRHqv_Y6SG6F'); */
	background: #C2DEFF;
	padding: 64rpx 40rpx 60rpx 40rpx;
}

.user-img {
	width: 144rpx;
	height: 144rpx;
	border-radius: 50%;
	border: 4rpx solid #ffffff;
}

.head_img {
	border-radius: 50%;
	width: 144rpx;
	height: 144rpx;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0 auto;
	line-height: 1;
}

.user-information {
	/* margin-left: 24rpx; */
}

.user-phone,
.user-login {
	font-size: 48rpx;
	font-weight: bold;
	color: #2A3A5A;
	margin-bottom: 16rpx;
	margin-top: 20rpx;
}

.user-status {
	border: 2rpx solid #626E86;
	color: #626E86;
	font-size: 24rpx;
	border-radius: 24rpx;
	width: 144rpx;
	text-align: center;
	padding: 12rpx 0;
}

.ok-status {
	color: #2A3A5A;
	font-size: 28rpx;
	font-weight: bold;
}

.ok-status > img {
	width: 40rpx;
	height: 40rpx;
	margin-left: 12rpx;
	vertical-align: middle;
}

.my-vip {
	position: relative;
	width: 670rpx;
	height: 104rpx;
	margin-top: 40rpx;
	background: url('https://qiniu.bms16.com/FgFCmXNIafwuy0KIxhS_iOTeStLT') no-repeat;
	background-size: cover;
	
}

.vip-text {
	color: #ffffff;
	font-size: 28rpx;
	position: absolute;
	top: 38rpx;
	left: 144rpx;
}

.activate-vip {
	position: absolute;
	top: 24rpx;
	right: 32rpx;
	background: linear-gradient( to right, #FFE5A5 0%, #FFC76C 100%);
	border-radius: 32rpx;
	padding: 16rpx 24rpx;
	font-size: 24rpx;
	color: #2F3248;
	font-weight: bold;
}

.option {
	/* padding: 40rpx 72rpx; */
	padding: 40rpx 35rpx;
}

.option-first {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* display: grid;
	grid-template-columns: repeat(4, 1fr); */
	margin-bottom: 40rpx;
}

.my_function {
  flex: 0 0 25%;
}

.no-button {
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0 auto;
	line-height: 1;
}

.my_icon {
  width: 80rpx;
  height: 80rpx;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
}

.my_title_o {
  width: 100%;
  height: 28rpx;
  line-height: 28rpx;
  margin-top: 12rpx;
  font-size: 28rpx;
  text-align: center;
  vertical-align: middle;
  color: #2A3A5A;
}

.my_title_t {
  width: 100%;
  height: 24rpx;
  line-height: 24rpx;
  margin-top: 8rpx;
  font-size: 24rpx;
  text-align: center;
  vertical-align: middle;
  color: #5B677D;
}

.service-btn {
	padding: 0;
	margin: 0;
}