@charset 'UTF-8';
/*
* @description: 社区 : yxx
* 样式包含：案例、文章、随聊、活动、日记、日记本、问题，相关页面。
*/
/* 分享 */
.share-box{ position: relative; clear: both; height: 28px; margin-bottom: 24px; }
.share-box:hover{ z-index: 9999; }
.share-box:after{ clear: both; width: 100%; height: 1px; content: ''; }
.share-box .left-labs{ overflow: hidden; width: 670px; height: 28px; }
.share-box .share-to{ position: relative; width: 50px; }
.share-box .article-lab{ line-height: 28px; display: inline-block; height: 28px; margin: 0 8px 8px 0; padding: 0 7px; color: #999; border-radius: 2px; background: #f4f4f4; }
.share-box .article-lab:hover{ color: #ff5370; }
.share-box .shareTip{ font-size: 14px; line-height: 28px; display: block; padding-left: 20px; cursor: pointer; color: #666; background: url('../bg/community.png') no-repeat 0 -148px; }
.share-box .shareTip:hover{ color: #ff5370; background-position: 0 -177px; }
.share-box .bdsharebuttonbox{ position: absolute; z-index: 3; top: 22px; right: -10px; display: none; width: 144px; padding: 17px 8px 16px 20px; cursor: pointer; background: url('../bg/community.png') no-repeat 0 -213px; }
.share-box .share-to:hover .bdsharebuttonbox{ display: block; }
.cope-right, .copeRight{ font-size: 12px; line-height: 12px; clear: both; margin: 30px 0 40px 0; color: #999; }
.name-hosipt, .num-lou{ float: left; margin-right: 10px; color: #bbb; }
.community-main .doctor-publish-section{ overflow: hidden; margin-bottom: 24px; padding: 18px 20px 21px 20px; border: 1px solid #e8e8e8; }
.section-tit, .right-tit{ font-size: 16px; line-height: 20px; overflow: hidden; height: 20px; color: #333; }
.section-tit .more-link, .part-diary-box .more-link{ font-size: 12px; color: #999; }
.section-tit .more-link:hover{ color: #ff5370; }
.part-service-section{ margin-bottom: 24px; border: 1px solid #e8e8e8; }
.part-service-section .section-tit{ padding: 18px 20px; }
.part-service-section li{ padding: 0 20px; }
.part-service-section .service-list{ display: block; overflow: hidden; padding: 15px 0 17px 0; }
.part-service-section .service-list .service-icon{ width: 28px; height: 28px; background: url('../bg/community.png') no-repeat -149px -1300px; }
.part-service-section .service-list .service-right{ width: 213px; }
.part-service-section .service-list .service-tit{ font-size: 14px; line-height: 18px; overflow: hidden; height: 18px; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; color: #666; }
.part-service-section .service-list .service-text{ font-size: 12px; line-height: 18px; margin-top: 6px; color: #999; }
.part-service-section .service-list .service-bottom{ font-size: 0; line-height: 14px; height: 14px; margin-top: 15px; color: #999; }
.part-service-section .service-list .service-bottom > span{ font-size: 12px; padding-right: 6px; }
.part-service-section .service-list .service-bottom i.fs-12{ padding-right: 6px; padding-left: 1px; }
.part-service-section .service-list .service-bottom .ff-arial{ font-size: 14px; }
.part-service-section li:hover{ background: #f8f8f8; }
.part-service-section li:hover .service-list .service-tit{ color: #ff6980; }
/* 日记本样式 */
.diary-wrap{ clear: both; }
.diary-main{ clear: both; width: 1200px; margin: 0 auto; }
.diary-wrap:after, .diary-main:after{ display: block; clear: both; width: 100%; height: 0; content: ''; }
.diary-main .diary-left{width: 840px;}
.diary-main .diary-right{ width: 300px; padding-top: 28px; }
.diary-book-item{position: relative;clear: both;padding: 28px 0 10px 10px;border-top: 1px solid #e8e8e8;}
.diary-book-item:after{ display: block; clear: both; content: ''; }
.diary-book-item .diary-img, .diary-book-item .diary-img img{ display: block; width: 72px; height: 72px; border-radius: 50%; }
.diary-book-item .book-right{ position: relative; width: 729px; }
.diary-book-item .book-right .del-btn{ position: absolute; z-index: 1; top: 0; right: 0; display: none; padding: 0; color: #369; }
.diary-book-item .book-right .del-btn:hover{ color: #ff5370; }
.diary-book-item .book-right:hover .del-btn{ display: block; }
.diary-book-item .book-right .del-alert{ bottom: -144px; }
.book-right .diary-tit{font-size: 24px;line-height: 38px;color: #000;text-align: center;margin: 10px 0;}
.book-right .diary-data{ font-size: 12px; line-height: 20px; position: relative; z-index: 0; margin-top: 7px; color: #999; }
.book-right .diary-data a{ color: #999; }
.book-right .diary-data a:hover{ color: #ff5370; }
.book-right .diary-data span{ padding-right: 20px; }
.book-right .diary-data i{ padding: 0 5px; }
.book-right .diary-data:hover .del-btn{ display: block; }
.book-right .book-lab{ position: relative; z-index: 0; height: 106px; margin-top: 16px; padding: 1px 1px 1px 78px; border-radius: 4px; background: #fff1b7; }
.book-tit{ font-size: 12px; line-height: 14px; margin-top: 15px; color: #666; }
.book-right .diary-bottom{ font-size: 0; line-height: 12px; margin-top: 18px; color: #666; }
.book-right .diary-bottom span{ font-size: 12px; padding-right: 30px; }
.book-right .diary-bottom span span{ padding-right: 12px; }
.book-right .diary-bottom i{ padding-left: 4px; }
.diary-left .diary-list li, .diary-left .diary-list .list-link{ position: relative; overflow: hidden; padding-top: 24px; }
.diary-list .list-line{ position: absolute; z-index: 0; top: 0; left: 50px; width: 1px; height: 100%; background: #e8e8e8; }
.diary-list .first .list-line{ top: 34px; }
.diary-list .last .list-line{ height: 60px; }
.diary-list .page-left, .diary-list .list-link .page-left{ width: 110px; }
.diary-list .page-left .page-box{ position: relative; z-index: 1; width: 96px; height: 26px; padding: 10px 0; background: #fff; }
.diary-list .page-left .page-number{ font-size: 14px; line-height: 26px; width: 96px; height: 26px; text-align: center; color: #fff; border-radius: 4px; background: #ff96a6; }
.diary-list .page-left .page-number span{ padding: 0 2px; }
.diary-list .first .page-left .page-number{ color: #666; background: #f2f2f2; }
.diary-list .page-right{ overflow: hidden; width: 728px; padding: 10px 0 32px 0; border-bottom: 1px solid #e8e8e8; }
.diary-list .page-right .list-imgs{ overflow: hidden; width: 738px; height: 136px; }
.diary-list .page-right .list-imgs a{ position: relative; margin-right: 10px; }
.diary-list .page-right .list-imgs a, .diary-list .page-right .list-imgs img{ display: block; width: 136px; height: 136px; }
.diary-list .page-right .list-imgs i{ font-size: 12px; line-height: 18px; position: absolute; right: 0; bottom: 0; display: inline-block; height: 18px; padding: 0 8px; color: #fff; background: rgba(0, 0, 0, .5); }
.diary-list .page-right .link-bottom{ font-size: 13px; line-height: 14px; height: 14px; margin-top: 22px; margin-left: -17px; }
.diary-list .page-right .link-bottom .sort-link{ position: relative; display: block; float: left; margin-right: 38px; padding-left: 16px; color: #666; border-left: 1px solid #fff; border-left: 1px solid #e8e8e8; }
.diary-list .page-right .link-bottom .sort-link .sort-icon{ position: absolute; top: 0; right: -20px; display: block; width: 15px; height: 14px; background: url('../bg/community.png') no-repeat; }
.diary-list .page-right .link-bottom .min-max .sort-icon{ background-position: -71px -1300px; }
.diary-list .page-right .link-bottom .max-min .sort-icon{ background-position: -71px -1322px; }
.diary-list .page-right .link-bottom .min-max:hover .sort-icon, .diary-list .page-right .link-bottom .min-max.now .sort-icon{ background-position: -46px -1300px; }
.diary-list .page-right .link-bottom .max-min:hover .sort-icon, .diary-list .page-right .link-bottom .max-min.now .sort-icon{ background-position: -46px -1322px; }
.diary-list .page-right .link-bottom .now, .diary-list .page-right .link-bottom .sort-link:hover{ color: #ff6980; }
.diary-list .page-right .list-text{ font-size: 15px; line-height: 28px; margin-top: 20px; color: #666; }
.diary-list .page-right .list-text a{ color: #08c; }
.diary-list .page-right .list-text a:hover{ color: #ff5370; }
.diary-list .page-right .list-data{ font-size: 12px; line-height: 14px; height: 14px; margin-top: 20px; color: #999; }
.diary-list .page-right .list-data a{ font-size: 12px; line-height: 14px; display: inline-block; height: 14px; padding-left: 20px; color: #8a8a8a; background: url(../bg/diary-icons.png) no-repeat; }
.diary-list .page-right .list-data a:hover{ color: #ff5370; }
.diary-list .page-right .list-data .reply{ background-position: 0 -324px; }
.diary-list .page-right .list-data .praise{ margin-right: 15px; background-position: 0 -295px; }
.diary-list .page-right .list-data .praise.now{ color: #ff5370; background-position: 0 -310px; }
.diary-list .first .page-right{ padding-bottom: 15px; }
.diary-left .goEdit{ font-size: 16px; line-height: 46px; display: block; width: 100%; margin: 37px 0 74px; text-align: center; color: #666; border: 1px solid #e8e8e8; border-radius: 3px; }
.diary-left .goEdit span{ padding-left: 27px; background: url('../bg/community.png') no-repeat 0 -852px; }
.diary-left .goEdit:hover{ color: #ff5370; border-color: #ff5370; }
.diary-left .goEdit:hover span{ background-position: -139px -852px; }
.diary-left .diary-detail-cont{ clear: both; overflow: hidden; padding-top: 34px; border-top: 1px solid #e8e8e8; *margin-top: 30px; *padding-top: 17px; }
.diary-left .diary-left-cont{ clear: both; width: 728px; padding-left: 112px; }
/*相关医院*/
.check-hospital-box{ margin-bottom: 24px; padding-top: 20px; padding-bottom: 35px; border: 1px solid #e8e8e8; }
.check-hospital-box .right-tit{ padding: 0 20px; }
.check-hospital-box img{ display: block; overflow: hidden; width: 50px; height: 50px; margin: 0 auto; border: 1px solid #e8e8e8; border-radius: 50%; }
.check-hospital-box .hosName{ font-size: 14px; display: block; padding: 14px 0 5px 0; text-align: center; text-decoration: underline; color: #333; }
.check-hospital-box .hosAddr{ width: 223px; margin: 0 auto; text-align: center; color: #999; }
.check-hospital-box .huanxinBtn{ font-size: 14px; line-height: 32px; display: block; width: 180px; margin: 18px auto 0; text-align: center; color: #ff5370; border: 1px solid #ff6980; border-radius: 2px; }
/* 精选日记 */
.part-diary-box{ overflow: hidden; margin-bottom: 24px; padding-top: 20px; border: 1px solid #e8e8e8; }
.part-diary-box .right-tit{ padding: 0 20px; }
.part-diary-box .section-tit{ padding: 0 20px; }
.part-diary-box ul{ overflow: hidden; }
.part-diary-box li{ margin-top: -1px; padding: 0 20px; }
.part-diary-box .diary-list{ overflow: hidden; padding: 21px 0 24px 0; border-top: 1px dashed #e8e8e8; }
.part-diary-box .diary-list .diary-text{ font-size: 12px; line-height: 18px; color: #666; }
.part-diary-box .diary-img{ overflow: hidden; height: 80px; margin-top: 15px; }
.part-diary-box .diary-img .img-list, .part-diary-box .diary-img .img-list img{ position: relative; display: block; overflow: hidden; width: 80px; height: 80px; }
.part-diary-box .diary-img .img-list .img-icon{ position: absolute; right: 0; bottom: 0; display: block; width: 43px; height: 16px; background: url('../bg/community.png') no-repeat; }
.part-diary-box .diary-img .after .img-icon{ background-position: -96px -1300px; }
.part-diary-box .diary-img .before .img-icon{ background-position: -96px -1320px; }
.part-diary-box .diary-bottom{ font-size: 12px; line-height: 12px; height: 12px; margin-top: 14px; color: #999; }
.part-diary-box .diary-bottom .right span{ padding-left: 12px; }
.part-diary-box li:hover{ background: #f8f8f8; }
.part-diary-box li:hover .diary-list .diary-text{ color: #ff6980; }
/* add yan-mei */
.dis {margin: 0 0 0 16px;  font-family: 微软雅黑; font-size: 13px; color: #999!important; }
.nuh .nuh-right:hover { color: #ff5370; }
.nuh a:hover { color: #ff5370; }
.invitation { margin: 0 0 10px 0; }
.right-content { position: absolute; top: 2px; right: 20px; left: 280px; height: 140px; }
.lcon-photo { display: inline-block; margin: 18px 6px 14px 0; }
.lcon { position: relative; top: 0; left: 0; }
.lcon-photo img { display: inline-block; width: 30px; height: 30px; border-radius: 50%; }
.lcon-title {position: absolute; top: 26px; left: 35px;  display: inline-block; font-family: 微软雅黑; font-size: 12px; vertical-align: middle;color: #999;  }
.card-site { width: 310px; height: 34px; margin: -9px 0 24px 0; font-family: 微软雅黑; font-size: 15px; line-height: 20px;color: #333;  }
.glance-over { margin: 0 14px 0 0; }
.nuh-comment { margin: 0 14px 0 0; }
#method .method-content {position: relative;  width: 728px; height: 170px; margin: 30px 0;background-color: #f8f8f8;  }
#method .method-banner .method-photo .approve { display: inline-block; margin-left: -100px;border-radius: 50%;  }
#method .method-banner .name-class { font-size: 0; }
#method .method-banner .doctor { display: inline-block; margin-right: 8px;font-family: 微软雅黑; font-size: 13px; line-height: 20px; vertical-align: middle;  }
#method .approve { display: inline-block; vertical-align: middle; }
#method .method-banner .expostor { width: 440px; margin: 14px 8px 0 115px; font-family: 微软雅黑; font-size: 13px; line-height: 20px;color: #666;  }
#method .method-banner .nuh .examine {float: right; margin: -4px 23px 30px 148px; font-family: 微软雅黑; font-size: 15px; color: #999;  }
#method .method-banner .nuh .examine:hover { color: #ff5370; }
#method .method-banner {margin: 0 8px 0 1px; font-family: 微软雅黑; font-size: 13px; color: #666;  }
.hospital .levbox i { background-position: -189px -170px; }
.hospital { width: 728px; height: 162px; margin: 30px 0;background: #f8f8f8;  }
.levbox { position: relative; z-index: 0; top: 1px; left: -4px; display: inline-block; overflow: hidden; width: 80px; height: 15px; background-color: #d7d7d7; }
.levbox i { position: absolute; z-index: 2; top: 0; left: -1px; display: block; width: 81px; height: 15px; background: url(../bg/yuemei-home.png) no-repeat -189px -90px; }
.levbox b { position: absolute; z-index: 1; height: 15px; background: #ffc000; }
.coverLink { position: absolute; z-index: 10; bottom: 0; left: 1px; display: block; width: 100%; height: 220px; cursor: pointer; opacity: 0; background: #fff; }
.post { font-size: 12px; color: #666; }
.item2 {width:200px;margin: 0 0 0 20px; font-size: 12px; color: #999; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.item-2 {width:200px;margin: 0 0 8px 20px; font-size: 12px; color: #999; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.item3 .left { display: block; margin: -4px 0 18px 20px;font-size: 12px; color: #999;  }
.left b { font-size: 12px; color: #ff5370; }
.item3 .right { display: block; margin: -4px 20px 0 0;font-size: 12px; color: #999;  }
.item3 .right i { margin-right: 6px; }