/* pages/supermama/supermama.wxss */ .page-content { -webkit-overflow-scrolling: touch } .super_head, .ing { /* border-bottom: 30rpx solid #f3f2f8; */ } .headTop { box-sizing: border-box; padding: 80rpx 80rpx 30rpx; align-items: center; } .headLeft { align-items: center; } .headRight { flex: 1 0 auto; } .name { margin-bottom: 10rpx; } .title { margin-bottom: 20rpx; width: 100%; text-align: center; } .number { text-align: center; } .jb-icon { width: 25rpx; height: 25rpx; display: inline-block; margin-left: 10rpx; vertical-align: bottom; } .title { color: #323232; } .week { color: #969696; font-size: 24rpx; } .headImg { width: 100rpx; height: 100rpx; margin-right: 20rpx; border-radius: 50%; display: inline-block; } /* 进度条 */ .headProgress { padding: 0 20rpx 30rpx; } .proImg { width: 40rpx; height: 40rpx; } .proImgView, .coverInfo { display: inline-block; width: 20%; text-align: center; color: #969696; } .active { color: #00c8c6; } .getNum { margin-top: 10rpx; margin-bottom: 10rpx; } .isPro { position: relative; } .coverPro { position: absolute; left: 10%; top: 0; bottom: 0; z-index: 1; border-radius: 17rpx; background-image: linear-gradient(to right, #7bf8f0, #00c8c6); } .coverProT { background: none; color: #00c8c6; line-height: 30rpx; } .bgPro { box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #e5e5e5; width: 80%; height: 30rpx; margin: auto; border-radius: 17rpx; } /* 任务部分 */ .cla { background-color: #F3F3F3; padding: 30rpx; overflow: hidden; } .ed{ padding-top: 0; } .task { color: #323232; font-weight: bold; padding-left: 20rpx; display: inline-block; margin-bottom: 30rpx; } .taskNum { width: 38rpx; height: 38rpx; line-height: 38rpx; text-align: center; margin-left: 10rpx; border-radius: 50%; background-color: #f00; color: #fff; display: inline-block; } .isKeCheng { /* box-shadow: 0px 0px 20rpx 4rpx rgba(161, 161, 161, 0.38); */ border-radius: 10rpx; overflow: hidden; margin-bottom: 30rpx; } .isKeCheng:last-child { margin-bottom: 0; } .imgbox { position: relative; } .supetmamaimg { width: 100%; } .startFirstButton { position: absolute; height: 110rpx; line-height: 106rpx; width: 76%; left: 50%; transform: translate(-50%); bottom: 112rpx; border: 4rpx solid #333; border-radius: 106rpx; background-color: #DCF2FC; color: #333; } .babyBorn { position: absolute; left: 20rpx; bottom: 260rpx; width: 80rpx; height: 80rpx; } .xysz{ position: absolute; left: 20rpx; bottom: 160rpx; width: 80rpx; height: 80rpx; }