/* required by usingComponents */
/* pages/pay_success/pay_success.wxss */
page {
  /* background-color: #f3f3f5; */
  color: #333333;
  text-align: center;
}

.top-head {
  height: 250rpx;
  width: 100%;
  /* background-color: var(--globleColor); */
}

.content {

  margin: 0 80rpx;
  margin-top: -150rpx;
  
}

.content-first {
  background-color: #ffffff;
  border-radius: 12rpx;
  padding: 30rpx;
  text-align: center;

}
.paymoney{
  text-align: center;
  font-size:50rpx;
  margin-bottom: 30rpx;
  height:250rpx;
  width:250rpx;
  margin-top: 20%;

}
.content-title {
  font-size: 40rpx;
  font-weight: bold;
  text-align: center;
}

.content-detail {
  text-align: center;
  font-size: 28rpx;
  margin-top: 30rpx;
}

.money-detail {
  margin-top: 30rpx;
}

.detail-first {
  display: flex;
  padding:10rpx;
  font-size: 28rpx;
}

.detail-left {
  flex: 1;
  text-align: left;
}

.detail-right {
  flex: 1;
  text-align: right;
}
.text{
}
.text1{
  color: #999999;
}
.detail-first1{
  border-bottom: solid 1rpx #f3f3f3;
  padding-bottom: 30rpx;
}.detail-first2{

  padding-top: 30rpx;
}
.problem{
color: #999999;
font-size: 26rpx;
text-align: right;
padding: 20rpx 10rpx;
margin-bottom: 20rpx;
}
.baoxiu{
  text-align: center;
  height: 50rpx;
  line-height: 50rpx;
  font-size: 24rpx;
  margin-top: 20rpx;
  color: var(--globleColor);
}
.payButton{
width: 50%;
height: 80rpx;
line-height: 80rpx;
margin: 0 auto;
text-align: center;
background: var(--globleColor);
border-radius: 12rpx;
margin-top: 100rpx;
margin-bottom: 50rpx;
font-size: 32rpx;
 color: var(--fontColor);
}
.home{
width: 80%;
height: 100rpx;
line-height: 100rpx;
border-radius: 12rpx;
margin: 0 auto;
margin-top: 18%;
font-size: 32rpx;
text-align: center;
font-weight: 600;
background-color: var(--globleColor);
}