diancan/pages/shopRole/info/index.wxss

/* pages/shopInfo/index.wxss */
/* 用户信息 */
.userInfo{
	width: 100vw;
	height: 154rpx;
	background:#295C56;
	position: relative;
}
.info{
	padding-left: 40rpx;
	color:#ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.info_l{
	display: flex;
	align-items: center;
}
.thumb_wrap{
	width:106rpx;
	height:106rpx;
	background:rgba(255,255,255,1);
	border-radius:50%;
	position: relative;
}
.thumb{
	width:100rpx;
	height:100rpx;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius:50%;
}
/* .thumb img{
	border-radius:50%;
} */
.icon_vip{
	width:56rpx;
	height:22rpx;
	position: absolute;
	top: 0;
	left: 100rpx;
}
.name_wrap{
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	padding-left: 30rpx;
	width: 440rpx;
}
.name_wrap .name{
	font-size:36rpx;
	width: 100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.name_wrap .tel{
	font-size:30rpx;
	/* padding-left: 20rpx; */
}
.name_wrap .van-icon-arrow{
	font-size: 30rpx;
	padding-left: 10rpx;
}
.tag{
	width:130rpx;
	height:45rpx;
	background: linear-gradient(-90deg,#295C56,rgba(255,255,255,.3));
	border-radius:23rpx 0rpx 0rpx 23rpx;
	font-size:28rpx;
	text-align: right;
	padding-right: 6rpx;
	line-height: 45rpx;
	color: #ffffff;
}
/* 充值 */
.item{
	width:690rpx;
	height:100rpx;
	background:rgba(255,255,255,1);
	box-shadow:0rpx 0rpx 21rpx 0rpx rgba(0, 0, 0, 0.09);
	border-radius:10rpx;
	margin: 30rpx auto 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.item.firstItem{
	margin: -60rpx auto 0;
}
.item .item_l{
	padding-left: 44rpx;
	display: flex;
}
.item .title{
	font-size:32rpx;
	color:rgba(0,0,0,.87);
}
.item .cash{
	color:rgba(213,76,67,1);
	padding-left: 20rpx;
	font-size:36rpx;
	display: flex;
	align-items: baseline;
}
.item .cash .cash_tag{
	font-size:24rpx;
	padding-right: 8rpx;
}
.item .item_r{
	padding-right: 20rpx;
}
.item .item_r.flex{
	display: flex;
	align-items: center;
}
/* 单选框 */
.radioGroup{
	display: flex;
	align-items: center;
}
.van-radio__label{
	margin-left: 10rpx !important;
	line-height: normal !important;
	font-size:28rpx;
	color:rgba(0,0,0,1);
}
.van-radio__icon{
	width:40rpx !important;
	height:40rpx !important;
	border: 0 none !important;
	background:rgba(238,238,238,1);
}
.unactive .van-radio__label{
	color:rgba(0,0,0,.54);
}
.radioGroup .van-radio{
	margin-left: 20rpx;
}
/* 时间选择 */
.time{
	width:213rpx;
	height:50rpx;
	background:rgba(255,255,255,1);
	border:1rpx solid rgba(0,0,0,.12);
	border-radius:10rpx;
	text-align: center;
	color:rgba(89,89,89,1);
}
/* .time{
	margin-left: 42rpx;
}
.time:first-of-type{
	margin-left: 0;
} */
.line{
	width:18rpx;
	height:2rpx;
	background:rgba(0,0,0,.12);
	margin: 0 12rpx;
}
/* 背景上的弧度 */
.bg{
	width: 750rpx;
	height: 34rpx;
	display: block;
}
.square{
	content: "";
	display: block;
	width:26rpx;
	height:26rpx;
	background:rgba(255,255,255,1);
	opacity:0.1;
	border-radius:50%;
	position: absolute;
	bottom: 120rpx;
	right: 120rpx;
}
/*  */
.container{
	padding-bottom: 30rpx;
}