/* 问律师 */
.askLawyer,.articleRecomm,.ver_contract{width: 300px;margin-bottom: 20px;background: #fff;}
.askContent,.articleContent{padding: 17px;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);}
.askContent>div:nth-child(1){border-bottom: solid 1px #eee;overflow: hidden;height: 30px;line-height: 22px;}
.askContent>div:nth-child(1) p{float: left;font-size: 17px;font-weight: 600;}
.askContent>div:nth-child(1) a{float: right;color: #666666;font-size: 14px;font-weight: normal;}
.askContent .zhBottom .conBottom{overflow: hidden;position: relative;padding-top: 5px;}
.askContent .zhBottom .conBottom:hover span{color: #018fda;}
.askContent .zhBottom .conBottom .askLawyerAlj{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.askContent .zhBottom .conBottom a{position:relative;display: block;width: 100%;height: 24px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 30px;}
.askContent .zhBottom .conBottom a:before{display: block;content: '问';position: absolute;background-color: orange;width: 24px;height: 24px;color: white;text-align: center;line-height: 24px;border-radius: 50%;top: 0;left: 0;}
.askContent .zhBottom .conBottom>span{float: right;width: 225px;font-size: 14px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 30px;line-height: 30px;}
.askContent .zhBottom .conBottom:last-child p{border-bottom: none;}
.askContent .zhBottom .conBottom>div{border-bottom: solid 1px #eee;padding: 0 0 4px 30px;}
.askContent .zhBottom .conBottom:last-child>div{border-bottom: 0;}
.askContent .zhBottom .conBottom>div span{color: #999999;font-size: 12px;margin-bottom: 7px;}
.askContent .zhBottom .conBottom .askVoiceBar{display: none;}
.askContent .zhBottom .conBottom:last-child>div{border-bottom: 0;}
.askContent>.immConsult{width: 100%;display: block;height: 36px;font-size: 16px;background-color: #ffac22;color: #fff;line-height: 36px;text-align: center;}


/* 合同推荐 竖版 */
.ver_contract1{background: #fff;width: 300px;margin-bottom: 15px;}
.conn_contractcont1{padding: 17px;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);}
.zsection_title1{border-bottom: solid 1px #eee;overflow: hidden;height: 30px;line-height: 22px;}
.zsection_title1 em{float: left;font-size: 17px;font-weight: 600;font-style: normal;}
.zsection_title1 a{float: right;color: #666666;font-size: 14px;font-weight: normal;}
.docdown_list1 li{border-bottom: solid 1px #eee;position: relative;}
.docdown_list1 li:hover .zpreviewB span:nth-child(1){color: #018fda;}
.docdown_list1 li:hover p{text-decoration: underline;color: #018fda;}
.docdown_list1 li>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.docdown_list1 li:last-child{border-bottom: none;}
.docdown_list1 li p{background: url(/img/hetong.png) 0 13px no-repeat;padding: 10px 0 0 20px;}
.docdown_list1 li .zpreviewB{overflow: hidden;margin: 5px 0 10px;}
.docdown_list1 li:last-child .zpreviewB{margin-bottom: 0;}
.docdown_list1 li .zpreviewB span{font-size: 13px;}
.docdown_list1 li .zpreviewB span:nth-child(1){color: #999999;float: left;margin-left: -6px;}
.docdown_list1 li .zpreviewB span:nth-child(2){font-weight: 600;color: #fc3d39;float: right;}

/*线上律师*/
.massLawyer{width: 300px;height:auto;margin-bottom:15px;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);background:#fff;}
.massLawyer .lawyerTop h3{display: inline-block;}
.word{float: left;}
.lawyerTop{ height:30px;width: 257px;margin: 0 auto;font-size:16px;padding: 15px 0 0 0;position: relative;border-bottom: solid 1px #eee;}
.lawyerTop>span{font-weight: 600;font-size: 17px;}
.lawyerContent{padding:2px 17px;overflow: hidden;}
.lawyerTop img{display: inline-block;margin-top: -3px;}
.lawyerTop img:hover~.lawyerHotMsgContent{display:block; color:#333;}
.lawyerTop a.aLe{ float:right;color: #666666;font-size: 14px;}
.lawyerContent > img{display:block;margin:130px auto 0;}

.lawyerHot{ height:100px; border-bottom:1px solid #eee; padding:10px 0;}
.goYellowPage{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px;}
.lawyerHot:hover .lawyerName{ color:#018fd9;}
.lawyerHot .left{ width:66px; height:66px; margin-right:10px; float:left;}
.lawyerHot .left img{ width:100%;height:100%;}
.lawyerHot .right{ float:left;color:#666;width:180px;overflow:hidden;}
.lawyerHot .right>dl:nth-child(2)>dd{max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lawyerHot .lawyerName{ color:#333;font-size:14px; line-height:1.5em;overflow: hidden;float:left;margin-bottom:5px;}
.lawyerHot .lawyerBao img{margin-top:5px;}
.lawyerHot .lawyerName span{ font-size:16px;font-weight:bold;float:left;margin-right:5px;}
.lawyerHot .lawyerAddress{ display:block;width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;clear:both;font-style:normal; font-size:14px; line-height:1.5em; background:url(/img/huntlawHomeIcon.jpg) -250px -108px no-repeat; padding-left:20px;margin-top:7px;}
.lawyerHot dl{ width:100%; height:auto;margin-top:5px; overflow:hidden; line-height:1.5em;}
.lawyerHot dt,.lawyerHot dd{ float:left;}
.lawyerHot .safeguard{ width:11px; height:18px; background:url(/img/huntlawHomeIcon.jpg) -250px -144px no-repeat; display:block;}

.lawyerHotMsgContent{ width:270px; height:auto; font-size: 14px;line-height:1.5; z-index:1000;border:1px solid #ccc; padding:15px 10px; background:#fff; position:absolute; top:-151px; left:-17px; display:none; box-shadow:5px 5px 5px #ccc; }
.lawyerHotMsgContent:before{ width:17px; height:9px; background:url(/img/huntlawHomeIcon.jpg) -280px -468px no-repeat; content:""; position:absolute; bottom:-9px; left:126px;}
.lawyerHotMsgContent:hover{ display:block;}
.praise{background: transparent url(/img/findLawyer/huangye_dianzan.jpg) no-repeat 5px 3px;color: #ADADAD;font-size: 16px;height: 15px;line-height: 15px;padding-left: 22px;margin-left:2px;border-left: 1px solid #ddd;}
.viewNumberHl{background: transparent url(/img/findLawyer/huangye_chakan.jpg) no-repeat 5px 6px;color: #ADADAD;font-size: 16px;height: 15px;line-height: 15px;padding-left: 25px;margin-left:0px;border-left: 1px solid #ddd;}

.lawyerHot .hotLawyerName{ display: inline-block; max-width:12em; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; }

/*输出星星评价*/
.evaluate{display:inline-block;width:85px;height:20px;float:left;background:url(/img/home_livelyLawyer_05.jpg) no-repeat 0px 0px ;overflow: hidden; margin:0;}
.starPos5{display: inline-block;width: 100px;height: 20px;background:url(/img/home_livelyLawyer_05.jpg) no-repeat 0px -120px;overflow: hidden;position: relative;top: 0;}




.massLawyer{
  /* width:330px; */
  /* height: 446px; */
  background:#FFFFFF;
  box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);
  /* padding: 26px 23px 30px 20px; */
}
.massLawyer>h3{
  font-size:18px;
  font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
  font-weight:bold;
  color:#333333;
  margin-bottom: 28px;
}
.massLawyer li{
  margin-bottom: 10px;
  position: relative;
}
.massLawyer .lawyerImage{
  float: left;
  width: 40px;
}
.massLawyer .lawyerImage img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left;
}
.massLawyer .lawyerInfo{
  float: right;
  width: 200px;
}
.massLawyer .lawyerInfo p{
  font-size:12px;
  font-family:MicrosoftYaHei;
  color:#999999;
  margin-bottom: 8px;
}
.massLawyer .lawyerTitle{
  font-size: 16px;
  color: #999999;
  margin-bottom: 5px;
}
.massLawyer .lawyerTitle span{
  color: #333333;
}
.massLawyer .comment .zan{
  float: left;
  padding-left: 20px;
  margin-right: 22px;
  background: url(/img/zan.png) no-repeat;
}
.lawyerContent ul li:nth-child(1){
  margin-top: 30px;
}
/* 推荐产品 */
.conProduct{box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);padding:0 25px 8px;width: 249px;margin-bottom: 15px;background: #fff;}
.conProduct h3{font-weight: 600;font-size: 17px;height: 45px;line-height: 45px;}
.conProduct li{width:250px;height:145px;overflow: hidden;position:relative;margin-bottom:12px;}
.conProduct li img{width:100%;transition: all 0.5s;}
.conProduct li .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.15);z-index:2;}
.conProduct li a{display:block;font-size:18px;font-weight:bold;color:#fff;position:absolute;top:50%;left:50%;margin-top:-17px;height:34px;line-height:30px;text-align:center;transition: all 0.5s;z-index:3;}
.conProduct li a.shorter{width:152px;margin-left:-76px;background:url(/img/new-order/new_bj.jpg) no-repeat;}
.conProduct li a.short{width:175px;margin-left:-87px;background:url(/img/new-order/new_bj_short.jpg) no-repeat;}
.conProduct li a.long{width:200px;margin-left:-100px;background:url(/img/new-order/new_bj_long.jpg) no-repeat;}
.conProduct li a.longer{width:244px;margin-left:-117px;background:url(/img/new-order/new_bj_longer.jpg) no-repeat;}

.conProduct li p{position:absolute;text-align: center;width:190px;left:30px;bottom:-40px;height:40px;color:#fff;z-index:3;margin:auto;transition: all 0.5s;}
.conProduct li:hover .mask{background:rgba(0,0,0,0.2)}
.conProduct li:hover img{transform: scale(1.1);}
.conProduct li:hover a{margin-top:-40px;}
.conProduct li:hover p{bottom:30px;}


.rightBannerNav{box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);margin-bottom: 15px;background: #fff;}

.rightBannerNav ul li .img3{margin-left: 9px;}



/* 合同推荐   横版 */
.wrapVersion  {
    overflow: hidden;
    padding: 29px 26px 33px 41px;
}

.wrapVersion>h3 {
    font-size: 18px;
    font-weight: 600;
    background: url(/img/yuanjiaoht.png) 0 3px no-repeat;
    padding-left: 12px;
}
.wrapVersion>ul{
    margin-top: 26px;
}
.wrapVersion>ul>li{
    background: url(/img/wenzhang.png) 0 3px no-repeat;
    padding-left: 24px;
    font-size: 16px;
    margin-bottom: 17px;
}
.wrapVersion>ul>li a{
    color: #333333;
    font-weight: 600;
}
.wrapVersion>ul>li:last-child{
    margin-bottom: 0;
}
.wrapVersion>ul>li a:hover{
    color: #018fd9;
}

.wrapVersion li p{
    font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.rightBannerNav{
    margin-bottom: 20px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);
    padding: 0 15px 2px;
}
.rightBannerNav div{
    height: 45px;
    line-height: 45px;
    border-bottom: solid 1px #e5e5e5;
}
.rightBannerNav div h3{
    font-size: 17px;
    float: left;
}
.rightBannerNav div a{
    float: right;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
}
.rightBannerNav ul li{
    background: url(/img/recommended_knowledge.png) 0 3px no-repeat;
    padding-left: 24px;
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
}
.rightBannerNav ul li a{
    width: 230px;
    display: block;
    color: #333333;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rightBannerNav ul li .img3{margin-left: 9px;}