tsph_wechat/pages/loanDetails/loanDetails.wxss

.search_dv {
  width: 610rpx;
  height: 70rpx;
  border-radius: 35rpx;
  margin: 20rpx auto;
  background: #f5f6f9;
  font-size: 26rpx;
  padding-left: 80rpx;
}

.head_top {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100vw;
  z-index: 999;
}

.head_top>text {
  position: absolute;
  right: 60rpx;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.28rem;
  color: #fa3534;
}

.search_img {
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  left: 60rpx;
  top: 40rpx;
}

swiper {
  width: 90%;
  border-radius: 6rpx;
  overflow: hidden !important;
  transform: translateY(0);
  margin: 0 auto;
  padding-top: 30rpx;
}

.wxParse-img {
  width: 90%;
  border-radius: 10rpx;
  margin-top: 20rpx;
}

.dv {
  width: 690rpx;
  margin: 30rpx auto;
  display: flex;
  justify-content: space-between;
}

.dv_xinzen {
  width: 330rpx;
  height: 121rpx;
  display: flex;
  box-shadow: 0 0 10rpx #efefef;
  border-radius: 10rpx;
  align-items: center;
  justify-content: space-around;
}

.dv_img {
  width: 80rpx;
  height: 80rpx;
}

.xinzen {
  font-weight: bold;
  width: 50%;
}

.box {
  width: 630rpx;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  box-shadow: 0 6rpx 20rpx rgba(174, 185, 190, 0.1);
  border-radius: 10rpx;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 40rpx 0;
  background: #fff;
}

.box .tag {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.box .tag .tag_li {
  width: 108rpx;
  position: relative;
  font-size: 0;
}

.box .tag image {
  width: 108rpx;
}

.box .tag text {
  position: absolute;
  top: 50%;
  font-size: 20rpx;
  color: #fff;
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  line-height: 1.1em;
}

.box_img {
  width: 30rpx;
  height: 30rpx;
}

.icon_ul {
  padding: 0 60rpx;
}

.box_x {
  line-height: 40rpx;
  background: #fa3534;
  border-radius:10rpx;
  color:#fff;
  font-size: 22rpx;
  padding: 0 30rpx;
}

.box_x>view {
  white-space: nowrap;
}

.detail {
  width: 375rpx;
  line-height: 70rpx;
  background: -webkit-linear-gradient(180deg, #ff6d33, #ffa24e);
  text-align: center;
  color: #fff;
  font-size: 32rpx;
  margin: 40rpx auto 0 auto;
  border-radius: 35rpx;
  box-shadow: 0 10rpx 20rpx rgba(255, 158, 76, 0.2);
}

.bottom_dv {
  width: 690rpx;
  height: 100rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #dd6161;border-radius:10rpx;
  font-size: 26rpx;
  color: #999;
  margin: 30rpx auto;
}

.bottom_img {
  width: 135rpx;
  height: 40rpx;
}

.box_ul {
  background: #f4f4f4;
  padding: 32rpx 0;
}

/* 内容 */

.center_head {
  padding: 0 63rpx 0rpx 63rpx;
  border-bottom: 1rpx solid #e4e4e4;
}

.center_head .head_li {
  align-items: center;
  height: 77rpx;
  width: 189rpx;
  font-size: 28rpx;
  color: #666;
  border-bottom: 4rpx solid #fff;
}

.center_head .head_li.selection {
  color: #fa3534;
  font-weight: bold;
  border-color: #fa3534;
}

/* 底部按钮 */

.buttom {
  position: fixed;
  bottom: 71rpx;
  width: 632rpx;
  height: 86rpx;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(90deg, #dd6161, #fa3534);
  color: #fff;
  align-items: center;
  border-radius: 8rpx;
  font-size: 30rpx;
  font-weight: bold;
}

swiper {
  height: calc(100vh - 550rpx) !important;
  overflow: auto;
}

swiper swiper-item {
  overflow: auto;
}

.wxParse-p {
  display: flex
}
.wxParse-span{
  display: flex
}