.index-project{
  margin:5px auto !important;

}

.index-tit{
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px #dbdbdb solid;
}

.index-tit .index_1_img img{
  width: 24px;
  height: 24px;
  margin: 0 10px;
  position: relative;
  top:4px;
}
.index-tit .index_1_title{
  font-size:24px;
}
.index_1_title h2{
  font-size:24px !important;
  display: inline !important;
  color:#000;
}
.index-tit .index_1_src{
  color: #b2b2b2;
  margin-left:20px;
}
.common_more{
  font-size: 14px;
  padding:10px;
}
.common_more a{
  color:#b2b2b2;

}
.common_more img{
  width:16px;
  height:16px;
  margin-left:10px;
}

.index-hospital .list,
.index-doctor .list,
.index-diary .list {
  margin: 15px 0px;
  height: 40px;
}
.index-hospital .screen,
.index-doctor .screen {
  overflow: hidden;
  margin: 0 auto;
}
.index-diary .screen {
  margin: 0 auto;
}
.index-hospital .screen li,
.index-doctor .screen li,
.index-diary .screen li {
  padding: 5px 10px;
  float: left;
  margin: 0 20px;
  cursor: pointer;
  font-size: 1rem !important;
}
.index-hospital .screen li.on,
.index-doctor .screen li.on,
.index-diary .screen li.on {
  color:  #f78e18;
}
.index-hospital .hospital-item {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
  border-color: #e7e7e7;
  border-width: 0 0 0 1px;
  border-style: solid;
  overflow: hidden;
  flex-wrap: wrap;
}
.index-hospital .hospital-list {
  width: 22%;
  height: 350px;
  border-color: #e7e7e7;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  position: relative;
  box-sizing: border-box;
  float: left;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;

}
.index-hospital .hospital-list-img {
  width: 164px;
  height: 164px;
  margin: 25px auto 0;
  overflow: hidden;
}
.index-hospital .hospital-list-content {
  margin-top: 14px;
}
.index-hospital .hospital-list-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.index-hospital .title-text {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #666;
  margin-bottom: 3%;
  width: 90%;
  margin: 0 auto;
}
.index-hospital .d-des {
  width: 90%;
  margin: 5% auto 0;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-hospital .yh_btn{
  padding: 5px;
  font-size: 18px;
  border: #f78e18 2px solid;
  width: 150px;
  margin: 10px auto;
  text-align: center;
  color: #f78e18;
  border-radius: 8px;
}
.index-hospital .title-text span:first-child {
  display: inline-block;
  font-size: 16px;
  color: #000;
  margin-right: 10px;
}
.index-hospital .title-text span:first-child h3{
  font-size: 18px;
}

.index-hospital .yx-hosp {
  width: 22px;
  height: 22px;
  background-image: url(https://www.zhuangqie.com/statics/img/first/renzheng.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}
.index-hospital .yy-hot {
  position:absolute;
  width: 22px;
  height: 22px;
  background-image: url(https://www.zhuangqie.com/statics/img/first/yiyuan_hot.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  margin-top: -25px;
}
.index-hospital .d-des span:first-child {
  color: #666;
}
.index-hospital .color6 {
  color: #666;
}
.index-hospital .hospital-list:hover,
.index-doctor .doctor-list:hover {
  background: #fafafa;
  border: 1px solid #f78e18;
}
.d-des .sptlit {
  width: 1px;
  height: 14px;
  background: #999999;
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}
.index-hospital .d-des .buy-number,
.index-doctor .d-des .buy-number {
  color: #f1590d;
  font-style: normal;
  margin: 0 3px;
}
.new-enter {
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #eae9e9;
  overflow: hidden;
}
.new-enter span {
  display: inline-block;
  font-size: 18px;
  padding:5px 15px;
  color:#f78e18;
  border-radius: 6px;
  border: 1px solid #f78e18;
  font-weight: 600;
}
.new-enter span i {
  display: inline-block;
  width: 3px;
  height: 24px;
  margin-right: 10px;
  background-color: #81ade5;
  vertical-align: bottom;
}
.big-box {
  width: 1020px;
  overflow: hidden;
  margin-left:160px;
}
section-box {
  width: 800%;
  overflow: hidden;
}
.enter-list {
  margin-top: 4px;
  display: inline-block;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.enter-list li {
  display: inline-block;
  margin-right: 20px;
  overflow: hidden;
}
.enter-list li .en-img {
  width: 22px;
  height: 22px;
  margin-right: 20px;
  border-radius: 100%;
  overflow: hidden;
}
.enter-list li .en-img img {
  height: 100%;
}
.enter-list li .en-text {
  display: inline-block;
  font-size: 15px;
  margin-right:8px;
  color: #808080;
}
.index-doctor .doctor-item {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
  border-color: #e7e7e7;
  border-width: 0 0 0 1px;
  border-style: solid;
  flex-wrap: wrap;
  background: #fff;
}
.index-doctor .doctor-list {
  width: 298px;
  height: 323px;
  border-color: #e7e7e7;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  position: relative;
}
.index-doctor .doctor-list-img {
  width: 164px;
  height: 164px;
  margin: 25px auto 0;
  overflow: hidden;
}
.index-doctor .doctor-list-img img {
  width: 100%;
  border-radius: 50%;
}
.index-doctor .doctor-list-content {
  margin-top: 14px;
}
.index-doctor .title-text {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #666;
  margin-bottom: 3%;
}
.index-doctor .title-text span:first-child {
  display: inline-block;
  font-size: 16px;
  color: #333;
  margin-right: 10px;
}
.index-doctor .title-text {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #666;
  margin-bottom: 3%;
}
.index-doctor .d-des {
  width: 90%;
  margin: 5% auto 0;
  font-size: 12px;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-doctor .rz-prenzheng {
  width: 68px;
  height: 24px;
  background-image: url(https://www.zhuangqie.com/statics/img/prenzheng.png);
}
.index-diary .diary-box .diary-list {
  margin-bottom: 10px;
  border-radius: 8px;
  background-color: #fff;

}
.index-diary .diary-box .diary-list li {
  padding: 25px 0;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  transition: all .3s;
}
.index-diary .diary-box .diary-list li a {
  display: inline-block;
}
.index-diary .diary-box .diary-list li .photos {
  overflow: hidden;
  float: left;
}
.index-diary .diary-box .diary-list li .photos .pic {
  position: relative;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 155px;
  height: 150px;
  border-radius: 8px;
}
.index-diary .diary-box .diary-list li .photos img {
  width: 100%;
  height: 100%;
}
.index-diary .diary-box .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;
}
.index-diary .diary-box .diary-list li .photos .pic:last-child span {
  background:#f78e18;
}
.index-diary .diary-box .diary-list li .info {
  width: 800px;
  float: left;
  margin-left: 20px;
}
.index-diary .diary-box .diary-list li .info .user {
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  margin-bottom: 10px;
}
.index-diary .diary-box .diary-list li .info .user img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-right: 18px;
}
.index-diary .diary-box .diary-list li .info .user .time {
  float: right;
  font-size: 14px;
  color: #888888;
}
.index-diary .diary-box .diary-list li .info .user h3 {
  font-size: 18px;
  color: #000;
}
.index-diary .diary-box .diary-list li .info .desc {
  display: block;
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  margin-bottom: 23px;
  float: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .2s;
}
.index-diary .diary-box .diary-list li .info .other {
  clear: both;
  width: 100%;
  height: 24px;
  position: relative;
  line-height: 24px;
  font-size: 14px;
  text-align: right;
}
.index-diary .diary-box .diary-list li .info .other .projects {
  width: 260px;
}
.index-diary .diary-box .diary-list li .info .other .projects a {
  display: inline-block;
  float: left;
  padding-right: 5px;
  color: #52C4F7;
}
.index-diary .diary-box .diary-list li .info .other .iconfont {
  display: inline-block;
  float: left;
  margin-right: 4px;
  font-size: 20px;
}
.index-diary .diary-box .diary-list li .info .other .js-zan {
  margin-left: 16px;
}
.index-diary .diary-box .diary-list li:hover {
  transform: translateX(5px);
}
.index-diary .diary-box .diary-list li:hover .info .user h3 {
  color: #f78e18;
}
/**------------------首页最新整形资讯-----------------------*/
.news-box{
  display: flex;
  flex-direction: row;
  position: relative;
  margin:10px auto;

}
.news-box .news_box_left{
  width:auto;
  display: grid;
  grid-template-columns: repeat(2, 50%);

}
.news-box .news_box_left .box_item{
  width: 400px;
  padding:15px 20px;
  margin-right:10px;
  margin-top:10px;
  border: 1px #e6e6e6 solid;
  border-radius: 10px;
  background-color: #fff;
  margin-left:10px;

}
.news-box .tit{
  font-size:18px;
  padding:10px 0;
  color:#000
}
.news-box .box_item::before {
  position: relative;
  top: 24px;
  left: -10px;
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  background: #f78e18;
  border-radius: 100%;
}
.news-box .centent{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-pack: center;
  color: #999999;
  font-size: 14px;
  height: 38px;

}
.item_bottom{
  padding-bottom: 1px;
  position: relative;
  justify-content: flex-end;
  color: #b2b2b2;
  padding: 5px;
  text-align: right;
}
.item_bottom span{
  padding:2px 10px 2px 0px;
}

.news-box .news_box_right{
  width: 800px;  
}
.news-box .news_box_left .box_item:hover{
  box-shadow:15px 15px 15px -15px #b1aaa7;
}
.news-box .news_box_right .title{
  color:#f9ac69;
  background-color: #fff;
  text-align: center;
  font-size:16px;
  margin-top:10px;
  padding:20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
}
.news-box .news_box_right .title:before,
.news-box .news_box_right .title:after
{
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #f9ac69;
  margin:10px;


}
.news-box .box_item_like{
  overflow: hidden;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.news-box .box_item_like .like_centent{
  margin: 6px;
  padding: 5px;
  font-size: 14px;
  background-color: #fde8d1;
  color: #f78e18;
  border-radius: 5px;
}
.news-box .box_item_like a{
  overflow: hidden;
  float: left;
}
.news-box .line{
  border-bottom: 1px dashed #ededed;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  color: #555;
}
/*-----------------热门整形价格---------------------*/
.index-price{
  margin-top:50px;
}
.index-price .price-box{
  margin-top:10px;
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
.index-price .price-box .box_item{
  display: flex;
  margin:10px 0px;
  margin-right:10px;
  border-radius: 10px;
  border: 1px #e6e6e6 solid;
  background-color: #fff;

} 
.index-price .price-box .box_item:hover{
  /* box-shadow: 6px 6px 1px #d6d4d3; */
  box-shadow:15px 15px 15px -15px #b1aaa7;
}
.index-price .price-box .box_item .item_img {
  width: 180px;
  height: 120px;
  overflow: hidden;
} 
.index-price .price-box .box_item .item_img img{
  width: 100%;
  height: 100%;
  display: inline-block;
  margin: auto;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;

} 
.index-price .price-box .box_item .item_content {
  width: 324px;
  height: 120px;
  padding-left: 20px;
  padding-right: 40px;
} 
.index-price .price-box .box_item .item_content .tit{
  line-height: 44px;
  color:#000;
} 
.index-price .price-box .box_item .item_content .tit h3{
  font-size: 18px;
}
.index-price .price-box .box_item .item_content .centent{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-pack: center;
  color: #999999;
  font-size:14px;
  height:37px;

} 
.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}

/*----------项目标签-----------*/
.project-box{
  /* display:flex;
  flex-wrap: wrap; */
  /* grid-template-columns: repeat(9, 11.11%); */
}
.project-box .box_item{
  float: left;
  margin: 10px 0; 
  width: 11%;
  text-align: center;
}
.project-box .pic {
  margin-bottom: 3px;
  height: 45px;
}
.project-box .on {
  color:#f78e18;
}
.project-box img {
  max-height: 45px;
}
.project-box li h3 {
  line-height: 24px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

/*
 * 关于我们
 */
.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 .3s;
}
.about-sidebar li a {
  display: block;
  padding-left: 33px;
  color: #333333;
  border-left: 3px solid #fff;
  transition: all .3s;
}
.about-sidebar li.on a,
.about-sidebar li:hover a {
  border-color: #52C4F7;
}
.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: #fa6746;
  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;
}
.diary-btn-row {
  padding: 0 25px 5px;
  background: #fff;
  border-radius: 8px;
}
.diary-btn-row .hd {
  overflow: hidden;
  border-bottom: 1px solid #dedede;
}
.diary-btn-row .hd li {
  margin-right: 30px;
  float: left;
  position: relative;
  height: 60px;
  line-height: 60px;
  border-bottom: 4px solid #fff;
}
.diary-btn-row .hd li a {
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.diary-btn-row ul .on a{
  color: #f78e18 !important;
}
/*
 * 日记
 */
.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: #333333;
  font-weight: 500;
  letter-spacing: .5px;
  cursor: pointer;
}
.diaryBox .hd li:after {
  display: block;
  content: '';
  width: 0\9;
  height: 4px;
  background: #52C4F7;
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  opacity: 0;
  transition: all .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: #888888;
  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: 25px 0;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  transition: all .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: #f78e18;
}
.diaryBox .diary-list li .info {
  width: 410px;
  float: right;
}
.diaryBox .diary-list li .info .user {
  height: 45px;
  line-height: 45px;
  overflow: hidden;
}
.diaryBox .diary-list li .info .user a{
  color:#000;
  font-size:16px;
}
.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: #888888;
}
.diaryBox .diary-list li .info .user h3 {
  font-size: 16px;
  color: #111;
}
.diaryBox .diary-list li .info .time-view {
  margin-bottom: 10px;
  color: #999;
  height: 24px;
  line-height: 24px;
}

.diaryBox .diary-list li .info .time {
  margin-right: 30px;
}
.diaryBox .diary-list li .info .desc {
  display: block;
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  margin-bottom: 10px;
  float: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .2s;
}
.diaryBox .diary-list li .info .other {
  clear: both;
  width: 100%;
  height: 24px;
  position: relative;
  line-height: 24px;
  font-size: 14px;
  text-align: right;
}
.diaryBox .diary-list li .info .other .xm {
  position: absolute;
  top: 0;
  left: 0;
  color: #52C4F7;
  width: 260px;
  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: #52C4F7;
}
.diaryBox .diary-list li .info .other .projects {
  width: 300px;
}
.diaryBox .diary-list li .info .other .projects a {
  display: inline-block;
  float: left;
  padding-right: 5px;
  color: #f78e18;
}
.diaryBox .diary-list li .info .other .iconfont {
  display: inline-block;
  float: left;
  margin-right: 4px;
  font-size: 20px;
}
.diaryBox .diary-list li .info .other .js-zan {
  margin-left: 16px;
}
.diaryBox .diary-list li:hover {
  transform: translateX(5px);
}
.diaryBox .diary-list li:hover .info .user h3 {
  color: #f78e18;
}
.diaryBox .loading-more {
  padding: 15px 0;
  line-height: 24px;
  font-size: 14px;
  color: #888888;
  text-align: center;
}
.diaryBox .loading-more a {
  color: #888888;
}
.search-diary-list {
  margin-bottom: 35px !important;
}
.diary-side {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.diary-side li {
  padding: 12px 0;
}
.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: #333333;
  overflow: hidden;
}
.diary-side li p {
  max-height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.diary-side li:hover h3 {
  color: #52C4F7;
}
.diary-side li:last-child {
  padding-bottom: 0;
}
/*
* 日记 详情页
*/
.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: #52C4F7;
}
.diary-detail .diary-info .avatar {
  font-size: 12px;
  line-height: 50px;
  height: 80px;
  margin-bottom: 20px;
  margin-left: 25px;
  border-bottom: 1px dashed #dedede;
}
.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: #666666;
  text-align: center;
}
.diary-detail .diary-info .avatar .time {
  margin-left: 40px;
  color: #999;
}
.diary-detail .diary-info .avatar .nick_name {
  margin-left: 10px;
}
.diary-detail .diary-info .info {
  float: left;
  margin-left: 25px;
  width: 675px;
  position: relative;
}
.diary-detail .diary-info .info .row {
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 16px;
  color: #111;
}
.diary-detail .diary-info ul {
  overflow: hidden;
  margin-left: -25px;
}
.diary-detail .diary-info li {
  position: relative;
  width: 200px;
  height: 200px;
  float: left;
  margin-left: 25px;
  border: 1px solid #f3f3f3;
  background: #f5f5f5;
  transition: all .2s;
}
.diary-detail .diary-info li img {
  width: 100%;
  height: 100%;
}
.diary-detail .diary-info li:hover {
  border-color: #fa6746;
}

.diary-detail .day-con {
  height: auto;
  clear: both;
  margin-top: 35px;
  padding-bottom: 5px;
}
.diary-detail .day-con .time {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.diary-detail .day-con .time span {
  display: inline-block;
  width: 128px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  text-align: center;
 background-color: #f78e18;
  border-radius: 15px;
}
.diary-detail .day-con .desc {
  margin-bottom: 20px;
  line-height: 1.8em;
  font-size: 15px;
  color: #333333;
  word-wrap: break-word;
  word-break: break-all;
}
.diary-detail .day-con 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 .2s;
}
.diary-detail .day-con li img {
  width: 100%;
  height: 100%;
}
.diary-detail .day-con li:hover {
  border-color: #fa6746;
}
.diary-detail .day-con .other {
  line-height: 24px;
  overflow: hidden;
  color: #888888;
}
.diary-detail .day-con .other .date {
  float: left;
}
.diary-detail .day-con .other .other-r {
  float: right;
}
.diary-detail .day-con .other .iconfont {
  display: inline-block;
  float: left;
  margin-right: 4px;
  font-size: 20px;
}
.diary-detail .day-con .other .js-zan {
  margin-left: 16px;
}
.diary-detail .show-all {
  color: #52C4F7;
}

.belongs_journal{
  text-align: center;
  margin-top:10px;
  position: relative;
}
.journal-side .belongs_journal span {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  height: 20px;
  background-color: #f78e18;
}
.belongs_journal .h_name{
  padding:10px;
}
.belongs_journal .h_address{
  color:#999;
  padding:10px;

}

.belongs_journal .zixun {
  padding: 5px 30px;
  border: 1px solid #f78e18;
  text-align: center;
  font-size: 18px;
  color: #f78e18;
  background-color: #fde8d1;
  border-radius: 2px;
}
.diary-detail .diary-info li.pic span{
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-bottom-right-radius: 8px;
  height: 20px;
}
.diary-detail .diary-info li.pic .old{
  background: rgba(0, 0, 0, 0.6);
}
.diary-detail .diary-info li.pic .now{
  background: #f78e18;
}

/**
评论
 */
.reply-post-box {
  clear: both;
  margin-bottom: 40px;
  padding: 30px 25px 15px;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}
.reply-post-box .form-item {
  overflow: hidden;
  margin-bottom: 15px;
}
.reply-post-box .form-item .form-label {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 10px;
}
.reply-post-box .form-item .textarea {
  width: 100%;
  min-height: 100px;
  height: auto;
  padding: 6px 10px;
  resize: vertical;
  line-height: 1.8;
  font-size: 14px;
  color: #333333;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-sizing: border-box;
  /*滚动条样式*/
}
.reply-post-box .form-item .textarea:focus {
  border-color: #C9C9C9;
}
.reply-post-box .form-item .textarea::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
}
.reply-post-box .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);
}
.reply-post-box .form-item .loginBtn,
.reply-post-box .form-item button {
  display: inline-block;
  float: right;
  width: 140px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #52C4F7;
  text-align: center;
  border: 1px solid #52C4F7;
  background: #fff;
  border-radius: 5px;
}
.reply-post-box .form-item .pinlun-zx {
  float: right;
  padding-top: 6px;
  padding-right: 10px;
  color: #52C4F7;
  font-size: 16px;
  cursor: pointer;
}
.state-btn-box {
  font-size: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 30px 0 20px 0;
  text-align: center;
  margin-top: 30px;
  border-top: 1px solid #e8e8e8;
}
.state-btn-box a,
.state-btn-box p {
  font-size: 17px;
  line-height: 48px;
  position: relative;
  display: inline-block;
  width: 142px;
  margin: 0 14px;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 26px;
}
.state-btn-box i {
  display: inline-block;
  margin-right: 4px;
  font-size: 20px;
}
.answer-box {
  margin-bottom: 40px;
}
.answer-box .hd {
  margin-bottom: 10px;
  line-height: 28px;
  font-size: 18px;
  color: #666666;
}
.answer-box .hd span {
  padding-left: 5px;
  color: #888888;
}
.answer-box .answer-list {
  overflow: hidden;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.answer-box .answer-list.optimum-wrap {
  margin-bottom: 40px;
  border-radius: 8px;
}
.answer-box .answer-list.optimum-wrap li {
  border-bottom: 0;
}
.answer-box .answer-list li {
  margin: 0 25px;
  padding: 20px 0 16px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.answer-box .answer-list li .info {
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.answer-box .answer-list li .info .avatar {
  float: left;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}
.answer-box .answer-list li .info .avatar img {
  width: 100%;
  height: 100%;
}
.answer-box .answer-list li .info .name {
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #333333;
  font-weight: 500;
}
.answer-box .answer-list li .info .wen-wen {
  float: right;
  margin-top: 1px;
  width: 90px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #fa6746;
  text-align: center;
  border: 1px solid #fa6746;
  border-radius: 6px;
  box-sizing: border-box;
}
.answer-box .answer-list li .info .optimum {
  display: inline-block;
  width: 44px;
  height: 40px;
  background: url(https://www.zhuangqie.com/statics/img/ask_optimum.png) no-repeat;
  position: absolute;
  top: 0;
  right: -25px;
}
.answer-box .answer-list li .desc {
  line-height: 1.8;
  font-size: 15px;
  color: #666666;
  word-wrap: break-word;
  word-break: break-all;
}
/*
 * 写日记
 */
.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: #fa6746;
  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: .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: #333333;
  font-weight: 600;
}
.project-select-up .con .hd .tips {
  float: right;
  line-height: 36px;
  margin-top: 12px;
  font-size: 16px;
  color: #888888;
}
.project-select-up .con .bd {
  padding: 10px 0 0 25px;
}
.project-select-up .con .bd h3 {
  line-height: 25px;
  font-size: 18px;
  color: #fa6746;
  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: #fa6746;
  background: #ffecec;
  border-radius: 5px;
}
.project-select-up .con .bd .layui-form-checkbox:hover span {
  color: #fa6746;
  background: #ffecec;
}
.project-select-up .con .bd .layui-form-checked span,
.project-select-up .con .bd .layui-form-checked:hover span {
  color: #fff;
  background: #fa6746;
}
.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: #333333;
}
.layui-form-item .layui-input-inline {
  width: 300px;
}
.layui-form-select dl dd.layui-this {
  color: #fa6746;
  background: #ffecec;
}
.layui-btn {
  background-color: #fa6746;
}
.layui-btn-primary {
  background-color: #fff;
}
.layui-btn-primary:hover {
  border-color: #fa6746;
}
.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;
}
.hospital-side {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.hospital-side li {
  overflow: hidden;
  padding: 15px 0;
}
.hospital-side li:last-child {
  padding-bottom: 5px;
  border-bottom: none;
}
.hospital-side li .pic 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: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .2s;
  font-size:16px;
}
.hospital-side li .zxBtn {
  float: right;
  width: 82px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  font-size: 16px;
  color: #f78e18;
  text-align: center;
  border: 1px solid #f78e18;
  border-radius: 6px;
}
.hospital-side li:hover a {
  color: #f78e18;
}
/*
 * 医院 列表页
 */
.hospitalBox {
  margin-bottom: 45px;
  padding: 0 25px 5px;
  background: #fff;
  border-radius: 8px;
}
.hospitalBox .hd {
  overflow: hidden;
  border-bottom: 1px solid #f78e18;
}
.hospitalBox .hd li {
  margin-right: 30px;
  float: left;
  position: relative;
  height: 60px;
  line-height: 60px;
  border-bottom: 4px solid #fff;
}
.hospitalBox .hd li a {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.hospitalBox .hd li.on {
  border-color: #f78e18;
  color: #f78e18;
}
.hospitalBox .hd li.on a {
  color: #f78e18;
}
.hospitalBox .soBox-noData {
  padding: 40px 0;
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.hospitalBox .hospital-list li {
  padding: 20px 0;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
  transition: all .3s;
}
.hospitalBox .hospital-list li .pic {
  width: 160px;
  height: 120px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  float: left;
  overflow: hidden;
}
.hospitalBox .hospital-list li img {
  width: 100%;
  height: 100%;
}
.hospitalBox .hospital-list li .info {
  float: right;
  width: 570px;
  overflow: hidden;
  position: relative;
}
.hospitalBox .search-hospital-list li .info {
  width: 960px;
}
.hospitalBox .hospital-list li h3 {
  width: 330px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 6px;
}
.hospitalBox .hospital-list li h3 .hospital-icon-verify {
  float: right;
  width: 67px;
  height: 25px;
  margin-top: 4px;
  background-image: url(https://www.zhuangqie.com/statics/img/yiremnzheng.png);
}
.hospitalBox .hospital-list li .h-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .2s;
  width: 260px;
  color:#000;
  font-size:16px;
}
.hospitalBox .hospital-list li:hover h4 a {
  color: #f78e18;
}
.hospitalBox .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;
}
.hospitalBox .hospital-list .attest-btn .detail {
  border: 1px solid #F5D333;
  padding: 2px 10px;
  text-align: center;
  margin-bottom: 15px;
  color: #333;
  border-radius: 6px;
  cursor: pointer;
}
.hospitalBox .hospital-list .attest-btn .yuyue {
  border: 1px solid #52C4F7;
  padding: 2px 10px;
  text-align: center;
  margin-bottom: 15px;
  color: #333;
  border-radius: 6px;
  cursor: pointer;
}
.hospitalBox .hospital-list li:hover .attest-btn .detail {
  background-color: #f78e18;
  color: #fff;
}
.hospitalBox .hospital-list  li:hover .h-name{
  color: #f78e18;
}

.hospitalBox .hospital-list .attest-btn .yuyue:hover {
  background-color: #30a89c;
  color: #fff;
}
.hospitalBox .hospital-list li .attest-btn .iconfont {
  font-size: 18px;
  color: #f7c524;
  padding-right: 10px;
}
.hospitalBox .hospital-list li .address-row {
  line-height: 24px;
  overflow: hidden;
  position: relative;
}
.hospitalBox .hospital-list li .address-row .address-text {
  width: 480px;
  height: 28px;
  font-size: 14px;
  margin-bottom: 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hospitalBox .hospital-list li .address-row .address-text span {
  color: #999999;
}
.hospitalBox .hospital-list li .address-row .num {
  height: 24px;
  font-size: 14px;
  color: #888888;
}
.hospitalBox .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: #52C4F7;
  border: 1px solid #52C4F7;
  border-radius: 5px;
}
.hospitalBox .hospital-list li:hover {
  transform: translateX(5px);
}
.hospitalBox .hospital-list li .scxmbt {
  float: left;
  color: #b2b2b2;
  line-height: 24px;
  font-size: 14px;
  margin-right: 6px;
}
.hospitalBox .hospital-list li .sc {
  height: 60px;
  width: 400px;
}
.hospitalBox .hospital-list li .sc a {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #b2b2b2;
  margin-right: 6px;
  border-radius: 4px;
  margin-bottom: 6px;
}
.hospitalBox .hospital-list li .sc {
  line-height: 24px;
  font-size: 14px;
}
/*
 * 医院详情页
 */
.hospital-detail .page-l {
  width: 810px;
  float: left;
}
.hospital-detail .page-r {
  width: 350px;
  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: 40px;
  font-size: 14px;
}
.hospital-info .info-box{
 display: block;
}
.hospital-info .info-box span{
  float: left;
  color: #000;
  line-height: 40px;
  font-size: 14px;
}
.hospital-info .info-box .hs_info{
  padding-top:10px;
  margin-left:70px;
  white-space: pre-line
}
.hospital-info .cr p span {
  color: #000;
}
.hospital-info .has_project{
  margin-left:70px;
  display: flex;
  flex-wrap: wrap;

}
.hospital-info .has_project a{
  margin: 6px;
  padding: 5px;
  font-size: 14px;
  background-color: #fde8d1;
  color: #f78e18;
  border-radius: 5px;
}

.hospital-info .zxBtn {
  width: 100px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  background-color: #f78e18;
  text-align: center;
  border: 1px solid #f78e18;
  border-radius: 8px;
  cursor: pointer;
  float: right;
}
.yy-hd {
  overflow: hidden;
  padding-bottom: 14px;
  border-bottom: 1px solid #dedede;
}
.yy-hd h2 {
  width: 150px;
  line-height: 24px;
  font-size: 18px;
  color: #111;
  font-weight: 500;
  display: inline-block;
}
.yy-hd .iconfont {
  padding-right: 10px;
  width: 22px;
  font-size: 20px;
  font-weight: normal;
}
.yy-hd .more {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
  color: #888888;
  float: right;
}
.yy-hd .more .iconfont {
  float: right;
  padding-left: 10px;
  font-size: 18px;
}
.detail-fqdh {
  text-align: center;
}
.detail-fqdh .hos-name {
  line-height: 36px;
  color: #111;
  font-size: 16px;
}
.detail-fqdh .doctor-name {
  line-height: 36px;
  color: #111;
  font-size: 16px;
  margin-left: 10px;
  display: inline-block;
}
.detail-fqdh .position {
  font-size: 18px;
  color: #999;
}
.detail-fqdh .fqdh {
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  background-color: #52C4F7;
  text-align: center;
  border: 1px solid #52C4F7;
  border-radius: 8px;
  cursor: pointer;
}
.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;
  height: 126px;
  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: 22px;
  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;
}
.doctor-team .appointment {
  font-size: 17px;
  float: right;
  margin-right: 5px;
  color: #20a0ff;
}

/*-------------------医院管理内容-------------*/

.hospital-con{
  overflow:auto;

}
.hospital-con .on{
  color:#f78e18 !important;
}

.hospital-con ul {
  overflow: hidden;
  border-bottom: #e8e8e8 1px solid;
}
.hospital-con .con-title{
  height:40px;
  line-height: 40px;
  padding-top:20px;
  padding-right:20px;
  font-size:18px;
  float: left;
  color:#000;
  margin-right:30px;
}
.hospital-con-title{
  font-size:18px;
  height:40px;
  line-height: 40px;
  clear:both;
  margin:25px 5px;
  color:#000;
}
.hospital-con-title:before{
  content: "";
  flex: 1 1;
  border: 2px solid #f9ac69;
  margin: 10px;
  border-radius: 10px;
}
.con-info {
  margin-left:30px;
  white-space: pre-line;
  font-size:16px;
}

.con-address {
  margin-left:30px;
  color: #999;
}
.con-address p{
margin: 20px 0px;
}
#container {
  height:200px;
}

.hospital-photo {
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.hospital-photo::-webkit-scrollbar {
	display: none;
}
.hospital-photo li {
    flex:0 0 auto;
    width: 230px;
    height: 180px;
    border: 1px solid #eee;
    border-radius: .2rem;
    margin-right: 0.6rem;
}
.hospital-photo li img {
  padding: 0 10px;
}
.hospital-diary {
  margin-bottom: 35px;
  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-diary .pagination {
  margin-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: #666666;
  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: #f78e18;
  text-align: center;
  background: #D4F2FF;
  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: #52C4F7;
  cursor: pointer;
}
/*
 * 医院 医生团队页&医院相册
 */
.hospital-doctor-all li {
  width: 326px;
}
.hospital-doctor-all li p em,
.hospital-doctor-all li p a {
  color: #666666;
}
.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;
}
.hospital-info .attest-btn img {
  margin-bottom: 5px;
}
.journal-side {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.journal-side ul{
  padding: 10px 1px;
}
.journal-side ul h3{
  margin-top:10px;
  color:#000;
}
.journal-side li {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px dashed #e8e8e8;
}
.journal-side li a{
  display: flex;
  justify-content: space-between;
}
.journal-side li .pic{
  position: relative;
}
.journal-side li .pic span{
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-bottom-right-radius: 8px;
  height:20px;
}
.journal-side .now{
  background:#f78e18;
}
.journal-side .old{
  background: rgba(0, 0, 0, 0.6);
}
.journal-side li:last-child {
  padding-bottom: 5px;
  border-bottom: none;
}
.journal-side li img {
  width: 140px;
  height: 150px;
  border-radius: 5px;;
  float: left;
}
.journal-side li .zxBtn {
  float: right;
  margin-top: 10px;
  width: 82px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  font-size: 16px;
  color: #52C4F7;
  text-align: center;
  border: 1px solid #52C4F7;
  border-radius: 6px;
}
.doctor-side li:hover span {
  color: #52C4F7;
}
/*
 * 医生 列表页
 */
.doctor-list li {
  padding: 20px 0;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
  position: relative;
  transition: all .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 .3s;
}
.doctor-list li .info {
  float: right;
  width: 570px;
  overflow: hidden;
  position: relative;
}
.search-doctor-list li .info {
  width: 960px;
}
.doctor-list li .name {
  float: left;
  min-width: 60px;
  max-width: 300px;
  height: 32px;
  margin-right: 20px;
  line-height: 36px;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 6px;
}
.doctor-list li .name a {
  display: block;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .2s;
}
.doctor-list li:hover .name a {
  color: #52C4F7;
}
.doctor-list li .scxmbt {
  float: left;
  color: #b2b2b2;
  line-height: 24px;
  font-size: 14px;
  margin-right: 6px;
}
.doctor-list li .cz,
.doctor-list li .sc {
  line-height: 24px;
  font-size: 14px;
}
.doctor-list li .yy-dz {
  line-height: 24px;
  font-size: 14px;
  height: 28px;
  color: #b2b2b2;
}
.doctor-list li .cz {
  line-height: 36px;
}
.doctor-list li .yy {
  margin-right: 10px;
  color: #555;
  display: inline-block;
  width: 200px;
}
.doctor-list li .yy span {
  color: #b2b2b2;
}
.doctor-list li .dz {
  display: inline-block;
  width: 200px;
}
.doctor-list li .sc {
  height: 60px;
  width: 400px;
}
.doctor-list li .sc a {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #b2b2b2;
  margin-right: 6px;
  border-radius: 4px;
  margin-bottom: 6px;
}
.doctor-list li .num {
  min-width: 65px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #888888;
}
.doctor-list li .num span {
  display: inline-block;
  margin-right: 10px;
  width: 36px;
  line-height: 18px;
  font-size: 12px;
  color: #52C4F7;
  text-align: center;
  border: 1px solid #52C4F7;
  border-radius: 3px;
}
.doctor-list li:hover {
  transform: translateX(5px);
}
.doctorBox .doctor-list .attest-btn .detail {
  border: 1px solid #F5D333;
  padding: 2px 10px;
  text-align: center;
  margin-bottom: 15px;
  color: #333;
  border-radius: 6px;
  cursor: pointer;
}
.doctorBox .doctor-list .attest-btn .yuyue {
  border: 1px solid #52C4F7;
  padding: 2px 10px;
  text-align: center;
  margin-bottom: 15px;
  color: #333;
  border-radius: 6px;
  cursor: pointer;
}
.doctorBox .doctor-list .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;
}
.doctorBox .doctor-list li:hover .attest-btn .detail {
  background-color: #F5D333;
  color: #fff;
}
.doctorBox .doctor-list .attest-btn .yuyue:hover {
  background-color: #52C4F7;
  color: #fff;
}
.doctor-info .h-v {
  margin-left: 8px;
  margin-top: 5px;
}
.hospital-intro .doc-hos,
.hospital-intro .hos-type {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E2E2E2;
}
.news-side {
  margin-bottom: 35px;
  padding: 25px;
  background: #fff;
  position: relative;
  border-radius: 8px;
}
.news-side li {
  padding: 10px 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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: #000;
  font-size:16px;
  transition: all .2s;
}
.news-side li.n1 i {
  color: #e32231;
}
.news-side li.n2 i {
  color: #fea11c;
}
.news-side li.n3 i {
  color: #b5b5b4;
}
.news-side li .iconfont {
  font-size: 20px;
}
.news-side li:hover a {
  color: #f78e18;
}
.news-side li:last-child {
  padding-bottom: 0;
}
/*
 * 资讯 列表页
 */
.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: #52C4F7;
  background: #ffecec;
  border-radius: 5px;
}
.news-list {
  padding-bottom: 10px;
}
.news-list li {
  padding: 30px 0;
  height: 120px;
  border-bottom: 1px dashed #dedede;
  overflow: hidden;
  transition: all .3s;
}
.news-list li .pic {
  display: block;
  width: 160px;
  height: 120px;
  float: left;
}
.news-list li .pic img{
  width: 160px;
  height: 120px;
  float: left;
}
.news-list li .new_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;
}
.news-list li h3 a {
  display: inline-block;
  height: 28px;
  line-height: 24px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  transition: all .2s;
}
.news-list li p {
  max-height: 88px;
  line-height: 22px;
  font-size: 14px;
  color: #888888;
  overflow: hidden;
}
.time-view {
  margin-bottom: 10px;
  color: #999;
  height: 24px;
  line-height: 24px;
}
.news-list li .view_time span{
  color: #C4C4C4;
}
.news-list li:hover {
  transform: translateX(5px);
}
.news-list li:hover a {
  color: #f78e18;
}
.news-list li:hover p {
  color: #666666;
}
.news-list li .tag_name_div {
  height: 40px;
  line-height: 40px;
}
.news-list li .tag_name {
  color: #666;
  display: inline-block;
  height: 25px;
  border: 1px solid #f0f0f0;
  border-radius: 40px;
  text-align: center;
  line-height: 25px;
  padding: 0 8px;
  margin-left: 5px;
}
.news-list li a:hover .tag_name {
  color: #f78e18;
}
.news-tag-list li {
  float: left;
  padding: 25px 0 25px 20px;
}
.news-tag-list a:hover li {
  color: #f78e18;
}
.search-news-list li .info {
  width: 960px;
  float: right;
  position: relative;
}
/*
 * 资讯 -详情页
 */
.news-detail {
  margin-bottom: 35px;
  padding: 25px 25px 20px;
  background: #fff;
  border-radius: 8px;
}
.news-detail h1 {
  line-height: 30px;
  font-size: 22px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}
.news-detail .time {
  line-height: 24px;
  font-size: 14px;
  color: #999;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}
.news-detail .time a {
  color: #b2b2b2;
  margin-left: 30px;
}
.news-detail .content {
  line-height: 1.8;
  font-size: 15px;
  color: #333333;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}
.news-detail .content img {
  max-width: 100%;
}
.news-detail .content a:hover {
  color: #fd734c;
}
.news-detail .recommend_news {
  margin: 15px -25px 0;
  padding: 20px 25px 0;
  overflow: hidden;
}
.news-detail .recommend_news span {
  font-size: 20px;
}
.news-detail .recommend_news ul {
  margin-top: 15px;
}
.news-detail .recommend_news li {
  font-size: 14px;
  line-height: 40px;
}
.news-detail .recommend_news li a {
  color: #52C4F7;
}
.news-detail .recommend_news li a:hover {
  padding-left: 5px;
}
.news-detail .copyright {
  margin: 0 -25px 0;
  padding: 20px 25px 0;
  overflow: hidden;
  font-size: 16px;
}
.news-detail .zx-bottom {
  text-align: center;
  display: flex;
  display: -webkit-flex;
  justify-content: space-evenly;
  margin: 20px;
}
.news-detail .zx-bottom a {
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 5px;
  color: #fff;
  background-color: #f78e18;
}

.nextBox {
  margin: 25px -25px 0;
  padding: 20px 25px 0;
  overflow: hidden;
  border-top: 1px dashed #dedede;
  font-size: 14px;
}
.nextBox li {
  height: 30px;
  line-height: 30px;
  color: #666666;
  overflow: hidden;
}
.nextBox a {
  color: #666666;
}
.nextBox a:hover {
  color: #52C4F7;
}
/*
 * 百科 - 栏目页
 */
.baikeBox {
  margin-bottom: 35px;
}
.baike-fixed{
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  width: 95px;
  background: #fff;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-left: -708px;
  margin-top: -340px;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px 1px rgb(0 0 0 / 8%);
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 8%);
}
.baike-fixed a {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 6px 0 12px;
  color: #666;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-transition: color .5s;
  transition: color .5s;
}
.baike-sort {
  margin-bottom: 30px;
  margin-left: 10px;
}
.baike-sort h2 {
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 18px;
  color: #f78e18;
}
.baike-sort .baike-sort_box {
  margin-bottom: 10px;
  overflow: hidden;
  min-height: 300px;
  background-color: #fff;
}
.baike-sort .tab-nav {
  margin-bottom: 10px;
  height: 50px;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.baike-sort .tab-nav ul {
  width: auto;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left:10px;
}
.baike-sort .tab-nav li {
  float: left;
  margin-right: 40px;
  position: relative;
  cursor: pointer;
  width: auto !important;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #333;
}
.baike-sort .tab-nav li.on, .baike-sort .tab-nav li:hover {
  color: #f78e18;
}
.baike-sort .tab-con {
  min-height: 300px;
  padding-bottom: 20px;
}
.baike-sort .tab-con ul {
  /* display: flex;
  flex-wrap: wrap; */
  /* grid-template-columns: repeat(3,33.3333%); */
}
.baike-sort .tab-con li {
  width: calc(33.333% - 60px);
  float: left;
  margin: 10px;
  padding: 25px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 366px;
  height: 288px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 6px;
}
.baike-sort .tab-con li h3 {
  margin-bottom: 10px;
  height: 30px;
}
.baike-sort .tab-con li h3 a {
  display: inline-block;
  line-height: 30px;
  font-size: 20px;
  color: #333;
}
.baike-sort .tab-con li .desc {
  margin-bottom: 15px;
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.baike-sort .tab-con li dl {
  margin-bottom: 5px;
  padding-top: 15px;
  overflow: hidden;
  position: relative;
}
.baike-sort .tab-con li dd {
  height: 24px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.baike-sort .tab-con li dd a {
  line-height: 24px;
  color: #666;
}
.baike-sort .tab-con li .url {
  height: 24px;
  text-align: right;
}
.baike-sort .tab-con li .url a {
  line-height: 24px;
  color: #f78e18;
}
/*
 * 百科 - 栏目页
 */
 .baikeBox {
  margin-bottom: 35px;
}
.baikeBox .pagination {
  margin-top: 0;
  padding: 10px 0 30px;
  background: #fff;
}
.baike-project {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 30px;
}
.baike-project .hd {
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}
.baike-project .hd h2 {
  float: left;
  margin-left: 20px;
  width: 300px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #333333;
}
.baike-project .hd h2 span {
  color: #b2b2b2;
}
.baike-project ul {
  overflow: hidden;
}
.baike-project li {
  float: left;
  padding-top: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 150px;
  height: 122px;
  text-align: center;
  overflow: hidden;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.baike-project li:nth-child(8n) {
  border-right: none;
}
.baike-project li a {
  display: block;
}
.baike-project li .pic {
  margin-bottom: 5px;
  height: 50px;
}
.baike-project li img {
  max-width: 50px;
  height: 50px;
}
.baike-project li h3 {
  line-height: 30px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.baike-project li h3:hover {
  color: #52c4f7;
}
.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 .3s;
}

.baike-list li .info {
  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: #333333;
  font-weight: 600;
  transition: all .2s;
}
.baike-list li p {
  max-height: 96px;
  line-height: 24px;
  font-size: 14px;
  color: #888888;
  overflow: hidden;
  transition: all .2s;
}
.baike-list li .time {
  width: 138px;
  height: 22px;
  color: #b2b2b2;
  text-align: right;
  position: absolute;
  top: 1px;
  right: 0;
}
.baike-list li:hover {
  transform: translateX(5px);
}
.baike-list li:hover a {
  color: #52C4F7;
}
.baike-list li:hover p {
  color: #666666;
}
.baike-info {
  margin-bottom: 20px;
  padding: 25px;
  background: #fff;
  border-radius: 6px;
  height: auto;
}
.baike-info h1 {
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 28px;
}
.baike-info p {
  line-height: 24px;
  font-size: 14px;
}
.baike-con {
  margin-bottom: 50px;
  height: auto;
  background: #fff;
  border-radius: 6px;
}
.baike-con .hd {
  width: 100%;
  height: 60px;
  background: #fff;
  border-bottom: 1px solid #eee;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 6;
}
.baike-con .hd ul {
  width: auto;
  position: absolute;
  top: 1px;
  left: 25px;
}
.baike-con .hd li {
  float: left;
  margin-right: 40px;
  position: relative;
  cursor: pointer;
  width: auto !important;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #666666;
}
.baike-con .hd li:after {
  display: block;
  content: '';
  width: 0\9;
  height: 3px;
  background: #f78e18;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.baike-con .hd li a {
  display: inline-block;
  color: #666666;
}
.baike-con .hd li.on,
.baike-con .hd li:hover {
  color: #f78e18;
}
.baike-con .hd li.on a,
.baike-con .hd li:hover a {
  color: #f78e18;
}
.baike-con .hd li.on:after,
.baike-con .hd li:hover:after {
  width: 100%\9;
  opacity: 1;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}
.baike-con .hd li.on {
  font-weight: 600;
}
.baike-con .tit-h2 {
  margin-bottom: 20px;
  line-height: 34px;
  font-size: 24px;
  color: #333;
  clear: both;
  position: relative;
}
.baike-con .tit-h2 .anchor {
  position: absolute;
  top: -60px;
}
.baike-con .tit-h3 {
  margin-bottom: 5px;
  line-height: 26px;
  font-size: 16px;
  color: #333;
  clear: both;
}
.baike-con .desc {
  line-height: 24px;
  font-size: 14px;
  color: #999999;
}
.baike-con .intro {
  padding: 25px;
  overflow: hidden;
}

.baike-con .intro .mb30:last-child {
  margin-bottom: 5px;
}
.baike-con .intro .operation {
  overflow: hidden;
}
.baike-con .intro .tags span,
.baike-con .intro .tags a {
  display: inline-block;
  margin: 10px 12px 0 0;
  padding: 0 12px;
  line-height: 30px;
  font-size: 14px;
  color: #888;
  background-color: #f3f3f3;
  border-radius: 4px;
}
.baike-con .intro .stars-row {
  padding: 15px 0;
  overflow: hidden;
  border-top: 1px dashed #ededed;
}
.baike-con .intro .stars-row .stars-item {
  float: left;
  width: 32%;
  font-size: 14px;
  color: #666666;
}
.baike-con .intro .stars-row .stars-item span {
  float: left;
  height: 24px;
  line-height: 24px;
}
.baike-con .intro .stars-row .stars-item .iconfont {
  display: inline-block;
  width: 18px;
  height: 24px;
  background: center url(../image/star_1.png) no-repeat;
}
.baike-con .intro .stars-row .stars-item .gray {
  background-image: url(../image/star_0.png);
}
.baike-con .nurse {
  padding: 25px;
  overflow: hidden;
}
.baike-con .nurse ul {
  padding-top: 2px;
}
.baike-con .nurse li {
  padding: 0 0 35px 60px;
  position: relative;
}
.baike-con .nurse li .spl {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  z-index: 2;
  width: 1px;
  border-left: 1px dashed #ededed;
}
.baike-con .nurse li i {
  position: absolute;
  top: 7px;
  left: 26px;
  z-index: 3;
  display: inline-block;
  width: 7px;
  height: 7px;
  font-size: 0;
  border: 1px solid #ededed;
  background: #ededed;
  border-radius: 50%;
}
.baike-con .nurse li.on i,
.baike-con .nurse li:hover i {
  top: 2px;
  left: 21px;
  padding: 5px;
  border: 1px dashed #ededed;
  background: #ffffff;
}
.baike-con .nurse li.on i:after,
.baike-con .nurse li:hover i:after {
  display: block;
  content: '';
  width: 7px;
  height: 7px;
  font-size: 0;
  background: #ededed;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 4;
}
.baike-con .nurse li:last-child {
  padding-bottom: 0;
}
.baike-con .nurse li:first-child .spl {
  top: 10px;
}
.baike-con .nurse p {
  margin-bottom: 2px;
  line-height: 24px;
  font-size: 14px;
  color: #888888;
}
.baike-con .nurse p strong,
.baike-con .nurse p em {
  color: #333;
  font-weight: normal;
}
.baike-con .nurse h3,
.baike-con .nurse p.title {
  line-height: 24px;
  font-size: 16px;
  color: #f78e18;
  margin-bottom: 15px;
}
.baike-con .nurse h3 em,
.baike-con .nurse p.title em {
  padding-left: 5px;
  color: #f78e18;
}
.baike-con .archives {
  padding: 0 25px;
}
.baike-con .operation ul {
  padding: 5px 20px;
  position: relative;
  background-color: #f7f7f7;
  overflow: hidden;
}
.baike-con .operation ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 7px solid #fff;
  border-top: 7px solid #fff;
  border-right: 7px solid #f0f0f0;
  border-bottom: 7px solid #f0f0f0;
}
.baike-con .operation li {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.baike-con .operation li:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.7);
}
.baike-con .operation li span {
  display: inline-block;
}
.baike-con .operation li .name,
.baike-con .operation li .value {
  margin-left: 10px;
  width: 106px;
  color: #777;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.baike-con .operation li .value {
  margin-left: 20px;
  width: 380px;
  color: #333333;
}
.baike-con .operation li .tip {
  font-size: 12px;
  color: #888;
  text-align: center;
}
.baike-con .operation li .l,
.baike-con .operation li .r {
  float: left;
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*
 * 会员中心
 */
.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: #333333;
  text-align: center;
  margin-bottom: 20px;
}
.member-sidebar li {
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  transition: padding .5s;
}
.member-sidebar li a {
  display: block;
  padding-left: 33px;
  line-height: 28px;
  color: #333333;
  border-left: 4px solid #ffffff;
}
.member-sidebar li.on a,
.member-sidebar li:hover a {
  border-color: #e75555;
}
.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: #333333;
  margin-bottom: 15px;
}
.member-home p {
  line-height: 30px;
  font-size: 14px;
  color: #888888;
}
.member-home .tag {
  margin-bottom: 20px;
}
.member-home .tag span {
  display: inline-block;
  min-width: 4em;
  line-height: 24px;
  font-size: 14px;
  color: #e75555;
  text-align: center;
  background: #ffecec;
  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: #333333;
  position: relative;
  cursor: pointer;
}
.member-msg .hd li a {
  display: inline-block;
}
.member-msg .hd li .iconfont {
  display: none;
  width: 18px;
  line-height: 18px;
  font-size: 18px;
  color: #e75555;
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -9px;
}
.member-msg .hd li.on {
  color: #e75555;
}
.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 .3s;
}
.member-msg .system-msg .list li a,
.member-msg .zan-msg .list li a {
  display: inline-block;
  float: left;
  max-width: 730px;
  color: #333333;
  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: #888888;
}
.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: #ed5c4b;
}
.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 .3s;
}
.member-msg .diary-comment .list li a {
  display: inline-block;
  float: left;
}
.member-msg .diary-comment .list li .tit {
  color: #888888;
}
.member-msg .diary-comment .list li .desc {
  max-width: 730px;
  max-height: 48px;
  line-height: 24px;
  color: #333333;
  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: #888888;
}
.member-msg .diary-comment .list li:hover {
  transform: translateX(5px);
}
.member-msg .diary-comment .list li:hover a {
  color: #ed5c4b;
}
.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: #333333;
  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: #e75555;
  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 .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: #888888;
}
.member-diary .member-diary-list li .info .desc {
  display: block;
  width: 370px;
  height: 48px;
  line-height: 24px;
  font-size: 15px;
  color: #666666;
  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: #e75555;
  text-align: center;
  margin-top: 6px;
  border: 1px solid #e75555;
  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: #e75555;
  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: #e75555;
}
.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: #333333;
  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: #e75555;
  background: #ffecec;
  border-radius: 5px;
}
.member-setting .layui-form .form-label-top .layui-form-checkbox:hover span {
  color: #e75555;
  background: #ffecec;
}
.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: #e75555;
}
.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;
}
.w1h30 {
  width: 1px;
  height: 35px;
  clear: both;
}
.lipper a{
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #b2b2b2;
  margin-right: 6px;
  border-radius: 4px;
  margin-bottom: 6px;
}