body,
h1,
h2,
h3,
h4,
p,
dl,
dt,
dd,
ul,
li,
form,
button,
input,
textarea,
th,
td,
a {
  margin: 0;
  padding: 0;
}
header,
section,
footer {
  display: block;
}
body {
  font-family: "Microsoft YaHei", arial, "\5b8b\4f53", sans-serif, tahoma;
  font-size: 14px;
  color: #555;
  background: #f5f5f5;
  min-width: 1200px;
}
img {
  vertical-align: bottom;
  border: 0;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
ul,
ol,
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*取消轻按时高亮*/
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
  /*去苹果圆角*/
}
a,
input,
textarea,
select,
option,
button {
  outline: 0;
  /*点击时虚线边框*/
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #fff;
  box-shadow: inset 0 0 0 1000px #fff;
  /*自动填充背景色*/
}
a {
  color: #555;
  text-decoration: none;
}
.fl {
  float: left !important;
  width: 1040px;
}
.fr {
  float: right !important;
}
.cb {
  clear: both;
}
.ml20 {
  margin-left: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 35px;
}
.w1200,
.wrap {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  clear: both;
}
.link {
  color: #409eff;
  cursor: pointer;
}
.c-text-nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-text-nowrap-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.c-text-nowrap-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body {
  /*滚动条样式*/
}
body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
}
body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
@font-face {
  font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_793494_3qekrx2gem9.eot');
  /* IE9*/
  src: url('//at.alicdn.com/t/font_793494_3qekrx2gem9.eot') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_793494_3qekrx2gem9.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_793494_3qekrx2gem9.svg') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shouji:before {
  content: "\e6b7";
}
.icon-unfold:before {
  content: "\e661";
}
.icon-unfold2:before {
  content: "\e679";
}
.icon-right2:before {
  content: "\e6a3";
}
.icon-pinglun2:before {
  content: "\e640";
}
.icon-fold:before {
  content: "\e6de";
}
.icon-shouye:before {
  content: "\e609";
}
.icon-check:before {
  content: "\e6b1";
}
.icon-kefu:before {
  content: "\e601";
}
.icon-user2:before {
  content: "\e68d";
}
.icon-hot:before {
  content: "\e6ac";
}
.icon-zhiding:before {
  content: "\e6a4";
}
.icon-sousuo:before {
  content: "\e6b4";
}
.icon-caidan:before {
  content: "\e790";
}
.icon-tupian:before {
  content: "\e6aa";
}
.icon-pinglun:before {
  content: "\e6bb";
}
.icon-yuedu:before {
  content: "\e680";
}
.icon-wenzhang:before {
  content: "\e643";
}
.icon-jianjie:before {
  content: "\e6c4";
}
.icon-jiantou:before {
  content: "\e6b6";
}
.icon-lianxi:before {
  content: "\e61a";
}
.icon-jia:before {
  content: "\e626";
}
.icon-verify:before {
  content: "\e691";
}
.icon-more:before {
  content: "\e6ba";
}
.icon-favorite_fill:before {
  content: "\e6ea";
}
.icon-favorite:before {
  content: "\e6eb";
}
.icon-coordinates_fill:before {
  content: "\e6ec";
}
.icon-dianzan_fill:before {
  content: "\e708";
}
.icon-dianzan:before {
  content: "\e709";
}
.icon-yisheng:before {
  content: "\e614";
}
.icon-menzhen:before {
  content: "\e63e";
}
.icon-right:before {
  content: "\e8d9";
}
.icon-guanbi:before {
  content: "\e7b7";
}
.icon-delete:before {
  content: "\e60a";
}
.icon-dianzan {
  cursor: pointer;
}
.icon-dianzan_fill {
  color: red;
}
/*
 * 头部
 */
header {
  background: #fff;
}
header .topBar {
  /*padding: 14px 0;*/
  padding: 12px 0;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  color: #fff;
  border-bottom: 1px solid #eee;
  background: #20a0ff;
}
header .topBar a {
  display: inline-block;
  padding: 0 10px;
  float: left;
  color: #fff;
}
header .topBar span {
  display: inline-block;
  height: 12px;
  border-left: 1px solid #fff;
  float: left;
}
header .head {
  /*padding: 25px 0;*/
  padding: 20px 0;
  height: 75px;
  clear: both;
}
header .logo {
  display: block;
  min-width: 120px;
  height: 60px;
  float: left;
  background: #f8f8f8;
}
header .city-select {
  padding: 15px 0 25px 40px;
  position: relative;
  float: left;
}
header .city-select .city-current {
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  letter-spacing: 2px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
header .city-select .city-current i {
  padding-left: 5px;
}
header .city-select .city-list {
  position: absolute;
  top: 55px;
  left: 25px;
  z-index: 100;
  padding: 10px;
  display: none;
  width: 540px;
  height: auto;
  background: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, 0.3);
  transition: all 3s;
}
header .city-select .city-list a {
  display: inline-block;
  min-width: 110px;
  margin: 3px;
  padding: 5px;
  letter-spacing: 2px;
}
header .city-select .city-list:before {
  position: absolute;
  top: -13px;
  left: 10px;
  z-index: 2;
  display: block;
  content: '';
  width: 43px;
  height: 14px;
  font-size: 0;
  background: url(../img/up.png);
}
header .city-select:hover .city-list,
header .city-select.show .city-list {
  display: block;
}
header .search {
  float: left;
  margin-left: 220px;
}
header .main-nav {
  height: 40px;
  clear: both;
}
header .main-nav .wrap {
  height: 40px;
}
header .main-nav ul {
  float: left;
  margin-left: 35px;
}
header .main-nav li {
  float: left;
}
header .main-nav li a {
  display: inline-block;
  padding: 0 25px;
  line-height: 40px;
  font-size: 18px;
  color: #333;
  text-align: center;
}
header .main-nav li.on a,
header .main-nav li a:hover {
  color: #20a0ff;
}
header .down-nav {
  width: 200px;
  float: left;
  position: relative;
}
header .down-nav .tit {
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #20A0FF;
}
header .down-nav .con {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 10;
  width: 100%;
  min-height: 390px;
  padding-top: 10px;
  background: #fff;
  overflow: hidden;
}
header .down-nav .con a {
  display: block;
  padding-left: 15px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  transition: all 0.3s;
}
header .down-nav .con a i {
  display: inline-block;
  margin-right: 15px;
  width: 24px;
  height: 40px;
  float: left;
  background: center center url(../img/blue/icon_fjx.png) no-repeat;
}
header .down-nav .con a .i-fjx {
  background-image: url(../img/blue/icon_fjx.png);
}
header .down-nav .con a .i-ttjm {
  background-image: url(../img/blue/icon_ttjm.png);
}
header .down-nav .con a .i-mrj {
  background-image: url(../img/blue/icon_mrj.png);
}
header .down-nav .con a .i-df {
  background-image: url(../img/blue/icon_df.png);
}
header .down-nav .con a .i-jm {
  background-image: url(../img/blue/icon_jm.png);
}
header .down-nav .con a .i-mm {
  background-image: url(../img/blue/icon_mm.png);
}
header .down-nav .con a .i-bj {
  background-image: url(../img/blue/icon_bj.png);
}
header .down-nav .con a .i-hx {
  background-image: url(../img/blue/icon_hx.png);
}
header .down-nav .con a .i-xm {
  background-image: url(../img/blue/icon_xm.png);
}
header .down-nav .con a .i-smmf {
  background-image: url(../img/blue/icon_smmf.png);
}
header .down-nav .con a:hover {
  color: #f60;
  transform: translateX(5px);
}
header .down-nav:hover .con {
  display: block !important;
}
header .min-nav {
  padding: 10px 0;
  background: #fff;
  overflow: hidden;
}
header .min-nav .logo {
  height: 60px;
  float: left;
}
header .min-nav ul {
  float: left;
  margin-left: 35px;
  padding-top: 10px;
}
header .min-nav li {
  float: left;
}
header .min-nav li a {
  display: inline-block;
  padding: 0 22px;
  line-height: 40px;
  font-size: 18px;
  color: #333;
  text-align: center;
}
header .min-nav li.on a,
header .min-nav li a:hover {
  color: #20a0ff;
}
header .min-nav .login-reg {
  float: right;
  padding-top: 22px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
}
header .min-nav .login-reg a {
  display: inline-block;
  padding: 0 10px;
  float: left;
  color: #888;
}
header .min-nav .login-reg span {
  display: inline-block;
  height: 16px;
  border-left: 1px solid #888;
  float: left;
}
header .min-nav .login-reg .red {
  color: #ef1818;
}
.search .search-row {
  overflow: hidden;
  margin-bottom: 8px;
  border: 2px solid #20a0ff;
  border-radius: 5px;
}
.search .search-row .search-l {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  float: left;
}
.search .search-row .iconfont {
  display: inline-block;
  width: 50px;
  text-align: center;
  font-size: 24px;
  color: #666;
  float: left;
}
.search .search-row input,
.search .search-row button {
  border: 0;
  box-sizing: border-box;
}
.search .search-row #key {
  width: 360px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  text-indent: 2px;
  float: left;
}
.search .search-row #btn {
  width: 85px;
  height: 42px;
  line-height: 42px;
  background: #20a0ff;
  font-size: 16px;
  color: #fff;
  letter-spacing: 3px;
  float: right;
  display: inline-block;
  cursor: pointer;
}
.search .hot-search span,
.search .hot-search a {
  display: inline-block;
  float: left;
  padding: 0 5px;
  font-size: 14px;
  color: #20a0ff;
}
/*
 * 首页广告位
 */
.home-banner {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  clear: both;
  margin-bottom: 30px;
}
.home-banner .bd {
  margin: 0 auto;
  height: 400px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.home-banner .bd ul {
  width: 100% !important;
}
.home-banner .bd li {
  width: 100% !important;
  height: 400px;
  overflow: hidden;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}
.home-banner .bd a {
  display: block;
  height: 400px;
}
.home-banner .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 10px;
  font-size: 0;
  text-align: center;
  /*ul {display: inline-block;height: 3px;font-size: 0;}*/
}
.home-banner .hd ul {
  text-align: center;
}
.home-banner .hd li {
  display: inline-block;
  width: 40px;
  height: 2px;
  margin-right: 8px;
  background: #fff;
  opacity: 0.6;
  cursor: pointer;
  border-radius: 0;
  border-top: 20px solid transparent;
  border-bottom: 10px solid transparent;
  background-clip: padding-box;
}
.home-banner .hd li.on {
  opacity: 1;
}
.home-banner .prev,
.home-banner .next {
  width: 60px;
  height: 90px;
  margin: -60px 0 0;
  display: none;
  background: url(../img/banner_ctr.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.home-banner .prev {
  left: 50px;
}
.home-banner .next {
  background-position: 0 -90px;
  right: 50px;
}
.home-banner .prev:hover,
.home-banner .next:hover {
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
}
.breadcrumb {
  margin-bottom: 15px;
  padding: 10px 0;
  background: #e6e4e4;
  overflow: hidden;
}
.breadcrumb a,
.breadcrumb span,
.breadcrumb i {
  display: inline-block;
  float: left;
  line-height: 18px;
  padding: 0 3px;
  color: #888;
}
.breadcrumb i {
  padding: 0;
  color: #b2b2b2;
}
/*
 * 左侧
 */
.page-l {
  width: 810px;
  float: left;
}
/*
 * 右侧
 */
.page-r {
  width: 350px;
  float: right;
}
/*
 * 资讯
 */
.home-news {
  margin-bottom: 15px;
  padding: 0px 25px 15px;
  background: #fff;
  border-radius: 8px;
}
.home-news .hd {
  margin-bottom: 10px;
  height: 65px;
  position: relative;
  border-bottom: 1px solid #dedede;

}
.home-news .hd .tit-news {
  display: block;
  width: 70px;
  height: 40px;
  background: url(../img/new.png) no-repeat;
  position: absolute;
  top: -23px;
  left: 0;
}

.home-news .list li {
  padding: 10px 5px;
  overflow: hidden;
  transition: all 0.3s;
}
.home-news .list li a {
  color: #555555;
}
.home-news .list li img {
  width: 130px;
  height: 100px;
  float: left;
  margin-right: 20px;
}
.home-news .list li h3 {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}

.home-news .list li h3:before {
  display: block;
  float: left;
  content: '';
  margin: 8px 12px 0 0;
  width: 8px;
  height: 8px;
  background-color: #f7c524;
  border-radius: 100%;
}
.home-news .list li p {
  max-height: 48px;
  line-height: 26px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  padding-top: 15px;
}
.home-news .list li p span {
  color: #20a0ff;
}
.home-news .list li:hover {
  transform: translateX(5px);
}
.home-news .list li:hover h3 {
  color: #f60;
}
/*
 * 日记
 */
.diaryBox {
  margin-bottom: 35px;
  padding: 1px 0;
  background: #fff;
  border-radius: 8px;
}
.diaryBox .hd {
  overflow: hidden;
  border-bottom: 1px solid #dedede;
}
.diaryBox .hd ul {
  float: left;
  width: 710px;
  height: 66px;
  overflow: hidden;
}
.diaryBox .hd li {
  margin-left: 25px;
  padding: 15px 0;
  float: left;
  position: relative;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.diaryBox .hd li:after {
  display: block;
  content: '';
  width: 0\9;
  height: 2px;
  background: #20a0ff;
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  opacity: 0;
  transition: all 0.3s;
  transform: rotateY(90deg);
}
.diaryBox .hd li.on:after,
.diaryBox .hd li:hover:after {
  width: 80%\9;
  opacity: 1;
  transform: rotateY(0);
}
.diaryBox .hd .more {
  display: inline-block;
  margin-right: 25px;
  padding: 15px 0;
  line-height: 36px;
  font-size: 16px;
  color: #888;
  float: right;
}
.diaryBox .hd .more .iconfont {
  float: right;
  padding-left: 10px;
  font-size: 18px;
}
.diaryBox .diary-list {
  padding: 0 25px;
  margin-bottom: 10px;
}
.diaryBox .diary-list li {
  padding: 30px 0;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  transition: all 0.3s;
}
.diaryBox .diary-list li a {
  display: inline-block;
}
.diaryBox .diary-list li .photos {
  overflow: hidden;
  float: left;
}
.diaryBox .diary-list li .photos .pic {
  position: relative;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 155px;
  height: 150px;
  border-radius: 8px;
}
.diaryBox .diary-list li .photos img {
  width: 100%;
  height: 100%;
}
.diaryBox .diary-list li .photos span {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  border-bottom-right-radius: 8px;
}
.diaryBox .diary-list li .photos .pic:last-child span {
  background: rgba(247, 197, 36, 0.9);
}
.diaryBox .diary-list li .info {
  /*width: 410px;*/
  /*float: right;*/
}
.diaryBox .diary-list li .info .user {
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  margin-bottom: 10px;
}
.diaryBox .diary-list li .info .user img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-right: 18px;
}
.diaryBox .diary-list li .info .user .name {
  max-width: 150px;
  font-size: 16px;
  color: #111;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.diaryBox .diary-list li .info .user .time {
  float: right;
  font-size: 14px;
  color: #888;
}
.diaryBox .diary-list li .info .desc {
  display: block;
  height: 50px;
  line-height: 24px;
  font-size: 15px;
  color: #666;
  margin-bottom: 23px;
  float: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
}
.diaryBox .diary-list li .info .addBtn {
  display: block;
  width: 86px;
  line-height: 34px;
  float: right;
  font-size: 14px;
  color: #20a0ff;
  text-align: center;
  margin-top: 6px;
  border: 1px solid #20a0ff;
  border-radius: 8px;
}
.diaryBox .diary-list li .info .other {
  clear: both;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: right;
  position: relative;
}
.diaryBox .diary-list li .info .other .xm {
  position: absolute;
  top: 0;
  left: 0;
  color: #20a0ff;
  width: 300px;
  height: 24px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.diaryBox .diary-list li .info .other .xm a {
  display: inline-block;
  padding-right: 2px;
  color: #20a0ff;
}
.diaryBox .diary-list li .info .other span {
  display: inline-block;
  margin-right: 20px;
}
.diaryBox .diary-list li .info .other .iconfont {
  display: inline-block;
  margin-right: 2px;
  font-size: 17px;
  float: left;
}
.diaryBox .diary-list li:hover {
  transform: translateX(5px);
}
.diaryBox .diary-list li:hover .desc {
  color: #f60;
}
.diaryBox .loading-more {
  padding: 8px 0;
  line-height: 24px;
  font-size: 14px;
  color: #888;
  text-align: center;
  cursor: pointer;
}
.diaryBox .loading-more a {
  color: #888;
}
/*
 * 侧边
 */
.sidebar .hd {
  overflow: hidden;
  margin-bottom: 10px;
}
.sidebar .hd h2 {
  width: 150px;
  line-height: 24px;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  float: left;
}
.sidebar .hd h2 i {
  position: absolute;
  top: 0;
  left: 25px;
  display: inline-block;
  width: 55px;
  height: 4px;
  background: #20a0ff;
}
.sidebar .hd .more {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
  color: #888;
  float: right;
}
.sidebar .hd .more .iconfont {
  float: right;
  padding-left: 10px;
  font-size: 18px;
}
/*
 * 发友圈-侧边列表
 */
.circle-side {
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.circle-side li {
  padding: 10px 0;
  /*height: 23.3px;*/
  line-height: 24px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}


.circle-side li p{
  padding: 8px 8px 8px 8px;
  font-size: 12px;
  display: none;
}

.circle-side li i {
  display: inline-block;
  float: left;
  margin-right: 10px;
  min-width: 20px;
  color: #888;
  text-align: center;
}
.circle-side li a {
  white-space: nowrap;
  color: #666;
  transition: all 0.2s;
}
.circle-side li.n1 i {
  color: #e32231;
}
.circle-side li.n2 i {
  color: #fea11c;
}
.circle-side li.n3 i {
  color: #b5b5b4;
}
.circle-side li .iconfont {
  font-size: 20px;
}
.circle-side li:hover {
  transform: translateX(5px);
}
.circle-side li:hover a {
  color: #f60;
}
.circle-side li:last-child {
  padding-bottom: 0;
}
/*
 * 认证医院-侧边列表
 */
.hospital-side {
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hospital-side li {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px dashed #e8e8e8;
  transition: all 0.3s;
}
.hospital-side li:last-child {
  padding-bottom: 5px;
  border-bottom: none;
}
.hospital-side li img {
  width: 130px;
  height: 80px;
  float: left;
  border: 1px solid #e8e8e8;
}
.hospital-side li h3 {
  float: right;
  margin-bottom: 12px;
  width: 150px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
.hospital-side li h3 a {
  display: block;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s;
}
.hospital-side li .zxBtn {
  float: right;
  width: 82px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  font-size: 16px;
  color: #20a0ff;
  text-align: center;
  border: 1px solid #20a0ff;
  border-radius: 18px;
}
.hospital-side li:hover {
  transform: translateX(5px);
}
.hospital-side li:hover a {
  color: #f60;
}
/*
 * 经典百科-侧边列表
 */
.baike-side {
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.baike-side li {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px dashed #e8e8e8;
  transition: all 0.3s;
}
.baike-side li:last-child {
  padding-bottom: 5px;
  border-bottom: none;
}
.baike-side li h3 {
  margin-bottom: 5px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.baike-side li p {
  max-height: 72px;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.baike-side li:hover {
  transform: translateX(5px);
}
.baike-side li:hover h3 {
  color: #f60;
  transition: all 0.2s;
}
/*
 * 认证医生-侧边列表
 */
.doctor-side {
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.doctor-side li {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px dashed #e8e8e8;
  transition: all 0.3s;
}
.doctor-side li:last-child {
  padding-bottom: 5px;
  border-bottom: none;
}
.doctor-side li img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  float: left;
}
.doctor-side li h3 {
  display: block;
  margin: 10px 0 0 15px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 110px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  font-weight:600;
}
.doctor-side li .zxBtn {
  float: right;
  margin-top: 10px;
  width: 82px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  font-size: 16px;
  color: #20a0ff;
  text-align: center;
  border: 1px solid #20a0ff;
  border-radius: 18px;
}
.doctor-side li:hover {
  transform: translateX(5px);
}
.doctor-side li:hover a {
  color: #f60;
}
.doctor-side li .abstract{
  float: left;
  line-height: 24px;
}
/*
 * 猜你喜欢-侧边列表
 */
.news-side {
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.news-side li {
  padding: 10px 0;
  line-height: 24px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.news-side li i {
  display: inline-block;
  float: left;
  margin-right: 10px;
  min-width: 20px;
  color: #888;
  text-align: center;
}
.news-side li a {
  color: #666;
  transition: all 0.2s;
}
.news-side li a span{
  white-space: nowrap;
}
.news-side li p{
  font-size: 12px;
  float: left;
  line-height:22px;
  width: 190px;
}
.news-side li div{
  display: none;
}
.news-side li:hover {
  transform: translateX(5px);
}
.news-side li:hover a {
  color: #f60;
}
.news-side li:last-child {
  padding-bottom: 0;
}
.news-side li div img{
  width: 100px;
  height: 100px;
  float: left;
  margin: 8px 8px 8px 0px;
}
/*
 * 底部
 */
footer {
  clear: both;
  background: #fff;
  padding-top: 30px;
}
footer .footer-icon {
  overflow: hidden;
  clear: both;
  margin-bottom: 30px;
}
footer .footer-icon li {
  float: left;
  width: 25%;
}
footer .footer-icon li img {
  height: 60px;
  margin-right: 15px;
  float: left;
}
footer .footer-icon li h4 {
  float: left;
  line-height: 60px;
  font-size: 24px;
  color: #000;
  font-weight: 500;
  letter-spacing: 1px;
}
footer .info {
  overflow: hidden;
  clear: both;
  margin-bottom: 25px;
}
footer .info .info-box {
  width: 250px;
  margin-right: 50px;
  float: left;
}
footer .info h4 {
  margin-bottom: 15px;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  letter-spacing: 1px;
}
footer .info p,
footer .info li {
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}
footer .info a {
  color: #333;
}
footer .info .partner {
  width: 590px;
  margin-right: 0;
}
footer .info .partner li {
  float: left;
  width: 250px;
  margin-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
footer .links {
  overflow: hidden;
  clear: both;
  margin-bottom: 25px;
}
footer .links span,
footer .links a {
  margin-right: 10px;
  line-height: 28px;
  font-size: 14px;
  color: #666;
}
footer .links a {
  padding: 0 2px;
}
footer .state {
  overflow: hidden;
  padding: 20px 0;
  background: #343534;
}
footer .state .wrap {
  /*width: 900px;*/
  margin: 0 auto;
}
footer .state img {
  height: 90px;
  float: left;
}
footer .state .state-r {
  float: left;
  /*
  width: 510px;
  */
}
footer .state p {
  /*
  float: left;

  margin-left: 40px;*/
  line-height: 30px;
  font-size: 14px;
  color: #b2b2b2;
}
footer .state a {
  color: #b2b2b2;
}
footer .state .address {
  clear: both;
}

footer .state .state-map {
  float: right;
}
/*
 * 日记 列表页
 */
.filterBox {
  margin: 15px 0 15px;
  padding: 15px 25px 0px;
  background: #fff;
  border-radius: 8px;
}
.filterBox li {
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
.filterBox li .tit {
  float: left;
  width: 145px;
  line-height: 24px;
  /*text-align: right;*/
  vertical-align: top;
}
.filterBox li .con {
  height: 30px;
  line-height: 24px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s;
}
.filterBox li span {
  display: inline-block;
  margin-right: 12px;
}
.filterBox li a {
  display: inline-block;
  line-height: 24px;
  margin: 0 15px 10px 0;
  padding: 0 6px;
  color: #666;
  border: 1px solid #fff;
  transition: all 0.2s;
}
.filterBox li .on,
.filterBox li a:hover {
  color: #20a0ff;
  text-decoration: none;
  border-color: #20a0ff;
  border-radius: 5px;
}
.filterBox li .iconfont {
  position: absolute;
  top: -2px;
  right: -5px;
  color: #20a0ff;
  padding: 2px 5px;
  cursor: pointer;
  transition: all 0.2s;
  display: none;
}
.filterBox li .all {
  height: auto;
}
.filterBox li .all .iconfont {
  transform: rotate(180deg);
}
.diary-btn-row {
  margin-bottom: 20px;
  overflow: hidden;
}
.diary-btn-row li {
  height: 38px;
  line-height: 38px;
  float: left;
  margin-right: 40px;
  padding: 0 25px;
  font-size: 16px;
  background: #fff;
  border: 1px solid #20a0ff;
  border-radius: 19px;
}
.diary-btn-row li a {
  display: block;
  color: #20a0ff;
}
.diary-btn-row li i {
  display: inline-block;
  width: 20px;
  height: 38px;
  margin-right: 12px;
  float: left;
}
.diary-btn-row li .icon-write {
  background: center center url(../img/green/icon_write.png) no-repeat;
}
.diary-btn-row li .icon-book {
  background: center center url(../img/green/icon_book.png) no-repeat;
}
.hot-hospital-side {
  margin-bottom: 15px;
  margin-top: 60px;
  padding: 25px 25px 20px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hot-hospital-side ul {
  overflow: hidden;
  margin-right: -20px;
}
.hot-hospital-side li {
  margin: 10px 20px 10px 0;
  width: 140px;
  height: 87px;
  float: left;
  border: 0;
}
.hot-hospital-side li img {
  width: 138px;
  height: 85px;
  border: 1px solid #e8e8e8;
}
.hot-doctor-side ul {
  overflow: hidden;
}
.hot-doctor-side li {
  width: 50%;
  float: left;
  border: 0;
}
.hot-doctor-side li span {
  width: 70px;
}
/*
 * 日记 详情页
 */
.diary-detail {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  min-height: 500px;
}
.diary-detail .diary-info {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
}
.diary-detail .diary-info h1 {
  line-height: 30px;
  font-size: 22px;
  color: #000;
  font-weight: 500;
  margin-bottom: 20px;
}
.diary-detail .diary-info h1 span {
  margin-left: 40px;
  font-size: 16px;
  color: #20a0ff;
}
.diary-detail .diary-info .avatar {
  float: left;
}
.diary-detail .diary-info .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.diary-detail .diary-info .avatar p {
  line-height: 30px;
  font-size: 15px;
  color: #666;
  text-align: center;
}
.diary-detail .diary-info .info {
  float: left;
  margin-left: 25px;
  width: 675px;
}
.diary-detail .diary-info .info .row {
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 16px;
  color: #111;
}
.diary-detail .diary-info ul {
  margin-left: -25px;
}
.diary-detail .diary-info li {
  width: 200px;
  height: 200px;
  float: left;
  margin-left: 25px;
  border: 1px solid #f3f3f3;
  background: #f5f5f5;
  transition: all 0.2s;
}
.diary-detail .diary-info li img {
  width: 100%;
  height: 100%;
}
.diary-detail .diary-info li:hover {
  border-color: #20a0ff;
}
.diary-detail .day-con {
  height: auto;
  clear: both;
  margin-top: 35px;
  padding-bottom: 5px;
}
.diary-detail .day-con .time {
  margin-bottom: 15px;
}
.diary-detail .day-con .time span {
  display: inline-block;
  width: 128px;
  line-height: 28px;
  font-size: 14px;
  color: #20a0ff;
  text-align: center;
  border: 1px solid #20a0ff;
  border-radius: 15px;
}
.diary-detail .day-con .desc {
  margin-bottom: 20px;
  line-height: 1.8em;
  font-size: 15px;
  color: #333;
  word-break: break-all;
}
.diary-detail .day-con .desc a {
  display: inline-block;
}
.diary-detail .day-con ul {
  clear: both;
  overflow: hidden;
  margin-right: -25px;
}
.diary-detail .day-con li {
  width: 170px;
  height: 170px;
  float: left;
  margin: 0 23px 23px 0;
  border: 1px solid #f3f3f3;
  background: #f5f5f5;
  transition: all 0.2s;
}
.diary-detail .day-con li img {
  width: 100%;
  height: 100%;
}
.diary-detail .day-con li:hover {
  border-color: #20a0ff;
}
.diary-detail .day-con .other {
  line-height: 24px;
  overflow: hidden;
  color: #888;
}
.diary-detail .day-con .other .date {
  float: left;
}
.diary-detail .day-con .other .other-r {
  float: right;
}
.diary-detail .day-con .other span {
  display: inline-block;
  margin: 0 5px 0 20px;
}
.diary-detail .day-con .other .iconfont {
  display: inline-block;
  margin-right: 2px;
  font-size: 17px;
  float: left;
}
.diary-side {
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.diary-side li {
  padding: 12px 0;
  transition: all 0.3s;
}
.diary-side li .user {
  margin-right: 15px;
  overflow: hidden;
  float: left;
}
.diary-side li .user img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.diary-side li h3 {
  margin-bottom: 5px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
}
.diary-side li p {
  max-height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.diary-side li:hover {
  transform: translateX(5px);
}
.diary-side li:hover h3 {
  color: #f60;
}
.diary-side li:last-child {
  padding-bottom: 0;
}
/*
 * 写日记
 */
.diary-create {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  min-height: 500px;
}
.diary-create h1 {
  margin: 0 -25px 35px;
  padding: 0 25px 10px;
  line-height: 30px;
  font-size: 22px;
  color: #20a0ff;
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.diary-create .layui-form-item {
  max-width: 95%;
}
.diary-create .layui-form-item .layui-form-label {
  width: 90px;
}
.diary-create .layui-form-item .layui-form-label i {
  color: red;
  padding-right: 2px;
}
.diary-create .layui-form-item .layui-input-inline {
  margin-right: 0;
  width: 420px;
}
.diary-create .layui-form-item .layui-input-block {
  margin-left: 120px;
}
.diary-create .layui-upload {
  float: left;
}
.diary-create .layui-upload-list {
  float: left;
  margin: 0;
}
.diary-create .layui-upload-list li {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
  width: 122px;
  height: 122px;
}
.diary-create .layui-upload-list li img {
  width: 100%;
  height: 100%;
}
.diary-create .layui-upload-list li .upload-list__item-delete {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  display: none;
  width: 100%;
  line-height: 122px;
  text-align: center;
  background: #000;
  filter: alpha(opacity=60);
  background: rgba(0, 0, 0, 0.6);
}
.diary-create .layui-upload-list li .upload-list__item-delete .iconfont {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #f8f8f8;
  cursor: pointer;
}
.diary-create .layui-upload-list li:hover .upload-list__item-delete {
  display: block;
}
.diary-create .upload-picture-btn {
  width: 122px;
  height: 122px;
  line-height: 120px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  vertical-align: top;
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
}
.diary-create .upload-picture-btn i {
  font-size: 28px;
  color: #ccc;
}
.diary-create .layui-textarea {
  min-height: 250px;
}
.diary-create .layui-btn {
  width: 120px;
  letter-spacing: 5px;
  font-size: 15px;
}
.project-select-up {
  display: none;
}
.project-select-up .bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: #000;
  opacity: 0.6;
}
.project-select-up .con {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  margin: -190px 0 0 -300px;
  width: 600px;
  height: 380px;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.project-select-up .con .closeBtn {
  position: absolute;
  top: -10px;
  right: -10px;
}
.project-select-up .con .closeBtn .iconfont {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  color: #333;
  cursor: pointer;
}
.project-select-up .con .hd {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 25px;
  border-bottom: 1px solid #dedede;
}
.project-select-up .con .hd h2 {
  float: left;
  width: 140px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.project-select-up .con .hd .tips {
  float: right;
  line-height: 36px;
  margin-top: 12px;
  font-size: 16px;
  color: #888;
}
.project-select-up .con .bd {
  padding: 10px 0 0 25px;
}
.project-select-up .con .bd h3 {
  line-height: 25px;
  font-size: 18px;
  color: #20a0ff;
  margin-bottom: 25px;
}
.project-select-up .con .bd .layui-form-checkbox {
  margin-bottom: 20px;
  padding-right: 15px;
}
.project-select-up .con .bd .layui-form-checkbox span {
  color: #20a0ff;
  background: #d1e5ff;
  border-radius: 5px;
}
.project-select-up .con .bd .layui-form-checkbox:hover span {
  color: #20a0ff;
  background: #d1e5ff;
}
.project-select-up .con .bd .layui-form-checked span,
.project-select-up .con .bd .layui-form-checked:hover span {
  color: #fff;
  background: #20a0ff;
}
.project-select-up .con .bd .layui-icon {
  display: none;
}
.project-select-up .con .bd .btn-select {
  display: block;
  clear: both;
  margin: 20px auto 0;
  width: 120px;
  letter-spacing: 5px;
  font-size: 15px;
}
.layui-form-item {
  margin-bottom: 25px;
  font-size: 15px;
}
.layui-form-item .layui-form-label {
  color: #333;
}
.layui-form-item .layui-input-inline {
  width: 300px;
}
.layui-form-select dl dd.layui-this {
  color: #20a0ff;
  background: #d1e5ff;
}
.layui-btn {
  background-color: #20a0ff;
}
.layui-btn-primary {
  background-color: #fff;
}
.layui-btn-primary:hover {
  border-color: #20a0ff;
}
.layui-upload-img {
  width: 122px;
  height: 122px;
  margin: 0 10px 10px 0;
}
.layui-textarea {
  max-width: 100%;
  box-sizing: border-box;
}
.layui-btn {
  border-radius: 8px;
}
/*
 * 发友圈 - 栏目页
 */
.group-top {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.group-top .banner {
  width: 540px;
  height: 280px;
  float: left;
  position: relative;
}
.group-top .banner img {
  width: 100%;
  height: 100%;
}
.group-top .banner .bd {
  margin: 0 auto;
  height: 280px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.group-top .banner .bd ul {
  width: 100% !important;
}
.group-top .banner .bd li {
  width: 100% !important;
  height: 280px;
  overflow: hidden;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}
.group-top .banner .bd a {
  display: block;
  height: 280px;
}
.group-top .banner .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 5px;
  font-size: 0;
  text-align: center;
}
.group-top .banner .hd ul {
  text-align: center;
}
.group-top .banner .hd li {
  display: inline-block;
  width: 30px;
  height: 2px;
  margin-right: 5px;
  background: #fff;
  opacity: 0.6;
  cursor: pointer;
  border-radius: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-clip: padding-box;
}
.group-top .banner .hd li.on {
  opacity: 1;
}
.group-top .grouping {
  width: 572px;
  height: 280px;
  margin-bottom: 25px;
  float: right;
}
.group-top .grouping li {
  overflow: hidden;
  margin-bottom: 40px;
  width: 285px;
  float: left;
}
.group-top .grouping li img {
  display: block;
  width: 118px;
  height: 118px;
  border: 1px solid #dedede;
  border-radius: 100%;
  float: left;
}
.group-top .grouping li h3 {
  width: 145px;
  line-height: 120px;
  font-size: 18px;
  color: #000;
  float: right;
}
.group-top .grouping li:hover h3 {
  color: #f60;
}
.group-top .topping {
  clear: both;
  padding-top: 25px;
  border-top: 1px dashed #e8e8e8;
  overflow: hidden;
}
.group-top .topping li {
  margin-right: 20px;
  width: 555px;
  height: 34px;
  line-height: 34px;
  float: left;
  font-size: 16px;
  box-sizing: border-box;
  transition: all 0.3s;
}
.group-top .topping li span {
  display: inline-block;
  float: left;
  margin: 7px 8px 0 0;
  width: 45px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #f7c524;
  border: 1px solid #f7c524;
  border-radius: 3px;
}
.group-top .topping li a {
  display: inline-block;
  width: 490px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s;
}
.group-top .topping li:hover a {
  color: #f60;
  transform: translateX(3px);
}
.group-tab {
  height: 40px;
  border-bottom: 1px solid #dedede;
  margin: 0 -25px 10px;
}
.group-tab ul {
  float: left;
  width: 640px;
  height: 40px;
  overflow: hidden;
}
.group-tab li {
  margin-left: 25px;
  padding-bottom: 20px;
  float: left;
  position: relative;
  line-height: 20px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  cursor: pointer;
}
.group-tab li:after {
  display: block;
  content: '';
  width: 0\9;
  height: 2px;
  background: #20a0ff;
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  opacity: 0;
  transition: all 0.3s;
  transform: rotateY(90deg);
}
.group-tab li.on:after,
.group-tab li:hover:after {
  width: 80%\9;
  opacity: 1;
  transform: rotateY(0);
}
.group-tab .postBtn {
  width: 90px;
  height: 34px;
  line-height: 34px;
  float: right;
  margin: -8px 25px 0 0;
  font-size: 16px;
  color: #20a0ff;
  text-align: center;
  border: 1px solid #20a0ff;
  border-radius: 8px;
}
.groupBox {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.groupBox .group-list {
  /*margin-bottom: 35px;*/
}
.groupBox .group-list li {
  padding: 15px 0;
  border-bottom: 1px dashed #dedede;
  transition: all 0.2s;
}
.groupBox .group-list li .tit {
  display: block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  transition: all 0.2s;
}
.groupBox .group-list li .tit span {
  display: inline-block;
  margin: 4px 8px 0 0;
  width: 45px;
  line-height: 20px;
  float: left;
  font-size: 12px;
  text-align: center;
  color: #f7c524;
  border: 1px solid #f7c524;
  border-radius: 3px;
}
.groupBox .group-list li .tit h3 {
  display: inline-block;
  width: 680px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.groupBox .group-list li .tit:hover h3 {
  color: #f60;
}
.groupBox .group-list li .pic,
.groupBox .group-list li .zt {
  display: block;
  width: 707px;
  height: 240px;
  margin-bottom: 10px;
  float: right;
}
.groupBox .group-list li .pic img,
.groupBox .group-list li .zt img {
  width: 100%;
  height: 100%;
}
.groupBox .group-list li .zt {
  width: 100%;
  margin-bottom: 0;
  float: none;
}
.groupBox .group-list li .other {
  line-height: 24px;
  font-size: 14px;
  color: #888;
  text-align: right;
  position: relative;
  clear: both;
}
.groupBox .group-list li .other .time {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 5px;
}
.groupBox .group-list li .other span {
  display: inline-block;
  margin: 0 5px 0 20px;
}
.groupBox .group-list li .other .iconfont {
  display: inline-block;
  margin-right: 2px;
  font-size: 17px;
  float: left;
}
.pagination {
  clear: both;
  overflow: hidden;
  text-align: center;
}
.pagination ul {
  display: inline-block;
}
.pagination li {
  float: left;
  min-width: 36px;
  margin: 5px;
  line-height: 36px;
  font-size: 15px;
  color: #666;
  text-align: center;
}
.pagination li a {
  display: inline-block;
  min-width: 36px;
  color: 14px;
  border: 1px solid #fff;
}
.pagination li.on a {
  color: #20a0ff;
  border-color: #20a0ff;
  border-radius: 100%;
}
/*
 * 热门专题-侧边列表
 */
.hot-topic-side {
  margin-bottom: 15px;
  padding: 25px 25px 15px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hot-topic-side li {
  overflow: hidden;
  padding: 10px 0;
}
.hot-topic-side li a {
  display: block;
}
.hot-topic-side li img {
  width: 100%;
  height: 145px;
}
.hot-topic-side li:last-child {
  margin-bottom: 0;
}
/*
 * 圈子列表-侧边列表
 */
.group-list-side {
  margin-bottom: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.group-list-side ul {
  overflow: hidden;
  margin-bottom: -5px;
}
.group-list-side li {
  padding: 10px 0;
  width: 50%;
  height: 24px;
  line-height: 24px;
  float: left;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}
.group-list-side li i {
  display: inline-block;
  float: left;
  margin-right: 10px;
  width: 22px;
  line-height: 22px;
  color: #f7c524;
  text-align: center;
  border: 1px solid #f7c524;
  border-radius: 100%;
}
.group-list-side li a {
  color: #333;
  transition: all 0.2s;
}
.group-list-side li:hover {
  transform: translateX(5px);
}
.group-list-side li:hover a {
  color: #f60;
}
/*
 * 帖子详情页
 */
.group-detail {
  background: #fff;
  margin-bottom: 45px;
  border-radius: 8px;
}
.group-show {
  padding: 25px;
  overflow: hidden;
}
.group-show .info {
  margin-bottom: 25px;
  overflow: hidden;
}
.group-show .info .avatar {
  float: left;
}
.group-show .info .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.group-show .info .fr {
  width: 675px;
}
.group-show .info h1 {
  line-height: 28px;
  font-size: 22px;
  color: #000;
  font-weight: 500;
  margin-bottom: 8px;
}
.group-show .info p {
  line-height: 24px;
  font-size: 16px;
}
.group-show .info p span {
  color: #20a0ff;
  padding-right: 25px;
}
.group-show .info p em {
  color: #888;
}
.group-show .content {
  float: right;
  width: 675px;
  margin-bottom: 20px;
  overflow: hidden;
  line-height: 1.8;
  font-size: 15px;
  color: #333;
}
.group-show .content img {
  max-width: 100%;
}
.group-show .content p {
  margin-bottom: 13px;
  margin-top: 13px;
}
.group-show .group-pic {
  float: right;
  width: 675px;
  overflow: hidden;
}
.group-show .group-pic li {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
  width: 122px;
  height: 122px;
}
.group-show .group-pic li img {
  width: 100%;
  height: 100%;
}
.group-show .other {
  float: right;
  width: 675px;
  padding: 10px 0;
  border-bottom: 1px solid #dedede;
  line-height: 24px;
  font-size: 14px;
  color: #888;
  text-align: right;
  position: relative;
  clear: both;
}
.group-show .other .time {
  position: absolute;
  top: 10px;
  left: 0;
  margin-left: 5px;
}
.group-show .other span {
  display: inline-block;
  margin: 0 5px 0 20px;
}
.group-show .other .iconfont {
  display: inline-block;
  margin-right: 2px;
  font-size: 17px;
  float: left;
}
.group-reply {
  margin-bottom: 35px;
  padding: 0 25px 0 110px;
  background: #fff;
  overflow: hidden;
}
.group-reply .hd {
  line-height: 36px;
  font-size: 16px;
  color: #333;
}
.group-reply .hd em {
  padding-left: 15px;
  color: #b2b2b2;
}
.group-reply li {
  overflow: hidden;
  padding-top: 15px;
}
.group-reply li .avatar {
  float: left;
}
.group-reply li .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.group-reply li .avatar p {
  line-height: 28px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.group-reply li .info {
  float: right;
  width: 600px;
}
.group-reply li .info .user {
  line-height: 28px;
  margin-bottom: 5px;
}
.group-reply li .info .user .name {
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
.group-reply li .info .user .time {
  font-size: 14px;
  color: #888;
  padding-left: 30px;
  color: #b2b2b2;
}
.group-reply li .info .con {
  line-height: 1.8;
  font-size: 14px;
  color: #666;
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.group-reply li .info .con img {
  max-width: 100%;
}
.group-detail .pagination {
  margin-bottom: 35px;
  padding: 0 20px;
  background: #fff;
  overflow: hidden;
  padding-left: 150px;
}
.group-reply-post {
  clear: both;
  padding: 25px 25px 15px;
  border-top: 1px solid #e8e8e8;
}
.group-reply-post .form-item {
  overflow: hidden;
  margin-bottom: 15px;
}
.group-reply-post .form-item .form-label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}
.group-reply-post .form-item .textarea {
  width: 100%;
  min-height: 100px;
  height: auto;
  padding: 6px 10px;
  resize: vertical;
  line-height: 1.8;
  font-size: 14px;
  color: #333;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-sizing: border-box;
  /*滚动条样式*/
}
.group-reply-post .form-item .textarea:focus {
  border-color: #C9C9C9;
}
.group-reply-post .form-item .textarea::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
}
.group-reply-post .form-item .textarea::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.group-reply-post .form-item .loginBtn,
.group-reply-post .form-item button {
  display: inline-block;
  width: 140px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #20a0ff;
  text-align: center;
  letter-spacing: 1px;
  float: right;
  border: 1px solid #20a0ff;
  background: #fff;
  border-radius: 5px;
}
.circle-detail-side {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.circle-detail-side ul {
  overflow: hidden;
  margin-bottom: -5px;
}
.circle-detail-side li {
  padding: 10px 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}
.circle-detail-side li i {
  display: inline-block;
  float: left;
  margin-right: 10px;
  width: 22px;
  line-height: 22px;
  color: #f7c524;
  text-align: center;
  border: 1px solid #f7c524;
  border-radius: 100%;
}
.circle-detail-side li a {
  font-size: 15px;
  color: #333;
  transition: all 0.2s;
}
.circle-detail-side li:hover {
  transform: translateX(5px);
}
.circle-detail-side li:hover a {
  color: #f60;
}
/*
 * 发帖
 */
.group-post .layui-textarea {
  min-height: 500px;
}
/*
 * 医院 列表页
 */
.hospitalBox {
  margin-bottom: 45px;
  padding: 15px 25px 5px;
  background: #fff;
  border-radius: 8px;
}
.hospitalBox .hd {
  margin: 0 -25px 10px;
  padding: 0 20px 15px;
  overflow: hidden;
  border-bottom: 1px solid #dedede;
}
.hospitalBox .hd li {
  margin-right: 30px;
  float: left;
  position: relative;
  min-width: 120px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.5px;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s;
}
.hospitalBox .hd li.on {
  border-color: #20a0ff;
  color: #20a0ff;
}
.hospitalBox .soBox-noData {
  padding: 40px 0;
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.hospital-list {
  margin-bottom: 35px;
}
.hospital-list li {
  padding: 20px 0;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
  transition: all 0.3s;
}
.hospital-list li .pic {
  width: 120px;
  height: 120px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  float: left;
  overflow: hidden;
}
.hospital-list li img {
  width: 100%;
  height: 100%;
}
.hospital-list li .info {
  float: right;
  width: 615px;
  overflow: hidden;
  position: relative;
}
.hospital-list li h4 {
  min-width: 100px;
  max-width: 480px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-bottom: 6px;
}
.hospital-list li a {
  display: block;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s;
}
.hospital-list li a:hover {
  color: #f60;
}
.hospital-list li .attest-btn {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 5;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: right;
  font-size: 14px;
  color: #b2b2b2;
}
.hospital-list li .attest-btn .iconfont {
  font-size: 18px;
  color: #f7c524;
  padding-right: 10px;
}
.hospital-list li .address-row {
  line-height: 24px;
  overflow: hidden;
  position: relative;
}
.hospital-list li .address-row .address-text {
  width: 480px;
  height: 48px;
  font-size: 14px;
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hospital-list li .address-row .address-text span {
  color: #999999;
}
.hospital-list li .address-row .num {
  height: 24px;
  font-size: 14px;
  color: #888;
}
.hospital-list li .address-row .num span {
  display: inline-block;
  float: left;
  margin: 2px 10px 0 0;
  padding: 0 5px;
  line-height: 18px;
  font-size: 12px;
  color: #20a0ff;
  border: 1px solid #20a0ff;
  border-radius: 5px;
}
.hospital-list li:hover {
  transform: translateX(5px);
}
/*
 * 医院详情页
 */
.hospital-detail .page-l {
  width: 350px;
  float: left;
}
.hospital-detail .page-r {
  width: 810px;
  float: right;
}
.hospital-info {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.hospital-info .logo {
  width: 180px;
  height: 180px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  float: left;
}
.hospital-info .cr {
  float: left;
  margin-left: 20px;
  width: 800px;
}
.hospital-info .cr h1 {
  margin-bottom: 20px;
  float: left;
  display: inline-block;
  max-width: 600px;
  line-height: 36px;
  font-size: 22px;
  color: #000;
  font-weight: 500;
}
.hospital-info .cr .attest-btn {
  float: left;
  margin-left: 15px;
  width: 80px;
  height: 36px;
  line-height: 36px;
  text-align: right;
  font-size: 14px;
  color: #b2b2b2;
}
.hospital-info .cr .attest-btn .iconfont {
  font-size: 18px;
  color: #f7c524;
  padding-right: 10px;
}
.hospital-info .cr p {
  clear: both;
  line-height: 30px;
  font-size: 14px;
}
.hospital-info .cr p span {
  color: #999999;
}
.hospital-info .zxBtn {
  width: 120px;
  line-height: 40px;
  font-size: 16px;
  color: #20a0ff;
  text-align: center;
  border: 1px solid #20a0ff;
  border-radius: 8px;
  cursor: pointer;
  float: right;
  margin-top: 20px;
}
.yy-hd {
  overflow: hidden;
  margin-bottom: 5px;
}
.yy-hd h2 {
  width: 150px;
  line-height: 24px;
  font-size: 18px;
  color: #111;
  font-weight: 500;
  float: left;
}
.yy-hd .iconfont {
  padding-right: 10px;
  width: 22px;
  font-size: 20px;
  color: #f7c524;
  font-weight: normal;
}
.yy-hd .more {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
  color: #888;
  float: right;
}
.yy-hd .more .iconfont {
  float: right;
  padding-left: 10px;
  font-size: 18px;
}
.doctor-team {
  margin-bottom: 35px;
  padding: 25px 25px 15px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.doctor-team ul {
  margin: 0 -20px;
  overflow: hidden;
}
.doctor-team li {
  margin: 15px 20px;
  padding: 25px 8px 0  20px;
  width: 330px;
  float: left;
  transition: all 0.3s;
  border: 1px solid #dedede;
  border-radius: 8px;
  overflow: hidden;
}
.doctor-team li .avatar {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  float: left;
  margin-right: 15px;
}
.doctor-team li .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.doctor-team li .name {
  line-height: 20px;
  font-size: 17px;
  color: #333;
  font-weight: 500;
  margin-bottom: 10px;
}
.doctor-team li .name a:first-child {
  color: #333;
  transition: all 0.2s;
}
.doctor-team li p {
  padding-bottom: 25px;
  line-height: 28px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}
.doctor-team li p span {
  margin-right: 5px;
}
.doctor-team li p em,
.hospital-tag{
  color: #20a0ff;
  padding: 2px;
  margin-right: 5px;
}
.doctor-team li .name a:first-child:hover {
  color: #f60;
}
.hospital-photo {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hospital-photo ul {
  margin-right: -25px;
  margin-top: 15px;
  height: 170px;
  overflow: hidden;
}
.hospital-photo li {
  overflow: hidden;
  width: 245px;
  height: 180px;
  margin-right: 12px;
  float: left;
}
.hospital-photo li img {
  width: 100%;
  height: 100%;
}
.hospital-diary {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hospital-diary .yy-hd {
  margin-bottom: 0;
}
.hospital-diary .diary-list {
  padding: 0;
}
.hospital-diary .diary-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.hospital-intro {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hospital-intro .bd {
  margin-top: 15px;
}
.hospital-intro p {
  line-height: 24px;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}
.hospital-intro p span {
  color: #999999;
}
.hospital-intro .tag a,
.hospital-intro .tag span {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 1px 8px;
  line-height: 24px;
  font-size: 14px;
  color: #20a0ff;
  text-align: center;
  background: #d1e5ff;
  border-radius: 3px;
}
.hospital-contact {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hospital-contact .bd {
  margin-top: 15px;
}
.hospital-contact p {
  line-height: 24px;
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}
.hospital-contact p span {
  color: #20a0ff;
  cursor: pointer;
}
/*
 * 医院 医生团队页&医院相册
 */
.hospital-doctor-all li {
  width: 326px;
}
.hospital-doctor-all li p em,
.hospital-doctor-all li p a {
  color: #666;
}
.hospital-photo-all {
  padding: 25px 25px 15px;
}
.hospital-photo-all ul {
  height: auto;
}
.hospital-photo-all li {
  width: 275px;
  height: 190px;
  margin: 0 17px 20px 0;
}
/*
 * 医生 列表页
 */
.doctor-list {
  margin-bottom: 35px;
}
.doctor-list li {
  padding: 20px 0;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}
.doctor-list li .pic {
  width: 160px;
  height: 120px;
  float: left;
  overflow: hidden;
  border-radius: 8px;
}
.doctor-list li img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.doctor-list li .info {
  float: right;
  width: 570px;
  overflow: hidden;
  position: relative;
}
.doctor-list li .name {
  float: left;
  min-width: 60px;
  max-width: 300px;
  height: 36px;
  margin-right: 20px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-bottom: 6px;
}
.doctor-list li .name a {
  display: block;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s;
}
.doctor-list li .name a:hover {
  color: #f60;
}
.doctor-list li .cz,
.doctor-list li .yy,
.doctor-list li .sc {
  line-height: 24px;
  font-size: 14px;
  color: #b2b2b2;
}
.doctor-list li .cz {
  line-height: 36px;
}
.doctor-list li .yy {
  clear: both;
  margin-bottom: 15px;
}
.doctor-list li .sc {
  max-height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.doctor-list li .sc a {
  display: inline-block;
  color: #20a0ff;
  padding-right: 20px;
}
.doctor-list li .num {
  position: absolute;
  top: 10px;
  right: 0;
  min-width: 65px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #888;
}
.doctor-list li .num span {
  display: inline-block;
  margin-right: 10px;
  width: 36px;
  line-height: 18px;
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
  border: 1px solid #dedede;
  border-radius: 3px;
}
.doctor-list li:hover {
  transform: translateX(5px);
}
/*
 * 医生 详情页
 */
.hospital-info .logo {
  border-radius: 100%;
}
/*
 * 资讯 列表页
 */
.w1h30 {
  width: 1px;
  height: 35px;
  clear: both;
}
.newsBox {
  margin-bottom: 35px;
  padding: 10px 25px;
  background: #fff;
  border-radius: 8px;
}
.newsBox .hd {
  margin-bottom: 5px;
  padding-top: 15px;
}
.newsBox .hd h2 {
  display: inline-block;
  line-height: 30px;
  padding: 5px 20px;
  font-size: 16px;
  color: #2d78f4;
  background: #d1e5ff;
  border-radius: 5px;
}
.news-list {
  padding-bottom: 10px;
}
.news-list li {
  padding: 20px 0;
  height: 120px;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
  transition: all 0.3s;
}
.news-list li .pic {
  display: block;
  width: 160px;
  height: 120px;
  float: left;
}
.news-list li img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.news-list li .info {
  width: 580px;
  float: right;
  position: relative;
}
.news-list li h3 {
  margin-bottom: 5px;
  width: 480px;
}
.news-list li h3 a {
  display: inline-block;
  height: 48px;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
}
.news-list li p {
  max-height: 66px;
  line-height: 22px;
  font-size: 14px;
  color: #888;
  overflow: hidden;
}
.news-list li .time {
  width: 100px;
  height: 22px;
  color: #b2b2b2;
  text-align: right;
  position: absolute;
  top: 1px;
  right: 0;
}
.news-list li:hover {
  transform: translateX(5px);
}
.news-list li:hover a {
  color: #f60;
}
.news-list li:hover p {
  color: #666;
}
.news-tag-side {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.news-tag-side .tags {
  margin-right: -20px;
}
.news-tag-side .tags a {
  display: inline-block;
  margin: 5px 18px 10px 0;
  padding: 0 10px;
  line-height: 24px;
  font-size: 14px;
  color: #2d78f4;
  background: #d1e5ff;
  border-radius: 5px;
}
/*
 * 资讯 -详情页
 */
.news-detail {
  margin-bottom: 35px;
  padding: 25px 25px 20px;
  background: #fff;
  border-radius: 8px;
}
.news-detail h1 {
  line-height: 30px;
  font-size: 22px;
  color: #333;
  font-weight: 600;
  margin-bottom: 10px;
}
.news-detail .time {
  line-height: 24px;
  font-size: 14px;
  color: #b2b2b2;
  margin-bottom: 10px;
}
.news-detail .time .shijian{
  float: right
}
.news-detail .time .laiyuan{
  color: #b2b2b2;
  margin-left: 40px;
}
.news-detail .content {
  line-height: 1.8;
  font-size: 15px;
  color: #333;
  overflow: hidden;
}
.news-detail .content p {
  margin-bottom: 13px;
  margin-top: 13px;
}
.news-detail .content img {
  max-width: 100%;
}
.news-detail .content a:hover {
  color: #f60;
}
.nextBox {
  margin: 5px -25px 0;
  padding: 20px 25px 0;
  overflow: hidden;
  border-top: 1px dashed #dedede;
  font-size: 14px;
}
.nextBox li {
  height: 30px;
  line-height: 30px;
  color: #666;
  overflow: hidden;
}
.nextBox a {
  color: #666;
}
.nextBox a:hover {
  color: #f60;
}
/*
 * 百科 - 栏目页
 */
.baikeBox {
  margin-bottom: 35px;
}
.baikeBox .pagination {
  margin-top: 0;
  padding: 10px 0 30px;
  background: #fff;
}
.baike-project {
  margin-bottom: 15px;
  padding: 20px 25px 15px;
  background: #fff;
  border-radius: 8px;
}
.baike-project .hd {
  margin-bottom: 15px;
}
.baike-project .hd h2 {
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
  color: #333;
}
.baike-project ul {
  overflow: hidden;
}
.baike-project li {
  float: left;
  margin: 17px 52px;
  width: 125px;
  height: 125px;
  overflow: hidden;
  line-height: 125px;
  font-size: 16px;
  text-align: center;
  background: #d1e5ff;
  border-radius: 100%;
  transition: all 0.3s;
}
.baike-project li a {
  display: block;
  color: #2d78f4;
}
.baike-project li:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.baike-project .n1 a,
.baike-project .n8 a {
  background: #dff7bf;
  color: #6eba0a;
}
.baike-project .n2 a,
.baike-project .n9 a {
  background: #edd9f5;
  color: #c362ea;
}
.baike-project .n3 a,
.baike-project .n10 a {
  background: #f5f1b1;
  color: #fdc502;
}
.baike-project .n4 a,
.baike-project .n7 a {
  background: #cce4f4;
  color: #40a6eb;
}
.baike-project .n5 a {
  background: #cbf2ec;
  color: #1fceb3;
}
.baike-project .n6 a {
  background: #ffddcc;
  color: #f97c3e;
}
.baike-list {
  padding: 10px 25px 25px;
  background: #fff;
  border-radius: 8px;
}
.baike-list li {
  padding: 20px 0;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
  transition: all 0.3s;
}
.baike-list li .pic {
  display: block;
  width: 220px;
  height: 145px;
  float: right;
}
.baike-list li img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.baike-list li .info {
  width: 900px;
  float: left;
  position: relative;
}
.baike-list li h3 {
  margin-bottom: 15px;
}
.baike-list li h3 a {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  transition: all 0.2s;
}
.baike-list li p {
  max-height: 96px;
  line-height: 24px;
  font-size: 14px;
  color: #888;
  overflow: hidden;
  transition: all 0.2s;
}
.baike-list li:hover {
  transform: translateX(5px);
}
.baike-list li:hover a {
  color: #f60;
}
.baike-list li:hover p {
  color: #666;
}
/*
 * 百科 - 详情页
 */
.baike-info {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
}
.baike-info h1 {
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}
.baike-info p {
  line-height: 24px;
  font-size: 14px;
  color: 14px;
}
.baike-con {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
}
.baike-con .hd {
  margin: 0 -25px 25px;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}
.baike-con .hd li {
  float: left;
  margin: 0 30px;
  padding-bottom: 15px;
  height: 32px;
  line-height: 32px;
  position: relative;
  font-size: 16px;
  color: #333;
}
.baike-con .hd li:after {
  display: block;
  content: '';
  width: 0\9;
  height: 2px;
  background: #20a0ff;
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  opacity: 0;
  transition: all 0.3s;
  transform: rotateY(90deg);
}
.baike-con .hd li.on:after,
.baike-con .hd li:hover:after {
  width: 80%\9;
  opacity: 1;
  transform: rotateY(0);
}
.baike-con h2 {
  line-height: 30px;
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}
.baike-con .intro {
  margin-bottom: 50px;
}
.baike-con .intro h3 {
  line-height: 24px;
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
}
.baike-con .intro .desc {
  line-height: 24px;
  font-size: 14px;
  color: #888;
}
.baike-con .intro .tags {
  margin-top: 8px;
}
.baike-con .intro .tags span {
  display: inline-block;
  margin-right: 20px;
  padding: 0 12px;
  line-height: 24px;
  font-size: 14px;
  color: #2d78f4;
  background: #d1e5ff;
  border-radius: 3px;
}
.baike-con .intro .str {
  border-top: 1px dashed #dedede;
}
.baike-con .intro .str ul {
  overflow: hidden;
}
.baike-con .intro .str li {
  float: left;
  padding-top: 20px;
  width: 32%;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.baike-con .intro .str li .iconfont {
  color: #ffbc00;
}
.baike-con .intro .str li .gray {
  color: #cecece;
}
.baike-con .nurse {
  margin-bottom: 50px;
}
.baike-con .nurse ul {
  margin-left: 30px;
  padding-top: 2px;
}
.baike-con .nurse li {
  padding-bottom: 40px;
  padding-left: 30px;
  border-left: 1px dashed #b2b2b2;
  position: relative;
}
.baike-con .nurse li i {
  position: absolute;
  top: 10px;
  left: -5px;
  z-index: 3;
  width: 9px;
  height: 9px;
  background: #20a0ff;
  border-radius: 100%;
}
.baike-con .nurse li.on i,
.baike-con .nurse li:hover i {
  top: 4px;
  left: -11px;
  padding: 5px;
  border: 1px dashed #20a0ff;
  background: #fff;
}
.baike-con .nurse li.on i:after,
.baike-con .nurse li:hover i:after {
  display: block;
  content: '';
  width: 7px;
  height: 7px;
  background: #20a0ff;
  border-radius: 100%;
  position: absolute;
  top: 6px;
  left: 6px;
}
.baike-con .nurse li:last-child {
  padding-bottom: 0;
}
.baike-con .nurse li:first-child i {
  top: 0;
}
.baike-con .nurse h3 {
  line-height: 30px;
  font-size: 16px;
  color: #20a0ff;
  margin-bottom: 15px;
}
.baike-con .nurse p {
  line-height: 24px;
  font-size: 14px;
  color: #888;
}
.baike-con .nurse p strong {
  color: #333;
  font-weight: normal;
}
.baike-con .faq {
  margin-bottom: 10px;
}
.baike-con .faq li {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #dedede;
}
.baike-con .faq li h3 {
  line-height: 24px;
  font-size: 16px;
  color: #20a0ff;
  cursor: pointer;
}
.baike-con .faq li i {
  display: block;
  width: 20px;
  height: 20px;
  margin: 2px 15px 0 0;
  float: left;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #20a0ff;
  border-radius: 3px;
}
.baike-con .faq li span {
  display: block;
  margin-left: 35px;
}
.baike-con .faq li p {
  display: none;
  line-height: 24px;
  font-size: 14px;
  color: #888;
}
.baike-con .faq li p i {
  background: #f8c932;
}
.baike-con .faq li.on h3 {
  margin-bottom: 12px;
}
.baike-con .faq li.on p {
  display: block;
}
.baike-diary {
  margin-bottom: 35px;
  padding: 20px 25px 15px;
  background: #fff;
  border-radius: 8px;
}
.baike-diary .yy-hd {
  margin-bottom: 0;
}
.baike-diary .diary-list {
  padding: 0;
}
.baike-diary .diary-list li .info {
  width: 798px;
}
.baike-diary .diary-list li:last-child {
  padding-bottom: 10px;
  border: 0;
}
/*
 * 百科 - 详情页老版
 */
.baike-con-old {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
}
.baike-con-old h1 {
  font-size: 24px;
  color: #000;
}
.baike-con-old .content {
  line-height: 1.6;
  font-size: 14px;
  color: #888;
  margin: 20px 0;
  word-break: break-all;
}
.baike-con-old .content h3 {
  margin-bottom: 17.5px;
  color: #888;
}
.baike-con-old .content ul,
.baike-con-old .content ol {
  padding-left: 1em;
}
.baike-con-old .content li {
  list-style: outside;
}
.baike-con-old .content img {
  max-width: 100%;
  height: auto;
}
.baike-con-old .content .wiki-section {
  margin-bottom: 15px;
}
.baike-con-old .content .wiki-section h3 {
  margin-bottom: 17.5px;
  /*padding-left: 60/@rex;*/
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #20a0ff;
  font-weight: bold;
  position: relative;
}
.baike-con-old .content .wiki-section .text-list {
  /*padding: 10/@rex 0;*/
}
.baike-con-old .content .wiki-section h4 {
  display: inline-block;
  margin-bottom: 12.5px;
  padding: 5.5px 11px;
  line-height: 1;
  font-size: 12px;
  color: #20a0ff;
  font-weight: 500;
  border: 1px solid #20a0ff;
  border-radius: 11.5px;
}
.baike-con-old .content .wiki-section .item {
  margin-bottom: 17.5px;
  /*padding: 5/@rex 0;*/
}
.baike-con-old .content .wiki-section h5 {
  margin-bottom: 12.5px;
  line-height: 17.5px;
  font-size: 15px;
  color: #333;
}
.baike-con-old .content .module-title {
  margin-bottom: 17.5px;
  padding-left: 30px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #20a0ff;
  font-weight: bold;
  position: relative;
}
.baike-con-old .content .module-content .nursing-box {
  margin-bottom: 12.5px;
  padding: 5px 0;
}
.baike-con-old .content .module-content .nursing-title {
  display: inline-block;
  margin-bottom: 12.5px;
  padding: 5.5px 11px;
  line-height: 1;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  background: #20a0ff;
  border-radius: 11.5px;
}
.baike-con-old .content .module-content .nursing-des {
  margin-bottom: 12.5px;
}
.baike-con-old .content .module-content .nursing-des em {
  display: inline-block;
  margin-bottom: 12.5px;
  line-height: 17.5px;
  font-size: 15px;
  color: #333;
}
.baike-con-old .content .module-content .sub-title {
  margin: 10px 0;
  line-height: 17.5px;
  font-size: 15px;
  color: #333;
  font-weight: 500;
}
/*
 * 关于我们
 */
.about-main {
  margin-bottom: 45px;
  overflow: hidden;
}
.about-sidebar {
  float: left;
  width: 220px;
  background: #fff;
  border-radius: 8px;
  min-height: 600px;
  overflow: hidden;
}
.about-sidebar li {
  padding: 18px 0;
  line-height: 30px;
  border-bottom: 1px solid #dddd;
  font-size: 16px;
  transition: all 0.3s;
}
.about-sidebar li a {
  display: block;
  padding-left: 33px;
  color: #333;
  border-left: 3px solid #fff;
  transition: all 0.3s;
}
.about-sidebar li.on a,
.about-sidebar li:hover a {
  border-color: #20a0ff;
}
.about-sidebar li:hover {
  transform: translateX(3px);
}
.about-content {
  padding: 25px;
  width: 890px;
  float: right;
  background: #fff;
  border-radius: 8px;
}
.about-content h1 {
  margin-bottom: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.about-content h2 {
  line-height: 30px;
  font-size: 18px;
  color: #20a0ff;
  font-weight: 600;
  margin: 40px 0 15px;
}
.about-content p {
  line-height: 1.8;
  font-size: 16px;
  margin-bottom: 10px;
}
.about-content img {
  max-width: 100%;
  height: auto;
}
.about-content .pact-con h3 {
  margin: 15px 0 8px;
  line-height: 1.5;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.about-content .pact-con p {
  margin-bottom: 5px;
  line-height: 1.6;
  font-size: 12px;
  color: #333;
  text-indent: 2em;
}
.about-content .pact-con .fwb {
  font-weight: 700;
}
.about-content .pact-con .cr {
  color: red;
}
/*
 * 搜索页
 */
.search-top {
  clear: both;
  width: 100%;
  background: #fff;
  margin-bottom: 35px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.search-top .search {
  margin: 0 auto 30px;
  padding-top: 40px;
  width: 520px;
  overflow: hidden;
}
.search-top .hd {
  height: 48px;
  background: #eee;
}
.search-top .hd ul {
  width: 1200px;
  margin: 0 auto;
}
.search-top .hd li {
  float: left;
  margin: 0 25px;
  min-width: 50px;
  height: 46px;
  cursor: pointer;
  line-height: 46px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border-bottom: 2px solid #eee;
  transition: all 0.2s;
}
.search-top .hd li.on,
.search-top .hd li:hover {
  border-color: #20a0ff;
}
.search-main .soBox {
  overflow: hidden;
  margin-bottom: 35px;
}
.search-main .soBox-noData {
  padding: 40px 0;
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.search-main .soDiary {
  display: block;
}
.search-main .soGroup {
  padding: 20px;
  background: #fff;
}
.search-main .soBaike {
  background: #fff;
  border-radius: 8px;
}
.search-main .soBaike .baike-list {
  padding-bottom: 5px;
}
.search-main .soNews {
  padding: 10px 25px 0;
  background: #fff;
  border-radius: 8px;
}
.search-main .soNews .news-list .info {
  width: 960px;
}
.search-main .soNews .news-list h3 {
  width: 860px;
}
.soGroup-list li {
  padding: 10px 0;
  overflow: hidden;
  transition: all 0.3s;
}
.soGroup-list li .avatar {
  float: left;
}
.soGroup-list li .avatar img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
}
.soGroup-list li .avatar p {
  line-height: 30px;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.soGroup-list li .info {
  float: right;
  padding-bottom: 10px;
  width: 1050px;
  border-bottom: 1px solid #dedede;
}
.soGroup-list li .info h3 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 10px;
}
.soGroup-list li .info h3 .tit {
  display: inline-block;
  float: left;
  max-width: 800px;
  padding-right: 20px;
  color: #333;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.soGroup-list li .info h3 .tag {
  font-size: 14px;
  color: #20a0ff;
}
.soGroup-list li .info p {
  line-height: 1.6;
  font-size: 14px;
  color: #666;
}
.soGroup-list li .info .pics {
  overflow: hidden;
  margin-bottom: 5px;
}
.soGroup-list li .info img {
  float: left;
  width: 230px;
  height: 200px;
  margin: 13px 26px 13px 0;
}
.soGroup-list li .info .other {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #888;
  text-align: right;
  position: relative;
}
.soGroup-list li .info .other .time {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 5px;
}
.soGroup-list li .info .other .iconfont {
  margin-right: 2px;
  font-size: 18px;
}
.soGroup-list li .info .other span {
  margin-right: 20px;
}
.soGroup-list li:hover {
  transform: translateX(5px);
}
.soGroup-list li:hover h3 .tit {
  color: #f60;
}
.soGroup-list li:hover p {
  color: #333;
}
/*
 * 登录注册
 */
.login-box .bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: #000;
  opacity: 0.6;
}
.login-box .login-con {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  margin: -250px 0 0 -200px;
  width: 400px;
  /*height: 500px;*/
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.loginBox .bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
  cursor: pointer;
}
.loginBox .con {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  margin: -250px 0 0 -200px;
  padding: 10px 30px 20px;
  width: 400px;
  /*height: 500px;*/
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.loginBox .con .closeBtn {
  position: absolute;
  top: -10px;
  right: -10px;
}
.loginBox .con .closeBtn .iconfont {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  color: #333;
  cursor: pointer;
}
.loginBox .con .hd ul {
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  margin-bottom: 35px;
}
.loginBox .con .hd li {
  margin-right: 35px;
  line-height: 50px;
  float: left;
  cursor: pointer;
  font-size: 16px;
  color: #888;
  border-bottom: 2px solid #fff;
}
.loginBox .con .hd li.on {
  color: #000;
  border-color: #20a0ff;
}
.loginBox .con .logo {
  margin: 0 auto 30px;
  width: 130px;
  text-align: center;
}
.loginBox .con .logo img {
  width: 120px;
  height: 60px;
  margin-bottom: 10px;
}
.loginBox .con .logo p {
  line-height: 35px;
  font-size: 14px;
  color: #333;
}
.loginBox .con .form-item {
  margin-bottom: 25px;
  padding: 8px 0;
  font-size: 16px;
  color: #333;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.loginBox .con .form-item .iconfont {
  float: left;
  display: inline-block;
  padding-left: 5px;
  width: 20px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #999;
  text-align: center;
}
.loginBox .con .form-item input {
  display: inline-block;
  padding: 0 5px;
  width: 300px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  border: 0;
  box-sizing: border-box;
}
.loginBox .con .form-item .btn-primary {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #20a0ff;
  border: 0;
  cursor: pointer;
}
.loginBox .con .form-verify {
  float: left;
  width: 180px;
}
.loginBox .con .form-verify input {
  width: 152px;
}
.loginBox .con .form-verify-text {
  margin-left: 8px;
  padding: 0;
  float: left;
  width: 148px;
  border-color: #20a0ff;
  cursor: pointer;
}
.loginBox .con .form-verify-text span {
  display: block;
  line-height: 40px;
  color: #20a0ff;
  text-align: center;
}
.loginBox .con .form-btn {
  clear: both;
  margin-bottom: 10px;
  padding: 0;
  border: 0;
}
.loginBox .con .tips {
  display: none;
  line-height: 24px;
  font-size: 14px;
  color: #b2b2b2;
  text-align: center;
}
.loginBox .con .pact {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.loginBox .con .pact i {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: left center url(../img/green/icon_checkBox.png) no-repeat;
  background-size: 16px;
  float: left;
  cursor: pointer;
}
.loginBox .con .pact i.on {
  background-image: url(../img/green/icon_checkBox_on.png);
  background-size: 16px;
}
.loginBox .login-con .tips {
  display: block;
}
.loginBox .login-con .pact {
  display: none;
}
/*
 * 会员中心
 */
.member-sidebar {
  width: 260px;
  min-height: 600px;
  background: #fff;
  border-radius: 8px;
  float: left;
  margin-bottom: 60px;
  padding-top: 20px;
}
.member-sidebar .user {
  text-align: center;
}
.member-sidebar .user img {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  margin-bottom: 10px;
}
.member-sidebar .user p {
  line-height: 30px;
  font-size: 18px;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}
.member-sidebar li {
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  transition: padding 0.5s;
}
.member-sidebar li a {
  display: block;
  padding-left: 33px;
  line-height: 28px;
  color: #333;
  border-left: 4px solid #fff;
}
.member-sidebar li.on a,
.member-sidebar li:hover a {
  border-color: #20a0ff;
}
.member-sidebar li:last-child {
  border-bottom: 0;
}
.member-main {
  width: 900px;
  min-height: 620px;
  background: #fff;
  border-radius: 8px;
  float: right;
  margin-bottom: 60px;
}
.member-home {
  padding: 20px 30px;
}
.member-home .user-info {
  margin-bottom: 35px;
}
.member-home h3 {
  line-height: 30px;
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
}
.member-home p {
  line-height: 30px;
  font-size: 14px;
  color: #888;
}
.member-home .tag {
  margin-bottom: 20px;
}
.member-home .tag span {
  display: inline-block;
  min-width: 4em;
  line-height: 24px;
  font-size: 14px;
  color: #20a0ff;
  text-align: center;
  background: #d1e5ff;
  border-radius: 3px;
  margin: 0 20px 15px 0;
  padding: 0 10px;
}
.member-msg .hd {
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.member-msg .hd li {
  float: left;
  padding: 0 30px;
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #333;
  position: relative;
  cursor: pointer;
}
.member-msg .hd li .iconfont {
  display: none;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  color: #20a0ff;
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -9px;
}
.member-msg .hd li.on {
  color: #20a0ff;
}
.member-msg .hd li.on .iconfont {
  display: inline-block;
}
.member-msg .msgBox {
  margin-bottom: 35px;
  padding: 0 30px;
}
.member-msg .system-msg .list,
.member-msg .zan-msg .list {
  margin-bottom: 35px;
}
.member-msg .system-msg .list li,
.member-msg .zan-msg .list li {
  padding: 10px 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s;
}
.member-msg .system-msg .list li a,
.member-msg .zan-msg .list li a {
  display: inline-block;
  float: left;
  max-width: 730px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-msg .system-msg .list li span,
.member-msg .zan-msg .list li span {
  display: inline-block;
  float: right;
  color: #888;
}
.member-msg .system-msg .list li:hover,
.member-msg .zan-msg .list li:hover {
  transform: translateX(5px);
}
.member-msg .system-msg .list li:hover a,
.member-msg .zan-msg .list li:hover a {
  color: #f60;
}
.member-msg .diary-comment .list {
  margin-bottom: 35px;
}
.member-msg .diary-comment .list li {
  padding: 10px 0;
  line-height: 30px;
  font-size: 14px;
  overflow: hidden;
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s;
}
.member-msg .diary-comment .list li a {
  display: inline-block;
  float: left;
}
.member-msg .diary-comment .list li .tit {
  color: #888;
}
.member-msg .diary-comment .list li .desc {
  max-width: 730px;
  max-height: 48px;
  line-height: 24px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
}
.member-msg .diary-comment .list li span {
  display: inline-block;
  float: right;
  color: #888;
}
.member-msg .diary-comment .list li:hover {
  transform: translateX(5px);
}
.member-msg .diary-comment .list li:hover a {
  color: #f60;
}
.member-diary .hd {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 25px;
  border-bottom: 1px solid #dedede;
}
.member-diary .hd h2 {
  float: left;
  width: 140px;
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.member-diary .hd .btn {
  float: right;
  width: 100px;
  line-height: 36px;
  margin-top: 14px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #20a0ff;
  border-radius: 5px;
}
.member-diary .member-diary-list {
  padding: 0 25px;
  margin-bottom: 35px;
}
.member-diary .member-diary-list li {
  padding: 25px 0;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  transition: all 0.2s;
}
.member-diary .member-diary-list li a {
  display: inline-block;
}
.member-diary .member-diary-list li .photos {
  overflow: hidden;
  float: left;
}
.member-diary .member-diary-list li .photos .pic {
  position: relative;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 155px;
  height: 150px;
  border-radius: 8px;
}
.member-diary .member-diary-list li .photos img {
  width: 100%;
  height: 100%;
}
.member-diary .member-diary-list li .photos span {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  border-bottom-right-radius: 8px;
}
.member-diary .member-diary-list li .photos .pic:last-child span {
  background: rgba(247, 197, 36, 0.9);
}
.member-diary .member-diary-list li .info {
  width: 500px;
  float: right;
}
.member-diary .member-diary-list li .info .user {
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  margin-bottom: 10px;
}
.member-diary .member-diary-list li .info .user img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-right: 18px;
}
.member-diary .member-diary-list li .info .user .name {
  max-width: 150px;
  font-size: 18px;
  color: #111;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.member-diary .member-diary-list li .info .user .time {
  float: right;
  font-size: 14px;
  color: #888;
}
.member-diary .member-diary-list li .info .desc {
  display: block;
  width: 370px;
  height: 48px;
  line-height: 24px;
  font-size: 15px;
  color: #666;
  margin-bottom: 23px;
  float: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.member-diary .member-diary-list li .info .addBtn {
  display: block;
  width: 86px;
  line-height: 34px;
  float: right;
  font-size: 14px;
  color: #20a0ff;
  text-align: center;
  margin-top: 6px;
  border: 1px solid #20a0ff;
  border-radius: 8px;
}
.member-diary .member-diary-list li .info .other {
  clear: both;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: right;
  position: relative;
}
.member-diary .member-diary-list li .info .other .xm {
  position: absolute;
  top: 0;
  left: 0;
  color: #20a0ff;
  width: 370px;
  height: 24px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-diary .member-diary-list li .info .other .xm a {
  display: inline-block;
  padding-right: 2px;
  color: #20a0ff;
}
.member-post .hd {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 25px;
  border-bottom: 1px solid #dedede;
}
.member-post .hd h2 {
  float: left;
  width: 140px;
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.member-post .soGroup-list {
  padding: 0 25px;
  margin-bottom: 35px;
}
.member-post .soGroup-list li .info {
  float: none;
  width: auto;
}
.member-post .soGroup-list li .info h3 {
  font-size: 14px;
}
.member-post .soGroup-list li .info .tit {
  max-width: 600px;
}
.member-post .soGroup-list li .info img {
  width: 150px;
  height: 150px;
  margin: 10px 20px 10px 0;
}
.member-setting .hd {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 25px;
  border-bottom: 1px solid #dedede;
}
.member-setting .hd h2 {
  float: left;
  width: 140px;
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.member-setting .layui-form {
  padding: 25px;
}
.member-setting .layui-form .layui-input-inline {
  width: 250px;
}
.member-setting .layui-form .form-label-top {
  margin-bottom: 50px;
  padding-left: 20px;
}
.member-setting .layui-form .form-label-top .layui-form-label {
  float: none;
  width: 80%;
  text-align: left;
}
.member-setting .layui-form .form-label-top .layui-input-block {
  margin: 0 15px;
}
.member-setting .layui-form .form-label-top .layui-form-checkbox {
  margin-bottom: 5px;
  padding-right: 0;
}
.member-setting .layui-form .form-label-top .layui-form-checkbox span {
  color: #20a0ff;
  background: #d1e5ff;
  border-radius: 5px;
}
.member-setting .layui-form .form-label-top .layui-form-checkbox:hover span {
  color: #20a0ff;
  background: #d1e5ff;
}
.member-setting .layui-form .form-label-top .layui-form-checked span,
.member-setting .layui-form .form-label-top .layui-form-checked:hover span {
  color: #fff;
  background: #20a0ff;
}
.member-setting .layui-form .form-label-top .layui-icon {
  display: none;
}
.member-setting .layui-form .layui-upload {
  float: left;
}
.member-setting .layui-form .layui-upload-list {
  float: left;
  margin: 0;
}
.member-setting .layui-form .layui-upload-list img {
  width: 122px;
  height: 122px;
  margin: 0 10px 10px 0;
}
.member-setting .layui-form .upload-picture-btn {
  width: 122px;
  height: 122px;
  line-height: 120px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  vertical-align: top;
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
}
.member-setting .layui-form .upload-picture-btn i {
  font-size: 28px;
  color: #ccc;
}
.member-setting .layui-form .layui-btn {
  margin-left: 35px;
  width: 100px;
  letter-spacing: 2px;
  font-size: 15px;
}
/*
 * float: left;
 */
.fixedRight {
  position: fixed;
  bottom: 100px;
  left: 50%;
  margin-left: 620px;
  min-height: 180px;
}
.fixedRight div {
  width: 50px;
  height: 50px;
  margin-top: 10px;
  background: #000;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px;
}
.fixedRight div .iconfont {
  display: block;
  width: 50px;
  line-height: 50px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: all 0.3s;
}
.fixedRight div span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 5px 0;
  width: 50px;
  height: 40px;
  background: #333;
  opacity: 0;
  transition: all 0.3s;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.fixedRight div .iconfont {
  opacity: 0;
}
.fixedRight div span {
  opacity: 1;
}
.fixedRight .home .iconfont,
.fixedRight .mqBtn .iconfont {
  line-height: 45px;
}
.fixedRight .top {
  display: none;
}
/*消息提示*/
.bd-message {
  position: fixed;
  top: -200px;
  left: 50%;
  z-index: 1002;
  margin-left: -115px;
  padding: 8px 15px;
  min-width: 200px;
  max-width: 300px;
  line-height: 28px;
  font-size: 16px;
  background: #f5f5f5;
  border: 1px solid #eee;
  border-radius: 3px;
  transition: all 0.2s;
}
.bd-message.show {
  top: 100px;
}
.bd-message.warning {
  background-color: #fdf6ec;
  color: #e6a23c;
  border-color: #faecd8;
}
.bd-message.success {
  background-color: #f0f9eb;
  color: #67c23a;
  border-color: #e1f3d8;
}
/*
 * 活动-富文本
 */
.activity-text {
  margin-bottom: 35px;
  padding: 25px 25px 20px;
  background: #fff;
  border-radius: 8px;
}
.activity-text .top-pic {
  margin-bottom: 20px;
}
.activity-text .top-pic img {
  width: 100%;
  min-height: 300px;
}
.activity-text h1 {
  line-height: 30px;
  font-size: 22px;
  color: #333;
  font-weight: 600;
  margin-bottom: 10px;
}
.activity-text .time {
  line-height: 24px;
  font-size: 14px;
  color: #b2b2b2;
  margin-bottom: 10px;
}
.activity-text .content {
  margin-top: 20px;
  line-height: 1.8;
  font-size: 15px;
  color: #333;
  overflow: hidden;
}
.activity-text .content img {
  max-width: 100%;
}
.activity-text .content a:hover {
  color: #f60;
}
/*
 * 悬浮优惠卷
 */
.fixed-coupon {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  margin-top: -270px;
  margin-left: -220px;
  display: none;
}
.fixed-coupon img {
  width: 440px;
  height: 539px;
  cursor: pointer;
}
.fixed-coupon .closeBtn {
  position: absolute;
  top: 0px;
  right: 28px;
  z-index: 3;
}
.fixed-coupon .closeBtn .iconfont {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  color: #333;
  cursor: pointer;
}
.bounce0 {
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  opacity: 0;
}
.bounceIn {
  animation: bounceIn 0.2s linear 0s;
}
.yao1yao {
  animation: yao1yao 0.3s linear 0s infinite;
}
@keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.8;
  }
  40% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes yao1yao {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  75% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*日记详情查看全文*/
.show-all {
  color:#2cc7c5
}
/*
 * ue编辑器
 */
.edui-container {
  width: 100% !important;
  min-height: 500px;
}
#myEditor {
  height: 500px;
}

.recommend_news {
  margin: -5px -25px 0;
  padding: 20px 25px 0;
  overflow: hidden;
  font-size: 14px;
}

.recommend_news ul {
  margin-top: 15px;
}

.recommend_news span {
  font-size: 20px;
}

.recommend_news li{
  font-size: 13px;
  line-height: 40px;
  float:left;
  display:block;
  width: 50%;
}

.recommend_news li a:hover{
  color: #f60;
  padding-left: 5px;
}
/*
项目分类标题和内容描述.
*/
.categoty-content {
  display: none;
  z-index: 11;
  width: 500px;
  height: 400px;
  left: 200px;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
}

.categoty-content h2{
  height: 40px;
  padding-top: 10px;
  padding-left: 20px;
}

.categoty-content p{
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
  max-height: 360px;
  line-height: 30px;
  font-size: 14px;
}

.home-news li:hover a {
  color: #f60;
  font-size: 16px;
  padding-bottom: 10px;
}
.home-news li a {
  font-size: 17px;
}


.home-news .hd ul {
  float: left;
  width: 690px;
  height: 66px;
  overflow: hidden;
}
.home-news .hd li {
  margin-right: 25px;
  padding: 15px 0;
  float: left;
  position: relative;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.home-news .hd li:after {
  display: block;
  content: '';
  width: 0\9;
  height: 2px;
  background: #20a0ff;
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  opacity: 0;
  transition: all 0.3s;
  transform: rotateY(90deg);
}
.home-news .hd li.on:after,
.home-news .hd li:hover:after {
  width: 80%\9;
  opacity: 1;
  transform: rotateY(0);
}
.home-news .hd .more {
  display: inline-block;
  padding: 15px 0;
  line-height: 36px;
  font-size: 16px;
  color: #888;
  float: right;
}
.home-news .hd .more .iconfont {
  float: right;
  padding-left: 10px;
  font-size: 18px;
}


.map-index {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 20px 25px 15px;
  background: #fff;
  border-radius: 8px;
}
.map-index .hd {
  margin-bottom: 15px;
}
.map-index .hd h2 {
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
  color: #333;
}
.map-index .map-more {
  line-height: 40px;
}

.map-index .map-more li:hover,
.map-hospital .hd a:hover,
.map-baike-project .hd a:hover{
  color: #f60;
  transform: translateX(3px);
}

.map-baike-project {
  padding-bottom: 30px;
  overflow: hidden;
}

.map-baike-project ul {
  clear: both;
  padding-top: 25px;
  border-top: 1px dashed #e8e8e8;
  overflow: hidden;
}
.map-baike-project li {
  float: left;
  margin: 17px 52px;
  width: 125px;
  height: 125px;
  overflow: hidden;
  line-height: 125px;
  font-size: 16px;
  text-align: center;
  background: #d1e5ff;
  border-radius: 100%;
  transition: all 0.3s;
}
.map-baike-project li a {
  display: block;
  color: #2d78f4;
}
.map-baike-project li:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.map-baike-project .n1 a{
  background: #dff7bf;
  color: #6eba0a;
}

.map-hospital {
  margin-bottom: 20px;
}

.map-hospital .topping {
  clear: both;
  padding-top: 15px;
  border-top: 1px dashed #e8e8e8;
  overflow: hidden;
}
.map-hospital .topping li {
  margin-right: 20px;
  width: 250px;
  height: 34px;
  line-height: 34px;
  float: left;
  font-size: 16px;
  box-sizing: border-box;
  transition: all 0.3s;
  overflow: hidden;
}
.map-hospital .topping li a {
  display: inline-block;
  width: 490px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s;
}
.map-hospital .topping li:hover a {
  color: #f60;
  transform: translateX(3px);
}

.map-index .hd span {
  padding-left: 20px;
}


header .min-nav-map {
  padding: 10px 0;
  width: 1200px;
  background: #fff;
  overflow: hidden;
}

header .min-nav-map ul {
  float: left;
  margin-left: 25px;
  padding-top: 10px;
}
header .min-nav-map li {
  float: left;
}
header .min-nav-map li a {
  display: inline-block;
  padding-right:44px;
  line-height: 40px;
  font-size: 18px;
  color: #333;
  text-align: center;
}
header .min-nav-map li.on a,
header .min-nav-map li a:hover {
  color: #20a0ff;
}

.doctor-team .appointment {
  font-size: 17px;
  float: right;
  margin-right: 5px;
  color: #20a0ff;
}

.index-new-opentime {
  float: right;
  margin-right: 13px;
}
/*# sourceMappingURL=style_blue.css.map */
/*登录验证码*/
.form-verify-img {
  margin-left: 8px;
  padding: 0;
  float: left;
  width: 148px;
  margin-bottom: 25px;
  font-size: 16px;
  color: #333;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.verify_img {
  width: 148px;
  height: 42px;
}

/*弹窗*/
.center-tc{
  cursor: pointer;
  position: fixed;
  top: 20%;
  vertical-align: middle;
  left: 35%;
  text-align: center;
  z-index: 999;
  right: 0px;
  width: 500px;
  height: 360px;
  display: block;
}

.close_tc{
  width: 50px;
  height: 50px;
  display:inline-block;
  position: absolute;
  right: 3%;
  top:2%
}




/* 图片模糊处理 */
/* 整形医生 */ 
.doctor-list li img,.doctor-side li img,.news-side li div img,
/* 整形项目 */ 
.diaryBox .diary-list li .photos img,.baike-list li img,
/* 案例 */  
/* 整形资讯 */
.home-news .list li img,.news-list li img,.news-detail .content img
{
  filter: blur(5px);
}


.shenming {
  color: #7d7d7d;
  border: 1px solid #eee;
  padding: 10px;
  line-height: 32px;
  font-size: 14px
}
.source-info{
  width: 80%;
  margin: -13px 0px;
  float: left;
  display: flex;
}
.source-info div{
  font-size: 12px;
  flex: 1;
}
.source-info span{
  color: #1E9FFF;
}

.source-info a{
  color: #1E9FFF;
}
.p_tag{
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 1px 8px;
  line-height: 24px;
  font-size: 14px;
  color: #20a0ff;
  text-align: center;
  background: #d1e5ff;
  border-radius: 3px;
}