challengeFamily/pages/growup/photo/index.wxss

page{background-color: white;}
.picker{display: flex; align-items: center; font-size: 24rpx; white-space: nowrap; padding: 20rpx;background: #f1f1f1}
.picker .selector{background: #fff;border-radius: 12rpx;position: relative;}
.picker .selector:first-child{width: 200rpx;}
.picker .selector:last-child{width: 490rpx;margin-left: 20rpx;}
.picker>.selector>picker{height: 68rpx; line-height: 68rpx; padding-left: 20rpx;}
.picker .selector::after{content:"";position: absolute; top: 30rpx; right: 15rpx; width:0; height:0; border-width:10rpx 10rpx 0; border-style:solid; border-color:#898989 transparent transparent transparent;}
.selector text{display: inline-block; max-width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.title{text-align: center; font-size: 30rpx; padding:20rpx 60rpx;}
.title>text{font-size: 26rpx; margin-top: 10rpx; display: block;}

.photo-tabs{display: flex;border-bottom: 2rpx solid #F1F1F1;}
.photo-tabs .tabs-item{height: 84rpx;line-height: 84rpx;text-align: center;}
.photo-tabs-two .tabs-item{width: 375rpx;}
.photo-tabs-one .tabs-item{width: 750rpx;color:#EE3A43 }
.photo-tabs-two .tabs-bottom-line{box-sizing: border-box;border-bottom: 4rpx solid #EE3A43;color:#EE3A43; }
.photo-date-list{display: flex;}
.photo-date-list-title{box-sizing: border-box;padding: 10px 0;text-align: center}
.photo-date-list-title b{line-height: 20px;border-right:2rpx solid #c7c7c7; padding:0 10rpx;}
.date-tabs-wrap{width: 610rpx; overflow: auto;  -webkit-overflow-scrolling: touch;}
.date-tabs{position: relative;padding: 18rpx 0;}
.date-tabs-item{display: inline-block;font-size: 28rpx;line-height: 20rpx;width: 140rpx;text-align: center;}
.scoreImg{width:100%;display:flex;align-items:center;flex-wrap:wrap;padding-left: 4rpx;}
.scoreImg image{width:182rpx;height:182rpx;margin-right:4rpx;margin-bottom:4rpx;}
.save-photo{
  position: fixed;
  right: 20rpx;
  bottom: 200rpx;
  color: #EE3A43;
  background: #fff;
  border: 1rpx solid #EE3A43;
  border-radius: 50%;
  font-size: 28rpx;
  width: 80rpx;
  height: 80rpx;
  text-align: center;
  padding: 10rpx;
}
.btn-bottom{
  width: calc(100% - 40rpx);
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  background: #fff;
  padding: 20rpx;
  font-size: 36rpx;
  z-index: 999;
}
.btn-bottom view:first-child{
  border: 1rpx solid #EE3A43;
  color: #EE3A43;
  line-height: 2;
  padding: 0 20rpx;
  border-radius: 10rpx;
}
.btn-bottom view:last-child{
  color: #fff;
  line-height: 2;
  padding: 0 40rpx;
  background: #EE3A43;
  border-radius: 10rpx;
  flex: 1;
  margin-left: 40rpx;
  text-align: center;
}
.scoreImg .img-item .icon {
  position: absolute;
  top: -10rpx;
  right: -10rpx;
  z-index: 555;
  background: #fff;
  border-radius: 50%;
  font-size: 36rpx;
  color: #EE3A43;
}
.img-item{
  position: relative;
  margin-bottom: 28rpx;
}