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;
}
.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;
}