/* CSS Document */
.wrap{ width: 1200px; margin: 0 auto; }
.docPC_head .wrap{ padding-top: 76px; }
.doc-info .doc-img{ display: block; overflow: hidden; width: 121px; height: 121px; margin-right: 25px; margin-left: 22px; border: 1px solid #efefef; border-radius: 50%; }
.doc-info .doc-img{ display: block; width: 121px; height: 121px; }
.doc-info .doc-name, .doc-info .doc-name h1{ font-size: 23px; font-weight: normal; color: #333; }
.doc-info .doc-name h1{ display: inline-block; zoom: 1; }
.doc-info .doc-name .theV{ position: relative; top: -2px; display: inline-block; zoom: 1; margin-left: 10px; padding: 0 21px; font-size: 13px; line-height: 20px; color: #fff; background-positon: 0 0; }
.doc-infoTxt .doc_life, .doc-infoTxt .doc_hos, .doc-infoTxt .doc_major{ line-height: 100%; }
.doc-infoTxt .doc_life{ padding-top: 11px; padding-bottom: 9px; color: #666; }
.doc-infoTxt .doc_life span{ padding-right: 10px; }
.doc-infoTxt .doc_hos{ padding-bottom: 12px; color: #666; }
.doc-infoTxt .doc_major{ overflow: hidden; line-height: 20px; }
.doc-infoTxt .doc_major span, .doc-infoTxt .doc_major a{ float: left; margin-right: 4px; color: #999; }
.doc-infoTxt .doc_major a{ padding: 0 5px; cursor: default; border: 1px solid #efefef; border-radius: 2px; }
.doc-info .feedback-box{ clear: both; padding-top: 8px; font-size: 13px; line-height: 22px; color: #666; }
.doc-info .feedback-box .feedback-text{ color: #ff5370; }
.doc_nav{ width: 1150px; }
.doc_summary{ overflow: hidden; width: 830px; height: 80px; margin: 0 auto 13px; /* text-align: center;*/ padding: 33px 160px 0; font-size: 14px; line-height: 26px; color: #666; border-top: 1px solid #efefef; }
.doc_summary span{ padding-right: 13px; font-size: 14px; cursor: pointer; color: #999; }
.doc_summary span.open{ background-position: 33px -442px; }
.doc_summary span.close{ display: inline-block; background-position: 33px -469px; }
.show_all{ display: none; }
.show_all img{ display: block; max-width: 100%; margin: 0 auto; }
.has-image span.close{ position: relative; left: 50%; margin-left: -20px; }
.boxItem1 ul{ overflow: hidden; width: 1300px; }
.boxItem1 .infoImg, .boxItem1 .infoImg img{ display: block; overflow: hidden; width: 200px; }
.boxItem1 .infoImg .dacuIcon{ width: 100%; }
.boxItem1 .infoImg .dacuIcon img{ display: block; width: 71px; }
.boxItem1 li{ position: relative; float: left; overflow: hidden; width: 200px; height: 287px; margin-right: 47px; border: 1px solid #efefef; }
.boxItem1 li:hover .infoImg img{ transition: .3s; opacity: .5; filter: alpha(opacity=50); }
.boxItem1 li:hover .infoTxt{ bottom: 10px; }
.boxItem1 .infoTxt{ position: absolute; bottom: -69px; display: block; width: 180px; height: 178px; padding: 0 10px; padding-bottom:17px;transition: .3s bottom; background: #fff; }
.boxItem1 .remain{ position: absolute; top: -21px; right: 5px; display: block; height: 23px; padding: 0 8px; line-height: 23px; color: #fff; border-radius: 8px; background: #ff9bb3; }
.boxItem1 .remain b{ position: absolute; bottom: -4px; left: 0; display: block; width: 9px; height: 16px; background-position: 0 -569px; }
.boxItem1 .babyInfo{ margin-bottom: 11px; padding-bottom: 10px; border-bottom: 1px solid #efefef; }
.boxItem1 .babyInfo .infoTit1{ display: -webkit-box; overflow: hidden; height: 36px; margin-bottom: 3px; padding-top: 5px; font-size: 14px; line-height: 18px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.boxItem1 .babyInfo .infoTit1:hover{ color: #ff5370; }
.pink{ color: #ff5370; }
.boxItem1 .babyInfo .infoTit2{ position: relative; font-size: 0; }
.boxItem1 .babyInfo .infoTit2 del{ font-size: 12px; padding-left: 5px; color: #b1b1b1; }
.boxItem1 .babyInfo .infoTit2 i{ font-size: 14px; font-weight: normal; }
.boxItem1 .babyInfo .infoTit2 i.fs-12{ font-size: 12px; }
.boxItem1 .babyInfo .infoTit2 span{ position: relative; left: -2px; font-size: 20px; font-weight: bold; }
.boxItem1 .babyInfo .infoTit2 .zhe{ position: absolute; top: 8px; right: 0; color: #b1b1b1; }
.boxItem1 .hosInfo .infoTit1{ overflow: hidden; height: 18px; margin-bottom: 4px; line-height: 18px; color: #999; }
.boxItem1 .hosInfo .left{ color: #999; }
.boxItem1 .hosInfo .left i{ display: block; }
.boxItem1 .hosInfo .right{ width: 100px; height: 34px; font-size: 14px; line-height: 34px; text-align: center; color: #fff; border-radius: 3px; background: url('https://rongdie.oss-cn-hangzhou.aliyuncs.com/comm-pc/doc_detail_nav.jpg'); }
.boxItem1 .tabCont{ padding-bottom: 25px; }
.part-tit{ position: relative; height: 62px; margin-bottom: 45px; text-align: center; border-bottom: 2px solid #e4e4e4; }
.part-tit span{ position: relative; top: 40px; padding: 0 19px; font-size: 25px; color: #666; background: #fff; }
.part-tit.now span{ color: #ff5370; }
.part-tit span i{ font-size: 18px; color: #a1a1a1; }
.part-tit .selfComit, .edit_info{ position: absolute; top: 47px; right: 0; display: block; height: 28px; padding: 0 15px; font-size: 14px; line-height: 28px; transition: all .2s linear 0s; color: #ff5370; border: 1px solid #efefef; border-radius: 18px; background: #fff; }
.part-tit .diary, .edit_info{ color: #666; }
.edit_info{ top: 69px; }
.part-tit .diary:hover, .edit_info:hover{ color: #ff5370; border-color: #ff96a6; }
.part-tit.now{ margin-top: -26px; }
.check-more{ padding-top: 25px; }
.check-more a{ display: block; width: 194px; margin: 0 auto; font-size: 14px; line-height: 36px; transition: all .2s linear 0s; text-align: center; color: #999; border: 2px solid #efefef; border-radius: 23px; }
.check-more a:hover{ color: #ff5370; border-color: #ff96a6; }
/*boxItem3*/
.doc_diary ul{ overflow: hidden; width: 1250px; margin-left: -4px; padding-left: 4px; }
.boxItem3{ position: relative; float: left; overflow: hidden; width: 211px; height: 276px; margin-right: 34px; border: 1px solid #efefef; }
.boxItem3:hover{ box-shadow: 0 0 4px 0 #e5e5e5; }
.boxItem3 .infoImg{ overflow: hidden; width: 211px; height: 184px; }
.boxItem3 .infoImg a{ display: block; overflow: hidden; width: 211px; height: 184px; }
.boxItem3 .infoImg img{ display: block; width: 211px; }
.boxItem3:hover .infoImg img{ transition: all .2s linear 0s; opacity: .5; filter: alpha(opacity=50); }
.boxItem3 .infoCont{ position: relative; top: 0; display: block; padding: 37px 12px 11px; transition: all .2s linear 0s; border-bottom: none; background: #fff; }
.boxItem3:hover .infoCont{ top: -51px; }
.boxItem3 .infoCont .infoItem1{ position: absolute; top: -26px; left: 50%; display: block; overflow: hidden; width: 51px; height: 51px; margin-left: -26px; border: 2px solid #fff; border-radius: 50%; }
.boxItem3 .infoCont .infoItem1 img{ display: block; width: 51px; height: 51px; }
.boxItem3 .infoItem2{ display: block; overflow: hidden; height: 19px; margin-bottom: 7px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; color: #333; }
.boxItem3:hover .infoItem2{ height: 38px; white-space: normal; text-overflow: inherit; }
.boxItem3 .infoItem2:hover{ color: #ff5370; }
.boxItem3 .babyInfo p{ overflow: hidden; height: 18px; }
.boxItem3 .diaryInfo p{ overflow: hidden; height: 36px; color: #999; }
.boxItem3 .babyInfo .left i{ padding-right: 5px; }
.boxItem3 .babyInfoName{ display: none; color: #bbb; }
.boxItem3:hover .babyInfoName{ display: block; }
.marks{ margin-top: 6px; padding-left: 18px; color: #999; background-position: 0 -597px; }
.marks span{ padding-right: 5px; }
.share{ overflow: hidden; }
.share_cont{ overflow: hidden; width: 1240px; }