renting.wxss 2.9 KB
/* pages/service/renting/renting.wxss */
@import "/pages/wish/wish.wxss";
@import "/pages/my/commentsDetail/commentsDetail.wxss";

page {
  background: #fafafa;
  padding: 200rpx 0 0 0;
}
.icon-eye,.icon-shoucang1{
  font-size: 24rpx;
  color: #000;
  margin-right: 10rpx;
}
.banner_box1 {
  padding: 0 20rpx;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  height: 190rpx;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
   
.head_box1 {
  width: 100%;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.head_left_box {
  width: 100%;
  display: flex;
  align-items: center;
}

.head_img_cell {
  margin: 0 10rpx 0 0;
  width: 60rpx;
  height: 60rpx;
  border-radius: 5rpx;
  overflow: hidden;
}

.head_img_cell image {
  display: block;
  width: 100%;
  height: 100%;
}

.serach_box {
  display: flex;
  align-items: center;
  justify-content: center;
  /*width: 80%;*/
  flex: 1;
  height: 60rpx;
  background: rgba(250, 250, 250, 1);
  border-radius: 10rpx;
  margin-left: 7rpx;
}

.serach_box input {
  font-size: 24rpx;
}
.icon-paixu-jiang, .icon-paixu-sheng {
  margin-left: 15rpx;
}
.rent_box {
  width: 120rpx;
  height: 60rpx;
  border: 1rpx solid rgba(235, 235, 235, 1);
  border-radius: 10rpx;
  font-size: 23rpx;
  color: #b3b3b3;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.scroll_item {
  display: inline-block;
  font-size: 28rpx;
  position: relative;
  text-align: center;
  margin: 0 10rpx;
}
.scroll.active {
  color: #53a6fa;
}
.tab_box .scroll .active::after {
  content: "";
  border: 2rpx solid #53a6fa;
  position: absolute;
  bottom: 0rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 77rpx;
  height: 2rpx;
  background: #53a6fa;
}
.icon-daosanjiao {
  font-size: 20rpx;
  color: RGBA(0, 0, 0, 0.2);
  /*margin-left: 16rpx;*/
}

.icon-Group- {
  font-size: 40rpx;
  color: #999;
  margin-left: 30rpx;
}

.icon-fangdajing {
  margin-right: 17rpx;
}

.rent_mask {
  width: 100%;
  height: 100%;
  background: RGBA(0, 0, 0, 0.2);
  position: fixed;
  top: 100rpx;
  left: 0;
  z-index: 10;
  overflow: hidden;
}

.rent_popup {
  background: #fafafa;
  padding: 0 30rpx;
}

.rent_item {
  width: 100%;
  height: 73rpx;
  border-bottom: 1rpx solid #ebebeb;
  font-size: 24rpx;
  color: #b3b3b3;
  text-align: center;
  line-height: 73rpx;
}

.rent_item.active {
  color: #53a6fa;
}

.rent_item:last-child {
  border-bottom: 0;
}

.content_box {
  position: relative;
  margin-top: 20rpx;
}
.content_item {
  margin-bottom: 28rpx;
}
.comment_text {
  font-size: 24rpx;
  color: #1a1a1a;
}
.label_box {
  justify-content: space-between;
}
.label-text {
  padding: 10rpx 8rpx;
  /*line-height: 60rpx;*/
  background: RGBA(116, 118, 125, 0.3);
  border-radius: 10rpx;
}
.wx_numb {
  width: 39%;
}
.wx_numb  text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display: block;
}
.copy {
  display: flex;
  align-items: center;
}