mrr.sj.front/unpackage/dist/dev/mp-weixin/pages/selfOperated/components/self-pay.wxss

.self-pay .salf-card {
  width: 750rpx;
  background: #f5f5f5;
  border-radius: 30rpx 30rpx 0rpx 0rpx;
  padding: 30rpx 20rpx 0rpx 20rpx;
}
.self-pay .salf-card .syr-info-address {
  font-weight: 500;
  font-size: 28rpx;
  color: #333333;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
  margin-bottom: 10rpx;
}
.self-pay .salf-card .syr-info-phone {
  font-weight: 400;
  font-size: 28rpx;
  color: #999999;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .salf-card-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.self-pay .salf-card .salf-card-between .salf-card-between-text1 {
  font-weight: 400;
  font-size: 28rpx;
  color: #666666;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .salf-card-between .salf-card-between-text2 {
  font-weight: 500;
  font-size: 28rpx;
  color: #333333;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .salf-card-between .card-right-photo {
  margin-right: 10rpx;
  width: 60rpx;
  height: 60rpx;
  border-radius: 50%;
}
.self-pay .salf-card .serve-info {
  display: flex;
  flex-direction: row;
  padding-bottom: 20rpx;
  border-bottom: 1rpx solid #f1f1f1;
  margin-bottom: 20rpx;
}
.self-pay .salf-card .serve-info .serve-info-img {
  width: 120rpx;
  height: 120rpx;
  border-radius: 30rpx;
}
.self-pay .salf-card .serve-info .serve-info-right {
  flex: 1;
  margin-left: 13rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.self-pay .salf-card .serve-info .serve-info-right .serve-info-right-name {
  font-weight: 500;
  font-size: 28rpx;
  color: #333333;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .serve-info .serve-info-right .serve-info-right-num .serve-info-right-num-text1 {
  font-weight: 400;
  font-size: 26rpx;
  color: #999999;
  line-height: 37rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .serve-info .serve-info-right .serve-info-right-num .serve-info-right-num-text2 {
  font-weight: 400;
  font-size: 24rpx;
  color: #333333;
  line-height: 33rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .serve-store {
  display: flex;
  flex-direction: row;
  padding-bottom: 20rpx;
  border-bottom: 1rpx solid #f1f1f1;
  margin-bottom: 20rpx;
}
.self-pay .salf-card .serve-store .serve-store-img {
  width: 90rpx;
  height: 90rpx;
  border-radius: 20rpx;
}
.self-pay .salf-card .serve-store .serve-store-right {
  flex: 1;
  margin-left: 13rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.self-pay .salf-card .serve-store .serve-store-right .serve-store-right-name {
  font-weight: 500;
  font-size: 28rpx;
  color: #333333;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .serve-store .serve-store-right .serve-store-right-num .serve-store-right-num-text {
  font-weight: 400;
  font-size: 24rpx;
  color: #666666;
  line-height: 33rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .serve-store-address .serve-store-address-right {
  flex: 1;
}
.self-pay .salf-card .serve-store-address .serve-store-address-right .serve-store-address-right-text {
  font-weight: 400;
  font-size: 24rpx;
  color: #666666;
  line-height: 33rpx;
  text-align: left;
  font-style: normal;
  width: 510rpx;
  lines: 1;
  text-overflow: ellipsis;
}
.self-pay .salf-card .serve-store-address .serve-store-address-left .address-left-icon {
  width: 43rpx;
  height: 43rpx;
}
.self-pay .salf-card .pop-card {
  background: #ffffff;
  border-radius: 30rpx;
  padding: 20rpx;
  margin-bottom: 20rpx;
}
.self-pay .salf-card .pop-card .pop-card-title {
  margin-bottom: 30rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #333333;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .pop-submit {
  padding: 25rpx 25rpx 25rpx 45rpx;
  margin: 0 -20rpx;
  background: #fff;
}
.self-pay .salf-card .pop-submit .pop-submit-left .pop-submit-left-text1 {
  font-weight: 500;
  font-size: 22rpx;
  color: #333333;
  line-height: 30rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .pop-submit .pop-submit-left .pop-submit-left-text2 {
  font-family: DINPro, DINPro;
  font-weight: 500;
  font-size: 52rpx;
  color: #e8101e;
  line-height: 67rpx;
  text-align: left;
  font-style: normal;
}
.self-pay .salf-card .pop-submit .pop-submit-btn {
  width: 226rpx;
  height: 82rpx;
  background: #e8101e;
  border-radius: 41rpx;
}
.self-pay .salf-card .pop-submit .pop-submit-btn .pop-submit-btn-text {
  font-weight: 500;
  font-size: 30rpx;
  color: #ffffff;
  line-height: 82rpx;
  text-align: center;
  font-style: normal;
}
.method-info {
  display: flex;
  align-items: center;
}
.method-icon {
  width: 38rpx;
  height: 38rpx;
  margin-right: 20rpx;
}
.method-name {
  font-weight: 500;
  font-size: 30rpx;
  color: #5b5b5b;
  line-height: 42rpx;
  text-align: left;
  font-style: normal;
}
.mb-20 {
  margin-bottom: 20rpx;
}
.mb43 {
  margin-bottom: 43rpx;
}
.ml40 {
  margin-left: 40rpx;
}
.flex-row-center-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}