tsph_wechat/pages/loanList/loanList.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: 28rpx;
  color:#fa3534;
  z-index: 999
}

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

swiper {
  width: 690rpx;
  height: 240rpx;
  border-radius: 6rpx;
  overflow: hidden !important;
  transform: translateY(0);
  margin: 0 auto;
}

swiper image {
  width: 690rpx;
  height: 240rpx;
}

.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 10rpx #efefef;
  border-radius: 10rpx;
  margin: 40rpx auto;
  text-align: center;
  padding: 0 0 40rpx 0;
}
.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 {
  /*width: 140rpx;*/
  line-height: 40rpx;
  background: #fa3534;
  border-radius:10rpx;
  font-size: 22rpx;
  padding: 0 30rpx;
  color: #fff;
}
.box_x>view{
  white-space: nowrap;
}
.detail{
  width: 375rpx;
  line-height: 70rpx;
  background: -webkit-linear-gradient(180deg, #dd6161, #fa3534);
  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:  -webkit-linear-gradient(180deg, #FFFBF7,#FFEEE0);
  font-size: 26rpx;
  color: #999;
  margin: 30rpx auto
}
.bottom_img{
  width: 135rpx;
  height: 40rpx
}

.box_ul{
  padding-top:108rpx;
}