werun-wxapp/nova-werun/pages/activity/detail-activity/index.wxss

.box .swiper {
  height: 500rpx;
}
.box .detail {
  position: absolute;
  background: white;
  width: 100%;
  border-radius: 30rpx 30rpx 0 0;
  padding: 20rpx;
}
.box .detail .name {
  margin: 20rpx 0;
}
.box .detail .name .title {
  font-size: 55rpx;
  font-weight: bold;
  font-family: "华文琥珀";
}
.box .detail .name .desc {
  margin: 20rpx;
  font-size: 25rpx;
}
.box .detail .comments .ul .li {
  padding: 10rpx 0;
  border-bottom: whitesmoke 1rpx solid;
}
.box .detail .comments .ul .li .user {
  display: flex;
}
.box .detail .comments .ul .li .user .name {
  font-size: 28rpx;
  margin-left: 10rpx;
  font-weight: bold;
}
.box .detail .comments .ul .li .content {
  margin-top: 10rpx;
  margin-left: 50rpx;
}
.box .detail .comments .ul .li .content .text {
  font-size: 26rpx;
}
.box .detail .comments .ul .li .content .icon {
  display: flex;
  align-items: center;
  margin: 10rpx 0;
}
.box .detail .comments .ul .li .content .icon .love {
  margin-right: 35rpx;
}
.box .detail .comments .ul .li .content .icon .love van-icon {
  font-size: 35rpx;
  margin-right: 5rpx;
}
.box .detail .comments .ul .li .content .icon .love text {
  font-size: 25rpx;
}
.box .detail .comments .ul .li .content .icon .reply {
  font-size: 38rpx;
}
.box .detail .comments .ul .li .content .replyComment {
  background: whitesmoke;
  padding: 20rpx;
  border-radius: 10rpx;
  font-size: 28rpx;
}
.box .detail .comments .ul .li .content .replyComment .reItem {
  padding: 25rpx 0 5rpx 0;
  border-bottom: #ebebeb solid 1rpx;
}
.box .detail .comments .ul .li .content .replyComment .reItem .reName {
  color: #4F9AF7;
}
.box .detail .comments .ul .li .content .replyComment .reItem .reText {
  margin: 0 10rpx;
}
.box .detail .comments .ul .li .content .replyComment .reItem .reIcon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.box .detail .comments .ul .li .content .replyComment .reItem .reIcon > view {
  margin-right: 30rpx;
}
.box .detail .comments .ul .li .content .replyComment .more {
  padding-top: 10rpx;
}
.box .detail .inp {
  width: 100vw;
  border-top: 1rpx solid #e4d2fa;
  position: fixed;
  bottom: 0rpx;
  right: 0;
}
.box .detail .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20rpx;
}
.box .detail .date .toDay {
  font-size: 55rpx;
  font-weight: bold;
  color: #4F9AF7;
  font-family: "华文琥珀";
}
.box .detail .date .toDay .month {
  font-size: 35rpx;
}
.box .detail .date .tip {
  font-size: 45rpx;
  font-weight: bold;
  font-family: "华文琥珀";
}
.box .detail .item {
  display: flex;
  align-items: center;
  padding: 30rpx 0 20rpx 0rpx;
  margin: 0 30rpx;
  border-bottom: 1rpx solid #e0e0e0;
}
.box .detail .item .title {
  font-size: 30rpx;
  margin-right: 20rpx;
  align-items: center;
  font-weight: bold;
}
.box .detail .item .title van-icon {
  font-size: 30rpx;
}
.box .detail .item .common {
  font-size: 28rpx;
}
.box .detail .item .common van-icon {
  margin-right: 10rpx;
}
.box .detail .item .common .arLog {
  display: flex;
  align-items: center;
  padding: 10rpx 0;
  color: #4F9AF7;
  font-weight: bold;
}
.box .detail .btn {
  margin: 30rpx 0;
  background: #4F9AF7;
  font-size: 35rpx;
}
.box .detail .meItem {
  background: #4F9AF7;
  padding: 20rpx;
  margin: 20rpx;
  color: white;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.box .detail .meItem .h3 {
  font-size: 29rpx;
  width: 60rpx;
}
.box .detail .meItem .avatar image {
  margin: 0 20rpx;
  width: 100rpx;
  height: 100rpx;
  border-radius: 100rpx;
}
.box .detail .meItem .name {
  margin: 0 5rpx;
  font-size: 25rpx;
  width: 150rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box .detail .meItem .rang {
  font-size: 30rpx;
}
.popup {
  height: 70vh;
  overflow-y: auto;
}
.popup .topTitle {
  position: fixed;
  left: 0rpx;
  z-index: 9;
}
.popup .topBox {
  border-radius: 40rpx 40rpx 0 0;
  background: white;
  width: 100vw;
  padding: 20rpx;
  border-bottom: 1rpx solid #cecece;
  text-align: center;
  font-weight: bold;
}
.popup .registerStartDate {
  padding: 20rpx;
  display: flex;
  align-items: center;
}
.popup .registerStartDate .title {
  width: 220rpx;
  font-size: 28rpx;
}
.popup .registerStartDate .title text {
  color: red;
}
.popup .registerStartDate .date {
  font-size: 28rpx;
  font-weight: bold;
}
.popup .registerStartTime {
  padding: 20rpx;
}
.popup .registerStartTime .title {
  width: 220rpx;
  font-size: 28rpx;
}
.popup .registerStartTime .title text {
  color: red;
}
.popup .registerStartTime .box {
  display: flex;
  margin: 20rpx;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx;
  box-shadow: 1rpx 1rpx 10rpx #cccccc;
  border-radius: 20rpx;
}
.popup .registerStartTime .box .time .from {
  margin: 10rpx 0;
  font-size: 35rpx;
  font-weight: bold;
}
.popup .registerStartTime .box .time .from van-icon {
  font-size: 35rpx;
}
.popup .registerStartTime .box .time .to {
  font-size: 28rpx;
}
.popup .registerStartTime .box .time .to van-icon {
  font-size: 35rpx;
}
.popup .registerStartTime .box .btn {
  font-size: 30rpx;
  background: #4F9AF7;
  padding: 10rpx 20rpx;
  border-radius: 100rpx;
  color: white;
}
.popup .btn_btm {
  width: 100vw;
  background: white;
  position: fixed;
  bottom: 0rpx;
  z-index: 9;
}
.popup .btn_btm button {
  color: white;
  font-size: 30rpx;
}
.popup .revise {
  float: right;
  background: #4F9AF7;
  margin: 20rpx;
}
.audit {
  font-size: 25rpx;
  color: #4F9AF7;
  background: #e4d2fa;
  width: 95rpx;
  padding: 5rpx 10rpx;
  margin-left: 10rpx;
}
.company {
  margin: 20rpx;
}
.company .name {
  font-size: 26rpx;
  margin: 20rpx 40rpx;
  padding: 20rpx;
  border-bottom: 1rpx solid #f3f3f3;
}
van-cell van-radio-group van-radio {
  margin: 20rpx 0;
}
.rankbox {
  width: 686rpx;
  background-color: white;
  min-height: 618rpx;
  margin-top: 30rpx;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 15rpx;
  margin-bottom: 40rpx;
}
.rankbox .ran-top {
  width: 100%;
  height: 120rpx;
  padding-right: 16rpx;
  padding-left: 16rpx;
  display: flex;
  align-items: center;
  border-bottom: 2rpx solid #E0E0E0;
}
.rankbox .ran-top .top-til {
  height: 34rpx;
  font-size: 30rpx;
  padding-left: 14rpx;
  border-left: solid 8rpx #58A5FE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rankbox .ran-top .top-box {
  display: flex;
  margin-left: auto;
  font-size: 20rpx;
  justify-content: center;
  align-items: center;
}
.rankbox .ran-top .top-box image {
  width: 20rpx;
  height: 18rpx;
  margin-left: 4rpx;
}
.rankbox .cardbox {
  width: 100%;
  height: 120rpx;
  padding-right: 16rpx;
  display: flex;
  align-items: center;
  border-bottom: 2rpx solid #E0E0E0;
}
.rankbox .cardbox .paiming {
  width: 37rpx;
  height: 37rpx;
  font-size: 24rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rankbox .cardbox .image1 {
  width: 37rpx;
  height: 37rpx;
  margin-left: 6rpx;
  background-image: url(https://file-cloud.fmode.cn/qpFbRRSZrO/20241226/n5b6q2120548337.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rpx;
}
.rankbox .cardbox .image2 {
  width: 37rpx;
  height: 37rpx;
  margin-left: 6rpx;
  background-image: url(https://file-cloud.fmode.cn/qpFbRRSZrO/20241226/d61fa4120559975.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rpx;
}
.rankbox .cardbox .image3 {
  width: 37rpx;
  height: 37rpx;
  margin-left: 6rpx;
  background-image: url(https://file-cloud.fmode.cn/qpFbRRSZrO/20241226/2c1osg120613150.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rpx;
}
.rankbox .cardbox .avarter {
  width: 82rpx;
  height: 82rpx;
  border-radius: 50%;
  margin-left: 10rpx;
}
.rankbox .cardbox .name {
  font-size: 24rpx;
  margin-left: 20rpx;
}
.rankbox .cardbox .name .name2 {
  font-size: 18rpx;
}
.rankbox .cardbox .num {
  font-size: 32rpx;
  color: #00B108;
  margin-left: auto;
}
.rankbox .cardbox .good {
  margin-left: 20rpx;
  font-size: 22rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rankbox .cardbox .good .good-num {
  font-size: 22rpx;
}
.rankbox .cardbox .good image {
  width: 34rpx;
  height: 34rpx;
}
.model {
  width: 80vw;
  height: 400rpx;
}
.model .content {
  width: 100%;
  padding: 40rpx;
  background-size: cover;
}
.model .content .close {
  height: 50rpx;
  width: 100%;
  display: flex;
}
.model .content .close .h2 {
  margin: auto;
  text-align: center;
  font-size: 40rpx;
  font-weight: bold;
}
.model .content .close van-icon {
  color: #807d7d;
  float: right;
}
.model .content .text {
  margin-top: 50rpx;
  font-size: 30rpx;
}
.model .content .btnBox {
  margin-top: 50rpx;
  display: flex;
}
.model .content .btnBox .btn {
  font-size: 35rpx;
  width: 40%;
  background: #4F9AF7;
  margin: auto;
  color: white;
  padding: 20rpx;
  text-align: center;
  border-radius: 100rpx;
}