DiseaseGuide.wxss 2.08 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
 113
 114
 115
 116
 117
 118
 119
 120
.article_list_bg {
width: 100%;
background: #F4F4F4;
}

.article_list {
background: #F4F4F4;
margin-left: 5px;
margin-right: 5px;
margin-top: 11px;
}
.article_bg {
margin-bottom: 10px;
border-radius: 4px;
background: white
}
/* 栏目标题前面图 */
.article_title_image {
width: 2px;
height: 14px;
margin-left: 15px;
transform: translateY(2px);
background: #48C17B
}
/* 栏目标题文字 */
.article_title {
height: 34px;
display: inline-block;
line-height: 34px;
font-size: 14px;
color: #979797;
margin-left: 5px;
}
/* 箭头 */
.article_title_indicator {
width: 12px;
height: 14px;
position: absolute;
right: 15px;
transform: translateY(11px);
}
/* 文章ne内容背景 */
.article_content {
height: 134px;
position: relative;
width: 100%;
}
/* 内容标题 */
.article_content_title {
font-size: 14px;
color: #222222;
margin-left: 15px;
margin-right: 85px;
margin-top: 0px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
/* 内容文字 */
.article_content_text {
font-size: 12px;
color: #888888;
line-height: 18px;
margin-left: 15px;
margin-right: 109px;
margin-top: 5px;
height: 54px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/* 内容图 */
.article_content_image {
position: absolute;
right: 11px;
width: 74px;
height: 74px;
top: 11px;
}
/* 点赞 */
.article_content_bottomBar {
height: 38px;
width: 100%;
margin-top: 10px;
}

.article_content_bottomBar_labels {
position: absolute;
right: 0px;
/* height: 100%; */
}

.article_content_bottomBar_likes {
float: left;
width: 100px;
margin-left: 10px;
}

.article_content_bottomBar_likes_icon {
height: 25px;
width: 25px;
margin-right: 4px;
}

/* 点赞文字 */
.article_content_bottomBar_likes_text {
font-size: 10px;
color: #C8C6C6;
transform: translateY(-8px) translateX(-5px);
display: inline-block;
}

.navigator_class {
width: 100%;
}