ssj_parent/pages/initiate_refund/initiate_refund.wxss

/* pages/initiate_refund/initiate_refund.wxss */
.task{
  margin: 20rpx 0; 
  padding-bottom: 1rpx;
  position: relative;
  background: #fff;
  border-radius: 30rpx;
}
.task-title{
  margin:0 30rpx 0 30rpx;
  /* padding-bottom: 20rpx; */
  border-bottom: 1rpx solid #E4E4E4;
}
.task-title-img{
  width: 59rpx;
  height: 59rpx;
  margin: 33rpx 16rpx 0 0;
}
.task-title-tet{
  font-size: 30rpx;
  color: #393939;
  padding: 45rpx 0;
  display: inline-block
}
.task-title-btn{
  font-size: 24rpx;
  float: right;
  margin: 50rpx 0 0 29rpx;
  color: #7C819D;
}
.task-progress{
  margin:90rpx 30rpx 0 30rpx;
  height: 9rpx;
  border-radius:5rpx;
  background-color: rgba(220,220,220,1);
  display: flex;
  flex-direction: row;
  justify-content: space-between; 
}
.task-time{
  text-align: center;
  display: inline-block;
  position: relative; 
  top:-26rpx;
  width: 23%;
}
.task-progress-img{
  width: 52rpx;
  height: 52rpx;
}
.task-progress-star{
  font-size: 24rpx;
  color: #2f2f2f;
  margin-top: 20rpx;
}
.task-progress-T{
  margin-top: 4rpx;
  font-size:20rpx;
}
.task-progress-time{
  color:rgba(70,195,144,1);
  font-size:20rpx;
}
.task-progress-txt{
  color: #7E7E7E;
  margin-right: 4rpx;
}
.task-active{
  color:#FFC100;
}
.task-section{
  position: relative; 
  margin: 195rpx 30rpx 0 30rpx;
  /* clear: both; */
}
.task-head{
  background:linear-gradient(#50C293, #41C08C);
  border-radius:20rpx;
  padding-bottom: 27rpx; 
}
.task-head-img{
  width: 122rpx;
  height: 112rpx;
  border-radius:20rpx;
  position: absolute;
  top: -56rpx;
}
.task-head-title{
  font-size: 30rpx;
  color: #fff;
  margin: 27rpx 0 27rpx 124rpx;
  display: inline-block;
}
.task-head-nav{
  font-size: 24rpx;
  color: #fff;
  line-height: 40rpx;
  margin: 0 23rpx 0 23rpx; 
}

.puzzle{
  margin: 24rpx 24rpx 1rpx 24rpx;
  position: relative;
  background: #F1F3FA;
  border-radius:16rpx;
  padding-bottom: 24rpx;
}
 .puzzle-say{
  margin:24rpx 31rpx 0 31rpx;
} 
.li-nav{
  padding: 24rpx 24rpx 1rpx 24rpx;
  border-radius:20rpx;
  background: #fff;
  margin-top: 24rpx;
}
.li-nav-info{
  padding: 24rpx 24rpx 1rpx 24rpx;
  border-radius:20rpx;
  margin-top: 24rpx;
}
.li-nav-head{
  font-size: 24rpx;
  color: #393939;
  margin-bottom: 39rpx;
}
.li-nav-list{
  margin-bottom: 30rpx;
}
.li-nav-list-span{
  width: 15rpx;
  height: 15rpx;
  border-radius: 50%;
  background: #FF6465;
  display: inline-block;
  margin-right: 15rpx;
  line-height: 40rpx;
}
.li-nav-list-text{
  font-size: 24rpx;
  color: #7C819D;
  display: inline-block;
}
.refund-text{
  font-size: 24rpx;
  color: #393939;
  margin-bottom: 20rpx;
}
.refund-mony{
  padding:30rpx 0;
  font-size: 24rpx;
  height: 100rpx;
}
.refund-area{
  color: #BFBFBF;
  font-size: 24rpx;
}
button::after{
  border: none
}
.refund-btn{
  background: #FF6465;
  font-size: 34rpx;
  text-align: center;
  line-height: 100rpx;
  border-radius:12rpx;
  color: #fff;
  margin:30rpx;
}
.li-reason{
  padding: 30rpx 23rpx 20rpx 23rpx;
  border-radius:20rpx;
  /* background: #F2F2F2; */
  margin-top: 30rpx;
}
.fefund-reason{
  line-height: 60rpx;
  text-align: center;
  border-radius:10rpx;
  font-size: 24rpx;
  color: #FF6465;
  background: rgba(255,100,101,0.2);
  display: inline-block;
  width: 47%;
  margin: 10rpx 9rpx;
}
.refund-active{
  background: #FF6465;
  color: #fff;
}
.li-inputList{
  line-height: 82rpx;
  border-radius:10rpx;
  background: #fff;
  display: flex;
  align-items: center;
  margin: 20rpx 0;
}
.li-input-name{
  color: #7C819D;
  font-size: 24rpx;
  margin: 0 22rpx;
  display: inline-block;
}
.li-input-content{
  line-height: 82rpx;
  display: inline-block;
  width: 70%;
}
.li-input{
  color: #393939;
  font-size: 24rpx;
}
.input-placeholder{
  font-size: 24rpx;
  color: #D0D5E6;
}