weilaibike-work-weapp/pages/workDetail/workDetail.wxss

/* pages/workDetail/workDetail.wxss */

.workDetail .con {
  height: 395rpx;
  width: 100%;
  background: url('http://resource.weilaibike.com/common/workBg.png') no-repeat;
  background-size: cover;
  position: relative;
}

.con view {
  font-size: 26rpx;
  color: #fff;
  margin-top: 15rpx;
  padding-left: 20rpx;
}

.con .reason {
  font-size: 32rpx;
  padding: 40rpx 0 10rpx 20rpx;
}

.con .iconfont {
  font-size: 100rpx;
  color: #fff;
  position: absolute;
  bottom: 37rpx;
  right: 65rpx;
}

.step {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}

.step .circle {
  height: 28rpx;
  width: 28rpx;
}

.step .line {
  height: 145rpx;
  width: 2rpx;
}

.stepCon {
  width: 95%;
  height: 144rpx;
  margin: 20rpx 0 0 20rpx;
  box-shadow: 0 0 6rpx 0 rgba(216, 216, 216, 1);
  border-radius: 10rpx;
  padding: 5rpx 40rpx;
  box-sizing: border-box;
}

.stepCon view {
  font-size: 24rpx;
  color: #4d4d4d;
  padding: 8rpx 0;
}

.icon {
  position: absolute;
  top: 35%;
  right: 12%;
  z-index: 9999;
  text-align: right;
}

.icon view {
  margin-bottom: 30rpx;
}

.icon image {
  height: 60rpx;
  width: 60rpx;
  vertical-align: middle;
  margin-left: 20rpx;
}

.icon view text {
  font-size: 26rpx;
  padding: 10rpx 40rpx;
  border-radius: 10rpx;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.button image {
  width: 200rpx;
  height: 200rpx;
  position: fixed;
  top: 214rpx;
  right: 10rpx;
}

.goHome{
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30rpx;
  color: white;
  height: 80rpx;
  background: #18D5B9;
  margin: 0 auto;
  margin-top: 50rpx !important;
}

.commit {
  position:absolute ;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background:#fff;
  width:640rpx;
  height:296rpx;
  z-index:9999;
  border-radius: 8rpx;
  padding:20rpx;
  box-sizing: border-box;
}
.commit input{
  font-size:28rpx;
  border-bottom:1px solid #000;
  margin:40rpx 0;
  padding-bottom:15rpx;
}
.commit .placeholder{
  font-size:24rpx;
  color:#ADADAD;
}
.commit .title{
  font-size:34rpx;
  color:#282828;
  font-weight:600;
}
.commit .detail{
   margin:40rpx 0;
   font-size:26rpx;
}
.commit text{
 font-size:26rpx;
 color:#18D5B9;
}