yunshengtai-uniapp/unpackage/dist/dev/mp-weixin/pages/activity/detail/index.wxss

/* pages/activity/detail/index.wxss */
.activityDetail-page{
  background: #f2f2f2;
  min-height: 100%;
  padding-bottom: 240rpx;
}
.activity-info-box,.company-info-box,.activity-des-box,.join-box{
  width: 100%;
  box-sizing: border-box;
  padding: 0 32rpx 40rpx;
  background: #fff;
  font-size: 32rpx;
}
.activity-banner{
  width: 100%;
  height: 404rpx;
  border-radius: 12rpx;
  overflow: hidden;
}
image{
  width: 100%;
}
.activity-title{
  color: #333333;
  font-weight: 600;
  line-height: 44rpx;
  margin: 32rpx 0 10rpx;
}
.price{
  min-width: 200rpx;
  color: #EBB672;
  font-weight: 600;
  margin-right: 28rpx;
}
.tips{
  width: 74%;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 12rpx;
}
.tip-item{
  height: 36rpx;
  margin-bottom: 6rpx;
  line-height: 36rpx;
  text-align: center;
  padding: 0rpx 16rpx;
  color: #fff;
  font-size: 20rpx;
  background: #C93535;
  margin-right: 24rpx;
}
.default-btn{
  height: 36rpx;
  margin-bottom: 6rpx;
  line-height: 36rpx;
  text-align: center;
  padding: 0rpx 16rpx;
  color: #fff;
  font-size: 20rpx;
  background: #A29E9E;
  margin-right: 24rpx;
}
.join-box{
  height: 100rpx;
  padding: 26rpx 32rpx;
  box-sizing: border-box;
  color: #727272;
}
.step-box{
  margin-top: 32rpx;
}
.wux-step--process .wux-step__icon {
  background: #FFC985 !important;
  border-color: #FFC985 !important;
}
.wux-step__title {
  color: #B5B5B5 !important;
  font-size: 20rpx !important;
  font-weight: 400 !important;
}
.wux-step--process .wux-step__title{
  color: #FFC985 !important;
}
.wux-step__content{
  font-size: 20rpx !important;
  margin-top: 0 !important;
}
.wux-step--process .wux-step__content{
  color: #FFC985 !important;
}
.wux-step__bd {
  margin-top: 10rpx !important;
}
.info-item{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
          justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 40rpx;
  color: #353535;
  font-size: 28rpx;
}
.label{
  width: 180rpx;
  text-align: left;
  margin-right: 20rpx;
  color: #868686;
}
.headerImg-info{
  width: calc(100% - 180rpx);
  color: #333333;
  overflow-x: scroll;
  white-space: nowrap;
}
.info image{
  width: 68rpx;
  height: 68rpx;
  margin-left: 16rpx;
  display: inline-block;
  border-radius: 50%;
}
.company-info-box,.activity-des-box{
  margin-top: 32rpx;
  padding-top: 32rpx;
  font-size: 24rpx;
}
.company-logo image{
  width: 132rpx;
  height: 132rpx;
  margin-right: 24rpx;
  border-radius: 50%;
}
.company-name{
  color: #333333;
  font-size: 28rpx;
  margin-bottom: 16rpx;
}
.activity-des-box{
  color: #727272;
}
.title2{
  color: #333;
  font-size: 32rpx;
  margin-bottom: 24rpx;
}
.see-detail{
  color: #333;
  text-align: center;
  margin-top: 12rpx;
}
.see-detail image{
  width: 24rpx;
  height: 24rpx;
}
.handle-box {
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 42rpx 32rpx 80rpx;
  box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.1);
}
.call-box{
  margin-right: 54rpx;
}
.call-box image{
  width: 37rpx;
  height: 37rpx;
  font-size: 28rpx;
  color: #333333;
  margin-right: 12rpx;
}
.cancel-btn{
  width: 234rpx;
  height: 60rpx;
  text-align: center;
  line-height: 60rpx;
  background: #F4F4F4;
  border-radius: 30rpx;
  color: #868686;
  font-size: 32rpx;
}
.signIn-btn{
  background: #EBB672;
  color: #fff;
}