my_loan/htmldev/wxMini/app.wxss

view,
text,
image,
form,
button,
input,
textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: PingFang SC, HYQiHei-FES, "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.42857143;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

button {
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

input {
  outline: none;
  border: none;
  -webkit-appearance: none
}

button::after {
  border: none;
}

view.footer-fixed-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 -16px 15px 0 rgba(237, 237, 237, 0.25);
}

view.footer-fixed-bottom > view {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24rpx 0 24rpx 0;
}

view.footer-fixed-bottom:after {
  display: block;
  content: '';
  width: 100%;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

view.footer-fixed-bottom button {
  width: 690rpx;
  height: 104rpx;
  border-radius: 24rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

view.footer-fixed-bottom button[type='primary'] {
  background-color: #4A6A96;
}

view.footer-fixed-bottom button[type='default'] {
  background-color: #DDDDDD;
}

.app_page-header-search {
  display: flex;
  align-items: center;
  justify-content: center;
}

.app_page-header-search-warp {
  display: flex;
  align-items: center;
  width: 640rpx;
  height: 68rpx;
  border-radius: 40rpx;
  background: #F6F7FA;
}

.app_page-header-search-warp.app_width-690 {
  width: 690rpx;
}

.app_page-header-search-warp label {
  width: 66rpx;
}

.app_page-header-search-warp image {
  display: block;
  width: 29rpx;
  height: 29rpx;
  background: pink;
}

.app_page-header-search-warp input {
  width: calc(100% - 66rpx);
  font-size: 28rpx;
  color: #1F1F39;
}

.app_header-search-placeholder {
  color: rgba(190, 192, 202, 1);
}

.app_nav-wrap {
  width: 100%;
  border-bottom: 1rpx solid rgba(189, 189, 189, 1);
  white-space: nowrap;
  font-size: 0;
}

.app_nav-wrap .nav {
  position: relative;
  left: 0;
  bottom: 0;
  display: inline-block;
  padding: 0 22rpx 24rpx;
  font-size: 0;
  color: rgba(145, 179, 121, 1);
  text-align: center;
}

.app_nav-wrap .nav.active {
  color: rgba(51, 51, 51, 1);
}

.app_nav-wrap .nav.active .photo {
  border: 4rpx solid rgba(145, 179, 121, 1);
}

.app_nav-wrap .nav.active:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: '';
  width: 88%;
  height: 12rpx;
  border-radius: 10rpx 10rpx 0 0;
  background: rgba(145, 179, 121, 1);
  transform: translateX(-50%);
}

.app_nav-wrap .photo {
  width: 106rpx;
  height: 106rpx;
  border-radius: 30rpx;
  margin: 0 auto;
  overflow: hidden;
}

.app_nav-wrap .photo image {
  display: block;
  width: 100%;
  height: 100%;
  background-color: pink;
}

.app_nav-wrap .name {
  margin-top: 16rpx;
  font-size: 24rpx;
  line-height: 36rpx;
}