page{
  background: #f4f4f4;
}
.user {
  width: 100%;
  height: 408rpx;
  position: relative;
}
.back{
  position: absolute;
  top:56rpx;
  left:0rpx;
}
.back image{
  height:37rpx;
  width:37rpx;
  vertical-align: -5rpx;
  margin:0 15rpx;
}

.back text{
  font-size:36rpx;
  color:#2a2a2a;
}
.userPhoto {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userPhoto image {
  height: 128rpx;
  width: 128rpx;
  border-radius: 50%;
  margin: 161rpx 0 29rpx 0;
}

.userPhoto view {
  font-size: 32rpx;
  color: #fff;
  letter-spacing: 5rpx;
}

.userPhoto .state {
  background: rgba(255, 81, 81, 1);
  border-radius: 21px;
  font-size:24rpx;
  margin-left:25rpx;
  padding:10rpx 20rpx;
}
.list {
  width: 90%;
  margin: 0 auto;
  background: white;
  box-shadow:0rpx 0rpx 4rpx 4rpx rgba(224,224,224,0.68);
  border-radius: 10rpx;
}

.list>view, .service>view, .list .special {
  border-bottom: 1px solid #f4f4f4;
  padding: 26rpx 0;
}
.list image, .service image {
  height: 55rpx;
  width: 55rpx;
  vertical-align: middle;
  margin-right: 30rpx;
}

.list .iconfont, .service .iconfont {
  
  font-size: 55rpx;
  vertical-align: middle;
}

.list .name {
  font-size: 30rpx;
}

.list .gary {
  font-size: 24rpx;
  color: #999;
}

.list .iconfont {
  font-size: 55rpx;
  vertical-align: middle;
}

.service {
  font-size: 28rpx;
}

.service .down {
  color: #18d5b9;
}

.serviceCon {
  background: white;
  font-size: 28rpx;
  display: flex;
  flex-direction: column;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(42, 42, 42, 1);
  justify-content: center;
}
.flexB{
  width: 90%;
  margin: 0 auto;
}
.flexB .img{
  width: 55rpx;
  height: 55rpx;
  margin-left: 10rpx;
}
.serviceCon .view {
  display: flex;
  align-items: center;
  width: 62%;
}

.serviceCon image {
  width: 60rpx;
  height: 60rpx;
}

.showService {
  color: #18d5b9;
}

button image {
  width: 60rpx;
  height: 60rpx;
  vertical-align: middle;
  margin-right: 30rpx;
}

button {
  width: 92%;
  margin: 0 auto;
  padding: 11rpx 0rpx;
  line-height: normal;
  background: transparent;
}

.btn-hover {
  background: transparent;
}

.riding_card{
  width: 90%;
  height: 160rpx;
  box-shadow:0rpx 0rpx 4rpx 4rpx rgba(224,224,224,0.68);
  margin: 0 auto;
  border-radius: 10rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  margin-top: 40rpx !important;
  margin-bottom: 20rpx !important;
}
.riding_card .view1{
  display: flex;
  flex-direction: column;
  padding-left: 25rpx;
}
.riding_card .view1 .text1{
  font-size: 30rpx;
  font-weight: 800;
}
.riding_card .view1 .text2{
  font-size: 28rpx;
  padding-top: 15rpx;
  color: #999;
}
.riding_card .view2{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25rpx;
  width:125rpx;
  height:50rpx;
  background:rgba(24,213,185,1);
  border-radius:35rpx;
  color: white;
  font-size: 26rpx;
}
.riding_card .view3{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25rpx;
  width:125rpx;
  height:50rpx;
  background:#f4f4f4;
  border-radius:35rpx;
  color: black;
  font-size: 26rpx;
}
.ad{
  bottom: 0rpx;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.return {
  width: 100%;
  height: 110rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28rpx;
  color: #AAAAAA;
}
button {
  border-radius: 10rpx;
  color: #fff;
  font-size: 32rpx;
  font-family: PingFang SC;
  width: 210rpx;
}

.button-hover {
  background:rgba(255, 81, 81, 1);
  color: #fff;
}