page {
  padding-bottom: 80rpx;
}
.blue-bg {
  background:linear-gradient(312deg,rgba(0,180,237,1) 0%,rgba(31,228,220,1) 100%);
  width: 100%;
  height: 200rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.agent-detail {
  width: 650rpx;
  height: 540rpx;
  background: #fff;
  margin: 28rpx auto 0;
  box-shadow:0px -2px 8px rgba(0,0,0,0.16);
  border-radius: 8rpx;
  padding: 44rpx;
}

.agent-intro {
  height: 150rpx;
  display: flex;
  align-items: center;
  border-bottom: 2rpx solid #E5E5E5;
}
.agent-name-w {
  font-size: 24rpx;
  margin-bottom: 12rpx;
}
.agent-avator {
  width: 120rpx;
  height: 120rpx;
  margin-right: 28rpx;
  border-radius: 50%;
  background-size: 100% 100%;
  position: relative;
}
.agent-avator image {
  position: absolute;
  top: 0;
  left: 0;
  width: 120rpx;
  height: 120rpx;
}
.name {
  font-weight: bold;
  font-size: 36rpx;
  margin-right: 12rpx;
}
.agent-icon {
  width: 40rpx;
  height: 28rpx;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAACwUlEQVRYR+2Y3W4SQRTHz3YXWVsMmFLY0KK0QkONVmqKoYkm9aYPoC/ijT6EXvRWX0FfQKvRVo0aSwqxpG0EC5SP7lKaQoJ1kaWYM80S2NLdbXADMZ6r/ZqZ3/zPx+wMBQCwtPTRZTYPPPxdq92v1+tufNYro2k6f85kel6tHj1ZWLidpxDOZKKWOZfT53COwNDgYK/YyLg/Dw9B4AuisFvI1GqNeWpl5dOig3M8GB+/3FMw5eCpZFrM8cIz6vWb97mbszdcvVZOCYhKroWjGerlq7eN+bt3+ko9GWb53Qf4dwCzmRxks3kQRZFMkGVZ8HonwD4ybJj6uhXc2vwOPC90BPGMXwKPx5gE0wVYOihDNPqNwNlsVgIjSRKkUjtQqVTI81AoCOx5tm0C0chxGzXz+ibAYrGc+okuQFk9ljVDaO5WszOEDK+ugShWoZOK2LmWBQLTYLto7Q4QlSiVyh0hYusbUCzug90+DNeuX20bCJXXMsuFIWAYpjtANYjwaoS42ag41OXi4t4+xGIbZJZe7xUYc7vINWZ1IrFNrju5iihIaWnY/h5jvNV0AWIDtSzmOCf4pyZPkOiJQWUj5YKhG1D8JUI4HCHZ22pYC2eDMx3jSE8WKwEDM9NnV5DneUjEkyfg5J4wyP3+SUMKtqaCCLe1GScsDEPDmHsUbFYbuS+VSyQOJalO7v1TPuA47mxBp/G1KmCrWzF4sYwoSwK6PBpZJ5mM70JzweY3hrtYTgxUDgv0afUKIb98/kqUbC03hieJWoFWeiYR/0F+JFBpOdD1FGplP8pVRdXFsotw7VVbjkg8HpQhlUof10RFJnYTlJpJ0k3nf6Ptf8BuVSQK9v2mqV+3ncntdDUvCE+bG3fXKOezO+x9sXEv8HtVflfYIRt3jBM8XaDN1KOjmnSv90cfTH7ARL+oVxuP8ejjDxDlsUKZxuzNAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  margin-left: 6rpx;
  vertical-align: center;
}
.organ {
  color: #A3A4A5;
  font-size: 24rpx;
}
.rate-list {
  display: flex;
  height: 150rpx;
  text-align: center;
  align-items: center;
  color: #A3A4A5;
  font-size: 24rpx;
}

.rate-item {
  position: relative;
}
.new-rate-list{
  /* display: flex;
  height: 150rpx;
  text-align: center;
  align-items: center;
  color: #A3A4A5;
  font-size: 24rpx; */
  margin-top: 32rpx;
}
.new-rate-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 42rpx;
  margin-bottom: 12rpx;
}
.rete-title{
  color: #79868F;
  font-size: 30rpx;

}
.rete-msg{
  color: #111111;
  font-size: 30rpx;
}
.rate-item:first-child::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  height: 75rpx;
  width: 2rpx;
  transform: rotate(15deg);
  background: #E5E5E5;
  top: 50%;
  margin-top: -32.5rpx;
}
.rate {
  font-size: 64rpx;
  color: #111;
}
.rate-top {
  border-bottom: 2rpx solid #E5E5E5;
}
.rate-item {
  flex: 1;
}

.house-list {
  padding: 0 44rpx 100rpx 42rpx;
  margin-top: 28rpx;
}
.footer {
  align-items: center;
  justify-content: center;
  height: 145rpx;
  background: #fff;
}
.btn {
  width: 316rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  color: #fff;
  background: #00b4ed;
  border-radius: 8rpx;
  padding: 0;
  margin: 0;
  font-size: 28rpx;
}
.mobile-btn {
  margin-left: 20rpx;
  background: #1FE4DC;
}

.work-card {
  width: 560rpx;
  height: 620rpx;
  color: #fff;
  background: rgba(0,0,0,0.7);
  z-index: 11;
  font-size: 40rpx;
  padding: 54rpx 32rpx 52rpx;
  font-weight: bold;
  position: relative;
}

.photo {
  width: 484rpx;
  height: 436rpx;
  background: #fff;
  margin-top: 22rpx;
}
.close-btn {
  width: 28rpx;
  height: 28rpx;
  position: absolute;
  top: 18rpx;
  right: 16rpx;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAKlBMVEUAAADPz8/Pz8/KysrLy8vKysrLy8vKysrKysrLy8vLy8vKysrKysrLy8vuVCSgAAAADHRSTlMAECAwQGBwoNDg8PYm8dydAAAAj0lEQVQY003QwQmAMAwF0CCoV0dxBBcQXMARHKEHRxBH6DxeBC9qdrGN6U88FD8PmvxSMxC+9L9cFsNJI08ltbxRzeBw90Rz4ZZjOsGC4B/BisoFlYHChsIOMzvM/DhM176Ti+E5Lo9xtmJ5pismM41lJlgXKqwLKWPbn7GtsKuSebEqNad33l2xlarOYtV9Z4hNks24Md0AAAAASUVORK5CYII=) no-repeat center center;
  background-size: 100% 100%;
  z-index: 1111;
}