page {
  background: #f9f9f9;
}

.yudingtou {
  width: 750rpx;
  height: 348rpx;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  padding: 0 32rpx;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.yudingtouname {
  color: #fff;
  font-size: 40rpx;
  margin-top: 60rpx;
}

.yudingtoutext {
  color: #fff;
  font-size: 28rpx;
  margin-top: 12rpx;
}

.yudingbotleft {
  width: 30rpx;
  height: 30rpx;
  font-size: 0;
}

.weizhitext {
  color: #fff;
  font-size: 24rpx;
  margin-left: 10rpx;
}

.yudingbot {
  display: flex;
  align-items: center;
  margin-top: 18rpx;
}

.yuding {
  width: 686rpx;
  height: 400rpx;
  background: #fff;
  border-radius: 20rpx;
  padding: 40rpx 60rpx;
  box-sizing: border-box;
  margin: 26rpx auto 0;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
  opacity: 1;
  z-index: 33;
  position: absolute;
  top: 246rpx;
  left: 32rpx;
}

.yudingsec {
  width: 686rpx;
  /* height: 400rpx; */
  background: #fff;
  border-radius: 20rpx;
  padding: 40rpx 60rpx;
  box-sizing: border-box;
  margin: 0 auto 150rpx;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
  opacity: 1;
  z-index: 33;
  position: absolute;
  top: 695rpx;
  left: 32rpx;
}

.housetime {
  display: flex;
  align-items: center;
  /* padding: 40rpx 106rpx; *//* box-sizing: border-box; */
  justify-content: space-between;
}

.housemiddle {
  width: 96rpx;
  height: 56rpx;
  font-size: 0;
  position: relative;
}

.houselefttop {
  color: #06121e;
  font-size: 36rpx;
  font-weight: bold;
}

.houseleftbottom {
  color: #8c9198;
  font-size: 24rpx;
  text-align: center;
  margin-top: 8rpx;
}

.housemiddletop {
  width: 80rpx;
  color: #ff5a4e;
  font-size: 24rpx;
  text-align: center;
  position: absolute;
  top: -15rpx;
}

.yudingtopleftname {
  color: #06121e;
  font-size: 32rpx;
  font-weight: bold;
  width: 158rpx;
  display: flex;
  align-items: center;
}

.ruzhu {
  color: #8c9198;
  font-size: 24rpx;
  margin-top: 8rpx;
  text-align: center;
  width: 158rpx;
}

.yudingtop {
  display: flex;
  align-items: center;
}

.ydingname {
  color: #333;
}

.ruzhuren {
  color: #5b5e63;
  font-size: 28rpx;
  margin-top: 28rpx;
}

.ruzhuphone {
  color: #5b5e63;
  font-size: 28rpx;
  margin-top: 20rpx;
}

.ruzhubot {
  display: flex;
  align-items: center;
}

.ruzhuleftimg {
  width: 27rpx;
  height: 27rpx;
  font-size: 0;
}

.ruzhutext {
  color: #ff5a4e;
  font-size: 24rpx;
  margin-left: 15rpx;
}

.ruzhubotleft {
  display: flex;
  align-items: center;
  margin-top: 82rpx;
}

.yudingtext {
  color: #8c9198;
  font-size: 28rpx;
  margin-top: 26rpx;
}

.yudingtopname {
  color: #06121e;
  font-size: 32rpx;
  font-weight: bold;
  margin-top: 24rpx;
}

.yudingbottom {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 44;
}

.yudingbottomleft {
  width: 510rpx;
  display: flex;
  align-items: center;
  padding: 32rpx;
  box-sizing: border-box;
  background: #fff;
}

.yudingbottomright {
  width: 240rpx;
  padding: 36rpx 0;
  /* height:98rpx; */
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
  box-sizing: border-box;
}

.yudingleftname {
  color: #ff5a4e;
  font-size: 36rpx;
  font-weight: bold;
}

.yudingleftcontent {
  color: #5b5e63;
  font-size: 24rpx;
  margin-left: 20rpx;
}

.zhifuwrap {
  width: 622rpx;
  height: 403rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30rpx 84rpx;
  box-sizing: border-box;
  border-radius: 16rpx;
}

.zhifuname {
  color: #06121e;
  font-size: 36rpx;
  text-align: center;
  font-weight: bold;
}

.zhifumoney {
  color: #ff5a4e;
  font-size: 40rpx;
  text-align: center;
  margin-top: 60rpx;
}

.zhifutui {
  color: #8c9198;
  font-size: 26rpx;
  text-align: center;
  margin-top: 14rpx;
}

.zhifutuihuan {
  width: 442rpx;
  height: 80rpx;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  border-radius: 44rpx;
  color:#fff;
  text-align: center;
  line-height: 80rpx;
  margin-top:32rpx;
}