.thumbnail_wrap_box {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}

.thumbnail_wrap {
  padding: 14px 19px 10px 15px;
  /*background: #fff;*/
  margin-bottom: 2px;
  display: grid;
  justify-items: start;
  align-items: start;
  grid-template-columns: 54px auto auto auto 75px;
  grid-template-rows: 26px 24px auto 36px;
  grid-template-areas:
    "thumbnail_hp nickname nick_title depart thumbnail_att"
    "thumbnail_hp hospital hospital hospital hospital"
    ". thumbnail_introduce thumbnail_introduce thumbnail_introduce."
    ". thumbnail_btm thumbnail_btm thumbnail_btm .";
}
/* 头像 S */
.thumbnail_hp {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  grid-area: thumbnail_hp;
}

.thumbnail_hp_img {
  height: 100%;
  width: 100%;
}

/* nickname S */
.nickname {
  display: block;
  grid-area: nickname;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: normal;
  color: #333333;
  line-height: 22px;
}

/* nick_title 身份介绍 */
.nick_title {
  grid-area: nick_title;
  height: 22px;
  background: rgba(92, 165, 255, 0.15);
  border-radius: 1px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5ca5ff;
  line-height: 22px;
  padding: 0 6px;
  text-align: center;
}

/* hospital 所属医院 */
.hospital {
  grid-area: hospital;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}

/* depart 科室 */
.depart {
  grid-area: depart;
  height: 22px;
  background: rgba(59, 206, 182, 0.13);
  border-radius: 1px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #43a899;
  line-height: 22px;
  text-align: center;
  padding: 0 12px;
}

/* thumbnail_introduce 简介 */
.thumbnail_introduce {
  grid-area: thumbnail_introduce;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #666666;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* thumbnail_att 关注 */
.thumbnail_att {
  grid-area: thumbnail_att;
  width: 65px;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  text-align: end;
  background: no-repeat 8px center / 18px 16px
      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAMAAABNTyq8AAABcVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+IgnmZAAAAenRSTlMAAQIDBAUGCAkKCw0TFBYYGRocIiMkJigpKy0uLzY5Ojs+P0BBREVGSUtNT1FXWF1hZWhpamttb3FydHV2eXp9f4KEhYaKj5CZnaGjpKaprK6vtba9wMLDxsfOz9DV19jZ2tzf4OPk5ufp6uzu8PHy9fb3+Pn6+/z9/tinG6AAAAF2SURBVBgZrcFpVxIBAIbRBw0QzdzabMOccsWKLA0szWIUzVQwy0qRNk1KQROZeX99HJ2Dgsx86HQv/50x++nXwfbqyyuUXZt6v3WY+zxjcFb4oxylxbbOtyU51sJUxI60PX3nYqBtMLmv3I4OkoMdgdbw9E8Vn+GIy0o0caI9LaU7ONGUsBTnWJ9ljVDhGxv3UTFiWX2UXdjQJK4mtdEIRJT148qfVQRYUAwPMS0Am+rGQ7c2gYJCeAipAOyqBQ8t2gWyuoGHm8oCc4rjYUJzwJC++XEV+K4hwLeu17hKaN1HWU/RfoiLe3axh2NjKkU57/IluL//BMdz2x7nnNwiVZ5a9gtq5VNUe1TSK2rkU9R4UNQMp64ahlH4YBi97Zw1/EfJBhwNR3KsUqW/oDeNOGKmaR5+MU0zQrW7e1oKcCqfoo7bv5UOUpFPUc+tHb1rhuaVryFgb5m6rm8pMzqa0Y8Q8HiA+royKst04SkYnZ+PBvkHfwFzDFnHs5Js9wAAAABJRU5ErkJggg=="),
    rgba(255, 92, 92, 0.9);
  border-radius: 11px;
  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600 !important;
  color: #ffffff !important;
  justify-self: end;
}

/* 未关注样式 */
.followed {
  background: rgba(216, 216, 216, 0.9);
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  text-align: center;
}

/* 问诊提问父级 */
.thumbnail_btm {
  grid-area: thumbnail_btm;
  display: flex;
  justify-content: flex-start;
  text-align: center;
  align-self: end;
}

/* thumbnail_ask 图文问诊 */
.thumbnail_btm .thumbnail_ask {
  display: block;
  width: 74px;
  height: 28px;
  border-radius: 14px;
  border: 1px solid #5ca5ff;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #5ca5ff;
  line-height: 28px;
  margin-right: 16px;
}

/* thumbnail_quiz 提问 */
.thumbnail_btm .thumbnail_quiz {
  display: block;
  width: 60px;
  height: 28px;
  border-radius: 14px;
  border: 1px solid #5ca5ff;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #5ca5ff;
  line-height: 28px;
}

.zhuanjia_tuijian_h2 {
  width: 100%;
  font-size: 16px !important;
  font-family: PingFangSC-Semibold, PingFang SC;
  color: #333333;
  line-height: 22px;
  padding: 16px 15px;
  margin: 0 !important;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}

.zhuanjia_tuijian_h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 92%;
  height: 1px;
  background: #f9f9f9;
  opacity: 0.9;
}

.dochover {
  position: relative;
}

/* 提问 */

/* 隐藏搜索框 */
body {
  padding-top: 38px;
}

.col-xs-9 {
  display: none;
}

.col-xs-12 {
  padding: 0 !important;
}

form-group > * {
  outline: none;
}

.question_post {
  color: #999;
}

.question_post a {
  color: skyblue;
  font-weight: 550;
}

.form_label {
  line-height: 1;
  margin: 25px 0 14px;
  color: #333;
}

.navbar-inverse{
  background: transparent !important;
}

/* .article-section{
  height: calc(100vh - 104px);
} */

.form_label:nth-of-type(1) {
  margin: 14px 0 14px;
}

.form_label + input {
  width: 100%;
  border: 0;
  padding: 0;
}

.form_label + select {
  border-radius: 2px;
  color: #ddd;
  border: 1px solid #eee !important;
  padding-left: 10px !important;
  outline: none;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

option{
  color: #333;
}

.article-section {
  padding: 14px 15px 15px;
  margin-bottom: 0;
}

#c-tags_tag {
  width: 100% !important;
}

.form_title {
  height: 32px;
  line-height: 32px;
  border: 1px solid #eee !important;
  padding-left: 10px !important;
  border-radius: 2px;
}

#c-tags_tagsinput {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}

.form_title::placeholder {
  color: #ddd;
}

.md-editor.md-relative.active{
  border: 0;
}

.md-header.btn-toolbar {
  display: none !important;
}

.form_label + select,
.form_label + input,
.form_label + textarea {
  display: block;
  background: transparent;
}

button[type="submit"] {
  height: 40px;
  margin-top: 23px;
}

.foot-bar.foot-bar-tab{
  display: none !important;
}