hospital_detail.wxss 1.64 KB
   1
   2
   3
   4
   5
   6
   7
   8
   9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20
  21
  22
  23
  24
  25
  26
  27
  28
  29
  30
  31
  32
  33
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44
  45
  46
  47
  48
  49
  50
  51
  52
  53
  54
  55
  56
  57
  58
  59
  60
  61
  62
  63
  64
  65
  66
  67
  68
  69
  70
  71
  72
  73
  74
  75
  76
  77
  78
  79
  80
  81
  82
  83
  84
  85
  86
  87
  88
  89
  90
  91
  92
  93
  94
  95
  96
  97
  98
  99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
.main {
background: #fff;
width: 100%;
}

.hospital_image {
width: 100%;
height: 160px;
}

.name_view {
display: flex;
margin: 10px;
}

.line {
background: #48c17b;
width: 2px;
height: 14px;
margin-top: 3px;
}

.title_text {
font-size: 14px;
color: #222;
margin-left: 5px;
}

.showAll {
font-size: 13px;
color: #48c17b;
position: absolute;
right: 20px;
padding-right: 5px;
}

.icon_more {
width: 10px;
height: 10px;
position: absolute;
margin-top: 5px;
right: 10px;
}

.hospital_introduce1 {
font-size: 13px;
color: #666;
margin-left: 10px;
margin-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}

.hospital_introduce_All {
font-size: 13px;
color: #666;
margin-left: 10px;
margin-right: 10px;
}

.divider10 {
height: 10px;
background: #eee;
margin-top: 10px;
}

.departname_view {
display: flex;
margin-left: 10px;
margin-top: 10px;
}

.doctor_view {
display: flex;
margin-top: 5px;
}

.doctor_icon {
width: 55px;
height: 55px;
margin-left: 10px;
border-radius: 50%;
border: 3px solid white;
}

.content_view {
left: 65px;
right: 10px;
position: absolute;
margin-top: 3px;
margin-left: 10px;
}

.name_text {
font-size: 14px;
color: #222;
}

.doctor_intro {
font-size: 11px;
color: #888;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
right: 20px;
left: 75px;
}