.top {
  padding: 20rpx 30rpx;
  background: #ffffff;
}
.top .top-figure {
  margin: 20rpx 0;
}
.top .top-deails {
  display: flex;
  justify-content: space-between;
  border-bottom: 1rpx solid #adabab;
}
.top .top-deails .top-name {
  display: flex;
  justify-content: space-between;
  margin: 30rpx 0 0 0;
  padding-bottom: 30rpx;
  width: 93%;
}
.top .top-deails .top-name .input {
  width: 500rpx;
  text-align: right;
  color: #382E2E;
}
.top .top-deails .top-name .name {
  width: 200rpx;
  margin: auto 0;
}
.top .top-deails .top-name .content {
  text-align: right;
}
.top .top-deails .top-names {
  margin: 30rpx 0 0 0;
  padding-bottom: 30rpx;
  width: 93%;
}
.top .top-deails .top-names .input {
  margin-top: 20rpx;
}
.top .top-deails .top-names .name {
  width: 200rpx;
}
.bommon {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  text-align: center;
  z-index: 999;
  padding: 10rpx 0;
}
.bommon .bommon-name {
  background: #46a9a4;
  padding: 30rpx 60rpx;
  border-radius: 30rpx;
  width: 500rpx;
  margin: 0 auto;
}