body{ background:#f5f5f5;}
.banner{width:1190px;margin:20px auto;}
.banner img{width:100%;}
#content {margin:0 auto 30px;position: relative;width:1190px;background:#f5f5f5;}
#content .latest{ display:block; width:1000px; height:315px;}
.dataLists{position:relative;background:#fff;border: 1px solid #e5e5e5;margin-bottom: 20px;padding: 12px;position: relative;transition: box-shadow 0.3s ease-in 0s, transform 0.2s ease-in 0s;width: 1166px;}
.dataLists:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.06);transform: translate(0px,-2px);}
.dataLists .date{position:absolute;left:0;top:0;display:inline-block;width:90px;height:30px;line-height:30px;text-align: center; word-wrap: break-word;font-size:14px;color:#fff;background:#ed8245; }

.dataLists .left{float: left;height: 230px;margin-left: 8px;margin-top:30px;position: relative;width: 721px;}
.dataLists .left h2{font-size: 24px;font-weight: normal;}
.latest .left h2 a{font-size:24px;font-weight:bold;margin-top:23px;width:460px; color:#333; }
.dataLists .left h2 a:hover{color:#38adfd;}

.dataLists .left article{color: #999;line-height: 1.8;margin: 20px 0 20px 0;overflow-wrap: break-word;text-align: justify;width: 720px;height:125px;}
.dataLists .left .control{width: 720px;}
.dataLists .left .control .time{color:#999;margin-right: 20px;float: left;}
.dataLists .left .control .detailContr{width: 720px;display: inline-block;height:34px;line-height:34px;}
.control .detailContr a,.control .detailContr span{color:#999;}
.dataLists .collect{float:left;display:block;padding:0 20px 0 25px;}
.blue{background:url(/img/law_list.jpg) no-repeat 0 -63px;color:#1484e4;}
.gray{background:url(/img/law_list.jpg) no-repeat 0 6px;}
.gray1{background:url(/img/law_collect.jpg) no-repeat 1px center;background-size:18px;}
#content  .priceBox{float:right;font-size:20px;color:#fc3d39;}
#content  .shopping{display: inline-block;width: 78px;height: 34px;font-size:16px;line-height: 34px;text-align: center;background: #fd8c19;color: #fff;border-radius: 5px;float: right;margin-left:10px;}
#content  .payed{background:#ccc;cursor: default;}
.dataLists .left .control .collect{border:none;}
.dataLists .left .control .collect a{ font-size:15px;}
.dataLists a.collect:hover{color:#018fd9;background:url(/img/law_list.jpg) no-repeat 0 -32px;}
.dataLists .left .control .share{display: block;float: left;position: relative;}
.dataLists .left .control .share .share_more{background:url(/img/law_share.jpg)  no-repeat;padding-left:24px;cursor: pointer;} 
.dataLists .left .control .reply{background:url(/img/lawreply.jpg) no-repeat 0 8px;color: #595757;display: block;float: left;height: 36px;margin-left:20px;width: 20px;}
.share:hover .share_con{display:block;}
.dataLists .left .control .reply:hover{background:url(/img/lawreply_hover.jpg) no-repeat 0 8px;}
.dataLists .left .control .share .share_more:hover{color:#23a2e4;background:url(/img/law_share_hover.jpg)  no-repeat;}
.share_con{background:#fff;border: 1px solid #e5e5e5;display: none;left: -44px;padding: 10px;position: absolute;top: -85px;width: 140px; box-shadow: 0 2px 5px #ccc;}
.share_con a{ display:block; width:40px;font-size:12px;float:left;height:30px; line-height:30px; padding-left:30px;}
.share_con a:hover{color:#018fd9;}
.share_con a.share_sin{background: url(/img/share_sin.jpg) no-repeat left center;background-size:20px;}
.share_con a.share_qqzone{background: url(/img/share_qqzone.jpg) no-repeat left center;background-size:20px;}
.share_con a.share_wechat{background: url(/img/share_wechat.jpg) no-repeat left center;background-size:20px;}
.share_con a.share_qq{background: url(/img/share_qq.jpg) no-repeat left center;background-size:20px;}
.share_con a.share_douban{background: url(/img/share_douban.jpg) no-repeat left center;background-size:20px;}
.share_con a.share_renren{background: url(/img/share_renren.jpg) no-repeat left center;background-size:20px;}

.dataLists .right{float: right;}
.dataLists .right a{display: block;}
.dataLists .right img{display: block;height: 268px;width: 406px;}

.List{margin-top:30px;}
.tab{height:37px;border:1px solid #ededed;margin-bottom: 20px;background:#fafafa;}
.tab > span{line-height:37px;float:left;padding-left:15px;color:#666;}
.tab ul li{float:left;margin:0 0 0 20px;line-height:37px;}
.tab ul li a{display: block;padding:0 10px 0 30px;}
.tab ul li .tabThumbnail{background:url(/img/law_list.jpg) scroll no-repeat 2px -89px;} 
.tab ul li .tabList{background:url(/img/law_list.jpg) scroll no-repeat -78px -87px;} 
.tab ul li .tabThumbnail.active{background:url(/img/law_list.jpg) no-repeat 2px -119px;color:#1484e4;} 
.tab ul li .tabList.active{background:url(/img/law_list.jpg) no-repeat -78px -117px;color:#1484e4;} 

.Item{ min-height:200px; position:relative;}
.Item .dataLists{background:#fff;margin-bottom:20px;}
.Item .dataLists:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.06);transform: translate(0px,-2px);}

.JS_lawyerBigDataListBox{display: none;}
.activeShow{display: block;}
.dataThumbnail{position:relative;float:left;width:382px; height:auto;background:#fff;margin-right:20px;margin-bottom:20px;transition:box-shadow 0.3s ease-in 0s, transform 0.2s ease-in 0s;position: relative;}
.dataThumbnail:nth-child(3n){margin-right: 0;}
.dataThumbnail:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.06);transform: translate(0px,-2px);}
.dataThumbnail:hover .collectBox{display:block;}
.dataThumbnail h2 a:hover{color:#38adfd;}
.noMargin{margin-right:0;}
.imgBlock{position: relative;}
.imgBlock img{width:382px;height:204px;display:block;}
.imgBlock div{display:none;position:absolute;top:-13px;right:0;}
.imgBlock span{display:block;background:#fff;color:#666;padding:5px 20px;border-radius:5px;}
.imgBlock .collect{display:block;width:30px;height:30px;position:absolute;top:30px;right:15px;}

.dataThumbnail h2{margin:15px 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dataThumbnail h2 a{font-size:16px;color:#333;}
.dataThumbnail p{margin:0 20px 25px;color:#999;height:63px;overflow: hidden;line-height:1.6;}
.dataThumbnail >span:first-child{position:absolute;top:0;left:0;display: block;width:90px;height:30px;line-height:30px;text-align:center;color:#fff;background:#ed8245;z-index:2;}
.dataThumbnail .time{display:block;color:#999;margin-bottom:10px;text-align: right;margin-right:20px;}
.controlGroup{padding:0 20px;height:50px;line-height:50px;border-top:1px solid #e5e5e5;}
.controlGroup>div{height:50px;line-height:50px;float:left;}
.controlGroup>span{float:right;}
.controlGroup a{display:inline-block;}
.controlGroup .sina,.controlGroup .qqzone{float: left;width:20px;height:20px; margin: 15px 0 0 10px;}
.controlGroup .sina{background: url(/img/share_sin.jpg) no-repeat left center;background-size:20px;}
.controlGroup .qqzone{background: url(/img/share_qqzone.jpg) no-repeat left center;background-size:20px;}
.controlGroup .share{display: block;float: left;height: 20px;margin: 0 10px;padding-top: 15px;position: relative;width: 20px;}
.controlGroup .share .share_more{background:url(/img/law_sharemore.jpg) no-repeat 3px 3px;cursor: pointer;display: block;height: 20px;width: 20px;}
.controlGroup .share .share_more:hover{background:url(/img/law_sharemore_hover.jpg) no-repeat 3px 3px;}
.controlGroup .reply{background:url(/img/lawreply.jpg) no-repeat;cursor: pointer;display: block;float: left;height: 20px;margin-top: 15px;width: 20px;}
.controlGroup .reply:hover{background:url(/img/lawreply_hover.jpg) no-repeat;}
#content .controlGroup .shopping{margin-top:8px;}

.more{height:45px; background-color:#efefef; margin:18px auto 0; text-align:center; font-size:14px; line-height:45px;display:block; border-radius:8px;}
.bd_weixin_popup{position:fixed;  z-index:9999;overflow:hidden; width:280px; height:326px; background:#fff; display:none;left: 50%; top: 50%; margin-left: -130px;margin-top: -130px; box-shadow: 4px 5px 12px -3px #000 }
.bd_weixin_popup p{ width:240px; height:60px; margin:0 auto; font-size:14px;}
.code{ margin:10px auto; width:200px; height:200px;}
.weixin-h{ font-size:13px; margin:5px 0 0 20px; }
.w-off{position:absolute; top:5px; right:10px;cursor:pointer;color:#999; font-size:15px;}
#ajaxloadin{ margin:80px;}
.imgBlock >h2 >a {color: #fff; text-decoration:none;}
.imgBlock >h2 >a:hover{ text-decoration:underline;}

/**/

.contentList .dataLists {background:#FFF; margin-bottom:18px;}
.pageBox .more{font-size:18px;color:#999;}

@keyframes rotate{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg)
	}
}
.more img{animation:rotate 1s linear infinite;text-align: center;display:inline-block;margin-right:5px;}