coupon/pages/institutions/institutions.wxss

/* pages/institutions/institutions.wxss */
page {
  background: #F5F5F5;
}

.detail_box {
  padding: 0 24rpx;
  margin-top: 23rpx;
  display: flex;
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #6A6A6A;
  opacity: 1;
  position: relative;

}

.header_img {
  height: 149rpx;
  width: 149rpx;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 49rpx;
}

.title_map {
  width: 408rpx;
  height: 96rpx;
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  opacity: 1;
  margin-bottom: 23rpx;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.title {
  width: 189rpx;
  height: 50rpx;
  font-size: 18rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #414141;
  opacity: 1;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.money {
  font-size: 18rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #E75D4D;
  opacity: 1;
}

.conter {
  font-size: 16rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #A7A7A7;
  opacity: 1;

}
.scroll_box{
  background: #fff;margin-top: 8rpx;padding:18rpx 10rpx 26rpx 24rpx;
}

.qiang {
  line-height: 35rpx;
  width: 39rpx;
  position: absolute;
  text-align: center;
  bottom: 10rpx;
  right: 10rpx;
  background: #FF576E;
  border-radius: 8rpx;
  font-size: 20rpx;
  color:#fff;
}
.recommended_box{
  padding: 16rpx 24rpx 0rpx;
  background: linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);
  margin: 8rpx 0;

}
.fuwu{
  line-height: 41rpx;
  margin-bottom: 18rpx;
  display: flex;
  justify-content: space-between;
}
.fuwu text:nth-child(1){
  font-size:28rpx;
  color: #222;
}
.fuwu text:nth-child(2){
  font-size: 26rpx;
line-height: 31rpx;
color: #AEAEAE;
}
.title1{
  width: 329rpx;
height: 56rx;
font-size: 20rpx;
font-family: PingFang SC;
font-weight: 500;
color: #414141;
opacity: 1;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dianpu{
font-size: 20rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 28rpx;
color: #B4B4B4;
opacity: 1;
}
.title1 {
  width: 329rpx;
  height: 56rx;
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #414141;
  opacity: 1;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dianpu {
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 18rpx;
  color: #B4B4B4;
  opacity: 1;
  margin-left: 6rpx;
}

.price {
  display: flex;
  margin-top: 8rpx;
}
.price view:nth-child(1) {
  line-height: 44rpx;
  font-size: 20rpx;
  font-weight: 700;
  color: #E75D4D;
}

.price view:nth-child(2) {
  width: 51rpx;
  height: 21rpx;
  border: 1px solid #E75D4D;
  border-radius: 4rpx;
  font-size: 15rpx;
  font-weight: 400;
  color: #e75d4d;
  text-align: center;
  margin: 11rpx ;
}
.price view:nth-child(3){
  font-size: 20rpx;
  line-height: 44rpx;
  font-weight: 400;
  color: #B4B4B4;
  margin-left: 121rpx;
}