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

/* nova-werun/pages/activity/detail-activity/index.wxss */
.all{
    width: 100vw;
    .box {

        // position: relative;
        .swiper {
          height: 500rpx;
        }
      
        .detail {
          position: absolute;
          background: white;
          width: 100%;
          // top: 400rpx;
          border-radius: 30rpx 30rpx 0 0;
          padding: 20rpx;
      
          .name {
            margin: 20rpx 0;
      
            .title {
              font-size: 40rpx;
              font-weight: bold;
              font-family: "华文琥珀";
            }
      
            .desc {
              margin: 20rpx;
              font-size: 25rpx;
              // white-space: nowrap;
              // text-overflow: ellipsis;
              // overflow: hidden;
            }
          }
          .detailbox{
            width: 100%;
            height: auto;
            // position: relative;
            .item {
                display: flex;
                align-items: center;
                padding: 30rpx 0 20rpx 0rpx;
                margin: 0 30rpx;
                border-bottom: 1rpx solid rgb(224, 224, 224);
          
                .title {
                  font-size: 30rpx;
                  margin-right: 20rpx;
                  align-items: center;
                  font-weight: bold;
          
                  van-icon {
                    font-size: 30rpx;
                  }
                }
          
                .common {
                  font-size: 28rpx;
          
                  van-icon {
                    margin-right: 10rpx;
                  }
          
                  .arLog {
                    display: flex;
                    align-items: center;
                    padding: 10rpx 0;
                    color: #7F56B2;
                    font-weight: bold;
                  }
                }
              }
              .item2{
                display: flex;
                padding: 30rpx 0 20rpx 0rpx;
                margin: 0 30rpx;
                border-bottom: 1rpx solid rgb(224, 224, 224);
                .title {
                    font-size: 30rpx;
                    margin-right: 20rpx;
                    align-items: center;
                    font-weight: bold;
                  }
                  .common{
                    width: 510rpx;
                    font-size: 28rpx;
                  }
              }
              .btn {
                // width: 500rpx;
                // height: 80rpx;
                margin: 30rpx 0;
                background: #4F9AF7;
                font-size: 35rpx;
                // position: fixed;
              }
          }
          .popup{
            width: 100%;
            height: 70vh;
            .submit{
                width: 90%;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 80rpx;
                font-size: 35rpx;
                background: #4F9AF7;
                position: absolute;
                bottom: 0;
                left: 5%;
                border-radius: 15rpx;
            }
          }
        }
      }

}