H5_module/promote/team/team.css

/* promote/team/team.wxss */
page{padding-bottom: 30rpx;}
.top{position: relative;overflow: hidden;}
.top::after{content: '';display: block;background: var(--mina);width: 120%;height: 350rpx;border-radius: 0 0 20% 20%;position: absolute;left: -10%;right: -10%;top: 0;}
.topc{position: relative;z-index: 2;}
.info{padding: 30rpx 50rpx 30rpx 40rpx;display: flex;display: -webkit-flex;align-items: center;overflow: hidden;}
.userlogo{width: 120rpx;height: 120rpx;border-radius: 50%;margin-right: 30rpx;position: relative;}
.photo{display: block;width: 120rpx;height: 120rpx;border-radius: 50%;}
.infos{flex: 1;-webkit-flex: 1;overflow: hidden;}
.infos view{font-size: 40rpx;color: #fff;}
.infos text{display: block;font-size: 24rpx;color: #fff;margin: 10rpx 0 0;}
.copy{width: 140rpx;border-radius: 50rpx;line-height: 50rpx;font-size: 24rpx;color: #fff;text-align: center;}
.copy image{width: 42rpx;height: 42rpx;margin: 0 auto 10rpx;}
.shouyi{background: #fff;border-radius: 14rpx;margin: 0 20rpx;padding: 25rpx 30rpx 50rpx;position: relative;}
.tits{font-size: 30rpx;color: #333;line-height: 50rpx;padding: 0rpx 0rpx 15rpx 0rpx;
    border-bottom: 2rpx solid #eee;}
.titr{padding: 35rpx 40rpx 0rpx 40rpx;}

.money{margin: 25rpx 0 40rpx;font-size: 30rpx;color: #999;border-bottom: 1rpx solid #E8E8E8;padding-bottom: 40rpx;}
.money .qian{justify-content: space-between; align-items: center;}
.qians{font-size: 58rpx;color: #2F3440;font-weight: bold;}
.qians text{font-size: 26rpx;color: #585C67;margin-right: 10rpx;font-weight: normal;}
.money .tixian{font-size: 36rpx;width: 174rpx;text-align: center;border-radius: 50rpx; display: inline-block; background-color:var(--mina);color: #fff; text-align: center;font-size: 24rpx;line-height: 60rpx;font-weight: normal;}
.ye-text{align-items: center;font-size: 30rpx;color: #999;margin-top: 25rpx;}
.ye-text image{width: 28rpx;height: 32rpx;margin-right: 8rpx;}
.m-datas{font-size: 26rpx;color: #999;text-align: center;}
.m-datas .li{width: 33.33%;}
.m-datas .li view{font-size: 36rpx;color: #2F3440;margin-bottom: 15rpx;}
.m-datas .li view text{font-size: 20rpx;color: #585C67;font-weight: normal;}
.fxico1{width: 28rpx;height: 32rpx;margin-right: 8rpx;}
.fxico2{width: 32rpx;height: 32rpx;margin-right: 8rpx;}
.fxico3{width: 27rpx;height: 30rpx;margin-right: 8rpx;}
.status{display: flex;display: -webkit-flex;}
.status .li{width: 48%;margin-right: 4%;align-items: center;}
.status .li:last-child{margin-right: 0;}
.status .li text{font-size: 26rpx;color: #ccc;margin-left: 10rpx;}
.myteam{border-radius: 14rpx;margin: 20rpx 20rpx 0;}
.tit{align-items: center;padding-bottom: 20rpx;font-size: 32rpx;color: #2F3440;font-weight: bold;}
.tit::before{content: '';display: block;width: 6rpx;height: 28rpx;background: #FF2900;border-radius: 3rpx;margin-right: 10rpx;}
.tit text{margin-right: 10rpx;display: block;font-size: 24rpx;color: #9297A2;font-weight: normal;}
.data .li{padding: 30rpx 0 35rpx;width: 50%;font-size: 26rpx;color: #999;text-align: center;margin-bottom: 15rpx;}
.data .li view{display: block;font-size: 36rpx;color: #2F3440;margin-bottom: 15rpx;}
.data .li view text{font-size: 20rpx;font-weight: normal;margin-right: 5rpx;}

.mine-nav{margin: 20rpx 20rpx 0;background: #fff;border-radius: 10rpx;padding: 0 30rpx;}
.mine-nav .li{border-bottom: 2rpx solid #F4F4F4;height: 100rpx;display: flex;display: -webkit-flex;align-items: center;}
.rico{width: 12rpx;height: 20rpx;}
.mine-nav .li:last-child{border-bottom: none;}
.mineico{display: block;width: 50rpx;height: 50rpx;margin-right: 20rpx;}
.mine-nav .li text{display: block;flex: 1;-webkit-flex: 1;font-size: 32rpx;color: #2F3440;}

.thmbtn image{width: 54rpx;height: 54rpx;margin: 0 auto 5rpx;}
.titleSet{
	align-items: baseline;
}
.title{
	position: relative;
	margin-left: 15rpx;
}
.tip{width: 30rpx;height: 30rpx;}
.hint{
	position: absolute;
	width: 300rpx;
	border: 1rpx solid #f0f9fd;
	font-size: 24rpx;
	color: #10AEFF ;
	padding: 10rpx;
	border-radius: 10rpx;
	margin-top: 15rpx;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f0f9fd;
}
.hint:before {
  content: "";
  display: block;
  position: absolute;
  width:0;
  height: 0;
	border: 15rpx solid transparent;
	border-top: none;
    border-bottom-color: #f0f9fd;
    left: 50%;
	transform: translateX(-50%);
    top: -15rpx;
}