/* pages/childList/childList.wxss */ .li{ padding:30rpx 24rpx; } .li-items{ background:#F1F3FA; border-radius:16rpx; display: flex; justify-content: space-between; margin-bottom: 30rpx; padding-right: 24rpx; } .li-items-active{ background: #fff; box-shadow:0px 6rpx 30rpx 0 rgba(81,108,227,0.2); } .li-items-imgList{ position: relative; display: inline-block } .li-items-img{ width: 120rpx; height: 120rpx; border-radius: 50%; margin: 45rpx 24rpx 35rpx 24rpx; } .li-items-tips-img{ width: 34rpx; height: 34rpx; position: absolute; bottom: 10rpx; left:59%; } .li-items-names{ color: #393939; font-size: 30rpx; display: inline-block; position: relative; bottom: 86rpx; } .li-items-footer{ display: flex; flex-direction: column; justify-content: center } .li-items-footer-img{ width: 50rpx; height: 50rpx; } .li-add{ height:110rpx; background:rgba(241,243,250,1); border-radius:16rpx; line-height: 110rpx; color: #6085EA; font-size: 30rpx; text-align: center } .li-items-add{ font-size: 45rpx; } .showModel{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; overflow: hidden; z-index: 1000; color: #fff; } .model{ z-index: 1001; position: fixed; top: 233rpx; margin: 0 60rpx; background: #fff; border-radius:30rpx; text-align: center; } .model-text{ color: #393939; font-size: 30rpx; text-align: center; margin: 95rpx 50rpx; } .model-list{ display: flex; justify-content: space-around; align-items: center; margin-bottom: 50rpx; color: #8489A3; font-size: 34rpx; } .model-list-sure{ color: #FF6465; }