challengeFamily/pages/order/refund/refund.wxss

.refund {
  width: 100%;
  padding: 0 20rpx;
  box-sizing: border-box;
   min-height: 150rpx;
}

.list {
  width: 100%;
  height: 190rpx;
  background-color: #fff;
  border-radius: 12rpx;
  margin-top: 20rpx;
  display: flex;
}

.list>image {
  width: 180rpx;
  height: 190rpx;
  border-top-left-radius: 12rpx;
  border-bottom-left-radius: 12rpx;
}

.listRight {
  width: calc(100% - 180rpx);
  height: 178rpx;
  /* padding-left: 20rpx; */
  padding: 0 0 20rpx 20rpx;
  box-sizing: border-box;
  background-color: #fff;
}

.listTitle {
  color: #595757;
  font-size: 28rpx;
  margin-top: 24rpx;
}

.listField {
  font-size: 24rpx;
  color: #AFAFAF;
  margin-top: 10rpx;
}

.title {
  color: #EE3A43;
  font-size: 30rpx;
  margin: 20rpx 0;
  padding-left: 20rpx;
}

.refundDet {
  font-size: 26rpx;
  line-height: 60rpx;
  color: #595757;
  padding: 0 20rpx;
  box-sizing: border-box;
}

.listReason {

  /* height: 80rpx; */
  /* padding: 0 20rpx; */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.listReason .reason {
  font-size: 26rpx;
  color: #595757;
}

.listReason .bit {
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  margin: 0 10rpx;
  border: 1px solid #A09FA1;
}


.listReason .current {
  position: relative;
}
.twoSon{
  display: flex;
  flex: 1;
  justify-content: space-around;
}

.listReason .current::after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  background-color: #797979;
  position: absolute;
  margin: auto;
  z-index: 9;
}

.tips-messages-content {
  font-weight: bolder;
}

.bottomBG {
  width: 100%;
  height: 90rpx;
}
.way{
  display: flex;
  width: 100%;
}
.mode_left{
  width: 25%;
}
.back{
  width: 75%;
}

.bottom {
  width: 100%;
  height: 90rpx;
  background-color: var(--themeColor);
  text-align: center;
  color: #000;
  line-height: 90rpx;
  font-size: 30rpx;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}


.textarea {
  width: 100%;
  height: 100rpx;
  font-size: 24rpx;
  color: #3d4145;
  padding-top: 20rpx;
  box-sizing: border-box;
}

.suc {
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.suc .icon-zfcg {
  font-size: 180rpx;
  text-align: center;
  color: #EE3A43;
  padding-top: 100rpx;
}

.sucTitle {
  font-size: 40rpx;
  color: #000;
  margin: 60rpx 0 20rpx 0;
}

.sucTit {
  width: 80%;
  font-size: 28rpx;
  color: #898989;
  margin: 0 auto;
}

.backBtn {
  width: 90%;
  line-height: 80rpx;
  text-align: center;
  color: #fff;
  font-size: 30rpx;
  text-align: center;
  background-color: #EE3A43;
  margin: 40rpx auto 0;
  border-radius: 16rpx;
}

.reason {
  display: flex;
  justify-content: space-between;
}

.replace {
  display: flex;
  justify-content: space-between;
  color: var(--subtitleColor);
  align-items: center;
  margin-top: 50rpx;
}

.replace_Right {
  width: 130rpx;
  height: 40rpx;
  text-align: center;
  line-height: 40rpx;
  border: 1px solid var(--subtitleColor);
  border-radius: 50px;
}

.padding {
  margin-top: 20rpx;
  box-sizing: border-box;
  font-size: 26rpx;
  padding: 40rpx 20rpx;
}

.grey {
  color: #aaa8a8;
}

.backPrice {
  font-size: 26rpx;
  /* line-height: 30rpx; */
  margin-top: 20rpx;
}

.price {
  color: var(--subtitleColor);
  font-size: 45rpx;
}

.dis {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10rpx;
}
.a1{
    font-size: 24rpx;
}

.ft26 {
  font-size: 28rpx;
  box-sizing: border-box;
  padding: 20rpx;
  margin-top: 20rpx;
  color: #3d4145;
}

.divLine {
  background: #E0E3DA;
  width: 100%;
  height: 4rpx;
  margin: 20rpx auto;
}

.rule {
  margin-top: 20rpx;
  font-weight: 700;
}

.ruleChild {
    margin-top: 10rpx;
  line-height: 55rpx;

}
.gray{
  color: rgb(155, 154, 154);
}

.form {
  margin-top: 20rpx;
  font-weight: 700;
}
.divLineTwo{
    width: 100%;
    border-top: 5rpx solid #F8F1F3;
    position: relative;
    margin: 45rpx auto;
}
.detailed{
    position: absolute;
    left: 38%;
    background-color: white;
    width: 150rpx;
    text-align: center;
    top: -20rpx;
    font-size: 26rpx;
    font-weight: 800;
    border-radius: 8rpx;
    color: var(--subtitleColor);
}
.detailedTwo{
    width: 110rpx;
    /* height: 45rpx; */
    /* line-height: 45rpx; */
    text-align: center;
    margin:  auto;
    border-radius: 7rpx;
    background-color: #F8F1F3;
}

.mode {
  /* display: flex; */
  box-sizing: border-box;
  padding: 20rpx;
  margin-top: 20rpx;
  font-size: 28rpx;
  margin-bottom: 20rpx;
}
.Account{
    display: flex;
    margin-top: 30rpx;
    align-items: center;
}
.account{
    width: 25%;
}
.card{
    /* flex: 2; */
    width: 430rpx;
    border: 1rpx solid #d7d7d7;
    box-sizing: border-box;
    padding: 0 10rpx;
    font-size: 26rpx;
    height: 50rpx;
}
.examine{
    margin-top: 30rpx;
}