th_net_hospital_ali_mp/antbuilder/industry/hospitalV2/components/hospital-project/index.acss

.project-container {
  position: relative;
  box-sizing: border-box;
  min-height: 100vh;
  padding-bottom: 222rpx;
  background-color: #f5f5f5;
}
.project-container .a-shared-checkbox {
  width: 44rpx;
  height: 44rpx;
}
.project-container .project-head {
  width: 100%;
  height: 184rpx;
  background: linear-gradient(180deg, #1677ff 54%, rgba(22, 119, 255, 0) 86%);
}
.project-container .project-content {
  margin-top: -160rpx;
  padding: 0 24rpx;
}
.project-container .project-content .content-out {
  box-sizing: border-box;
  margin-bottom: 24rpx;
  padding: 24rpx;
  background-color: #fff;
  border-radius: 16rpx;
}
.project-container .project-content .content-out .title {
  padding-bottom: 24rpx;
  color: #333;
  font-weight: 600;
  font-size: 30rpx;
}
.project-container .project-content .project-person {
  display: flex;
  flex-direction: column;
}
.project-container .project-content .project-person .person-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-container .project-content .project-person .person-name .person-name-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.project-container .project-content .project-person .person-name .person-name-left .name {
  margin-right: 16rpx;
  color: #333;
  font-weight: 600;
  font-size: 34rpx;
}
.project-container .project-content .project-person .person-name .person-name-left .mark {
  box-sizing: border-box;
  height: 30rpx;
  margin-right: 8rpx;
  padding: 0 10rpx;
  color: #1677ff;
  font-weight: 400;
  font-size: 20rpx;
  line-height: 30rpx;
  background-color: #fff;
  border: 2rpx solid rgba(22, 119, 255, 0.3);
  border-radius: 4rpx;
}
.project-container .project-content .project-person .person-name .person-name-left .mark-grey {
  color: #666;
  border: 2rpx solid rgba(102, 102, 102, 0.3);
}
.project-container .project-content .project-person .person-other {
  margin: 16rpx 0 32rpx;
  color: #666;
  font-weight: 400;
  font-size: 24rpx;
}
.project-container .project-content .project-person .person-hospital {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #999;
  font-weight: 400;
  font-size: 28rpx;
}
.project-container .project-content .project-person .person-hospital .hospital {
  color: #333;
}
.project-container .project-content .project-select .project-select-label {
  width: 100%;
  margin-bottom: 16rpx;
}
.project-container .project-content .project-select .project-select-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24rpx 20rpx 24rpx 24rpx;
  background-color: #f8f8f8;
  border-radius: 16rpx;
}
.project-container .project-content .project-select .project-select-item .radio {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10rpx;
  margin-right: 32rpx;
}
.project-container .project-content .project-select .project-select-item .item-left {
  display: flex;
  align-items: flex-start;
  font-weight: 400;
}
.project-container .project-content .project-select .project-select-item .item-left .name {
  color: #333;
  font-size: 34rpx;
}
.project-container .project-content .project-select .project-select-item .item-left .detail {
  color: #666;
  font-size: 24rpx;
}
.project-container .project-content .project-select .project-select-item .item-right {
  margin-left: 10rpx;
  color: #ff6430;
  font-weight: 700;
  font-size: 36rpx;
  white-space: nowrap;
}
.project-container .project-content .project-select .project-select-label:last-child {
  margin-bottom: 0;
}
.project-container .project-content .project-table .project-form {
  padding-top: 26rpx;
  font-weight: 400;
  border-top: 2rpx solid #e5e5e5;
}
.project-container .project-content .project-table .project-form .form-section {
  margin-bottom: 48rpx;
}
.project-container .project-content .project-table .project-form .form-section .form-section-title {
  color: #333;
  font-size: 30rpx;
  line-height: 42rpx;
}
.project-container .project-content .project-table .project-form .form-section .content-item {
  display: flex;
  align-items: center;
  margin-top: 32rpx;
}
.project-container .project-content .project-table .project-form .form-section .form-section-radio {
  display: flex;
  flex-direction: column;
}
.project-container .project-content .project-table .project-form .form-section .form-section-radio .radio-text {
  margin-left: 16rpx;
  padding-top: 5rpx;
  color: #333;
  font-size: 30rpx;
}
.project-container .project-content .project-table .project-form .form-section:last-child {
  margin-bottom: 0;
}
.project-container .project-button {
  width: 100%;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 1rpx;
  box-sizing: border-box;
  height: 180rpx;
  padding: 16rpx 24rpx;
  background-color: #fff;
}
.project-container .project-button .project-button-out {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-container .project-button .project-button-out .title-out {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.project-container .project-button .project-button-out .title {
  padding-bottom: 6rpx;
  color: #333;
  font-weight: 400;
  font-size: 26rpx;
}
.project-container .project-button .project-button-out .money {
  margin-left: 8rpx;
  color: #ff6430;
  font-weight: bold;
  font-size: 48rpx;
}
.project-container .project-button .project-button-out .button {
  width: 335rpx;
  color: #fff;
  font-weight: 400;
  font-size: 34rpx;
  background-color: #1677ff;
}
.project-container .project-button .project-button-out .a-button-primary.a-button-disabled {
  opacity: 0.4;
}

.result .am-page-result {
  height: 50vh !important;
}

.result .am-page-result .am-page-result-pic{
  margin: calc(30vh - 200px) auto 0 !important;
}