/* parents/pages/me/me.wxss */ @import '../../../templates/footer/footer.wxss'; @import '../../../templates/loading/loading.wxss'; .header { padding: 40rpx 30rpx; background: #fff; display: flex; justify-content: space-between; align-items: center; } .header-row { display: flex; justify-content: flex-start; align-items: center; margin-top: 18rpx; } .header-row:nth-of-type(1) { margin-top: 0; } .header-col { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .header-flex { flex: 1; display: flex; justify-content: flex-start; align-items: center; } .header-images { /* position: relative; margin-right: 30rpx; right:-200rpx; */ } .members-information{ margin: 20rpx; background:rgba(255,255,255,1); border-radius: 18rpx; height: 200rpx; } .information-flex{ display:inline-block; padding: 20rpx 50rpx; } .information-flexs{ display:inline-block; margin:0rpx 0rpx 40rpx 100rpx; } .section-text-members{ font-size: 36rpx; margin:15rpx 0; color: #FF80A8; } .section-text-members-gary{ font-size: 36rpx; margin:15rpx 0; color:#6C6C80; } .section-text-card{ font-size: 30rpx; color: #6C6C80; } .section-text-pastdata{ font-size: 30rpx; font-family:PingFang SC; font-weight:500; color:rgba(0,183,255,1); position:relative; } .section-text-data{ font-size: 30rpx; color: #6C6C80; position:relative; } .header-image { width: 148rpx; height: 148rpx; border-radius: 200rpx; border: 10rpx solid #00B7FF; } .header-icon { position: absolute; right: 0; bottom: 0; width: 40rpx; height: 40rpx; } .section-select{ margin-left:50rpx; width: 18rpx; height: 10rpx; } .header-nologin-icon{ width: 148rpx; height: 148rpx; border-radius: 50%; } .header-text-black { font-size: 38rpx; color: #333; } .section-text-login{ width:154rpx; height:46rpx; border:2rpx solid rgba(0,183,255,1); border-radius:23rpx; font-size: 28rpx; text-align:center; line-height:46rpx; color: #00B7FF; margin-bottom: 30rpx } .model-show{ z-index: 1001; position: fixed; top: 30%; margin: 0 12.5%; width: 75%; background: #fff; border-radius:30rpx; text-align: center; } .model-topic{ margin:30rpx auto; font-size:34rpx; text-align:center; color: rgb(2, 2, 2); } .header-images-btn{ border: none; color: #333; font-size: 38rpx; text-align: center; background: transparent; } .header-button { border-radius: 100rpx; border: 1rpx solid rgba(0,183,255,1); font-size: 30rpx; color: #00B7FF; padding: 8rpx 20rpx; margin-left: 20rpx; } .header-icon-two { width: 30rpx; height: 34rpx; margin-right: 14rpx; } .header-text { font-size: 28rpx; color: #999; } .header-arrow { width: 14rpx; height: 24rpx; } .section-list { margin: 20rpx; background:rgba(255,255,255,1); border-radius: 18rpx; } .section-li { display: flex; justify-content: space-between; align-items: center; padding: 30rpx; border-bottom: solid 1rpx #e6e6e6; cursor: pointer; } .section-li:nth-last-of-type(1) { border-bottom: solid 1rpx transparent; } .section-arrow { width: 14rpx; height: 24rpx; } .section-icon { width: 30rpx; height: 30rpx; margin-right: 10rpx; } .section-text { font-size: 30rpx; color: #666; } .section-text-black{ font-size: 44rpx; color: rgb(2, 2, 2); } .section-queem_icon{ width: 120rpx; height: 100rpx; position:relative; right:-229rpx; bottom:-11rpx; } .model-list{ color: #A1A1B3; font-size: 28rpx; text-align: left; padding: 0 34rpx 34rpx 34rpx; } .model-list-title{ color: #41414C; font-size: 32rpx; padding: 37rpx 0; text-align: center; } .model-list-del{ position: absolute; bottom: -120rpx; left: 45%; } .model-list-img{ width: 60rpx; height: 60rpx; } .model-list-footer{ display:flex; justify-content: space-around; font-size: 32rpx; padding: 40rpx 0; } .model-list-footer-cancel{ width:224rpx; height:68rpx; background:rgba(255,255,255,1); border:2rpx solid rgba(0,183,255,1); border-radius:44rpx; line-height: 68rpx; text-align: center; color: #00B7FF; } .model-list-footer-sure{ width:224rpx; height:68rpx; background:linear-gradient(90deg,rgba(81,206,255,1) 0%,rgba(0,183,255,1) 100%); border:2rpx solid transparent; border-radius:44rpx; line-height: 68rpx; text-align: center; color: #FFFFFF; } .head-month{ width:326rpx; height:78rpx; background:#F6F5FB; border-radius:10rpx; text-align: center; line-height: 78rpx; color: #6C6C80; font-size: 32rpx; margin: 30rpx; } .picker-day{ display:inline-block; font-weight:700; } .picker{ width:20%; display:inline-block; } .shipping-phone{ color:rgba(0, 217, 255, 0.753); font-size:30rpx; } .phone-num{ border-bottom:1px solid rgba(0, 217, 255, 0.753); } .phone-icon{ width:24rpx; height:30rpx; }