body {
	background-color:#fff
}
input,button {
	outline:none;
	background:0 0;
	padding:0;
	border:none
}
.mb20 {
	margin-bottom:20px
}
.red {
	color:#e02020
}
.find_index {
	position:relative;
	background-color:#fff;
	overflow:hidden
}
.find_header {
	position:relative;
	height:410px;
	width:100%
}
.find_header .nh-l,.find_header .nh-r {
	position:absolute;
	width:50%;
	height:100%;
	display:block;
	top:0;
	z-index:3
}
.find_header .nh-l {
	left:0;
	margin-left:-600px
}
.find_header .nh-r {
	right:0;
	margin-right:-600px
}
.find_area {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-600px;
	width:184px;
	height:410px;
	background-color:rgba(48,55,65,.6);
	z-index:3;
	font-size:14px;
	color:#ccc;
	transition:.4s height
}
.find_area.moreHeight {
	height:510px
}
.find_area.moreHeight .farea_h {
	max-height:270px;
	overflow-y:auto
}
.find_banner {
	position:relative;
	width:100%
}
.banner-con {
	position:relative;
	height:410px
}
.banner-con .banner_list {
	position:absolute;
	height:410px;
	width:1920px;
	left:-360px;
	text-align:center
}
.banner-con .banner_list .bl {
	position:absolute;
	left:0;
	right:0
}
.banner-con .banner-tab {
	position:absolute;
	bottom:12px;
	left:0;
	right:0;
	color:#666;
	font-size:14px;
	height:24px;
	line-height:24px;
	display:flex;
	justify-content:center
}
.banner-con .banner-tab div {
	display:block;
	width:74px;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	transition:.4s;
	background-color:rgba(48,55,65,.59);
	text-align:center;
	margin:0 3px;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.banner-con .banner-tab div .name {
	position:relative;
	z-index:1
}
.banner-con .banner-tab div em {
	width:0;
	position:absolute;
	display:block;
	left:0;
	height:24px;
	background-color:#333;
	z-index:0
}
.banner-con .banner-tab div.active {
	position:relative
}
.banner-con .banner-tab div.active em {
	width:100%;
	transition:width 5s;
	-webkit-transition:width 5s;
	-moz-transition:width 5s
}
.find_tab {
	padding-top:18px
}
.find_tab .item {
	position:relative;
	font-size:14px;
	color:#ccc;
	float:left;
	padding:12px 17px;
	line-height:14px;
	transition:.4s;
	cursor:pointer
}
.find_tab .item:hover,.find_tab .item.active {
	color:#fff;
	font-weight:700
}
.find_tab .item:after {
	position:absolute;
	content:'';
	left:0;
	top:14px;
	width:1px;
	height:12px;
	background-color:#bfbfbf
}
.find_tab .item:first-child:after {
	display:none
}
.vat_con .con {
	display:none
}
.vat_con .con:first-child {
	display:block
}
.fques_list .link {
	display:block;
	height:34px;
	line-height:34px;
	color:#ccc;
	font-size:14px;
	transition:.4s
}
.fques_list .link:hover {
	color:#fff;
	background-color:rgba(0,0,0,.1);
	text-decoration:none
}
.fques_list .link:hover.t1:before {
	background-position:0 -20px
}
.fques_list .link:hover.t2:before {
	background-position:-20px -20px
}
.fques_list .link:hover.t3:before {
	background-position:-40px -20px
}
.fques_list .link:hover.t4:before {
	background-position:-60px -20px
}
.fques_list .link:hover.t5:before {
	background-position:-80px -20px
}
.fques_list .link:hover.t6:before {
	background-position:-100px -20px
}
.fques_list .link:hover.t7:before {
	background-position:-120px -20px
}
.fques_list .link:hover.t8:before {
	background-position:-140px -20px
}
.fques_list .link:hover.t9:before {
	background-position:-160px -20px
}
.fques_list .link:hover.t10:before {
	background-position:-180px -20px
}
.fques_list .link:hover.t11:before {
	background-position:-200px -20px
}
.fques_list .link:before {
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	margin-left:22px;
	margin-right:16px;
	background-image:url(/pc/findlawyer/images/icon_list.png);
	background-repeat:no-repeat;
	transition:.4s
}
.fques_list .link.t1:before {
	background-position:0 0
}
.fques_list .link.t2:before {
	background-position:-20px 0
}
.fques_list .link.t3:before {
	background-position:-40px 0
}
.fques_list .link.t4:before {
	background-position:-60px 0
}
.fques_list .link.t5:before {
	background-position:-80px 0
}
.fques_list .link.t6:before {
	background-position:-100px 0
}
.fques_list .link.t7:before {
	background-position:-120px 0
}
.fques_list .link.t8:before {
	background-position:-140px 0
}
.fques_list .link.t9:before {
	background-position:-160px 0
}
.fques_list .link.t10:before {
	background-position:-180px 0
}
.fques_list .link.t11:before {
	background-position:-200px 0
}
.fques_all {
	display:none;
	position:absolute;
	top:56px;
	left:184px;
	width:226px;
	height:290px;
	background-color:#fff
}
.fques_all:before {
	content:'';
	position:absolute;
	display:block;
	width:14px;
	height:290px;
	background:linear-gradient(90deg,rgba(0,0,0,.3) 0%,#fff 100%);
	opacity:.4
}
.fques_all .list {
	font-size:14px;
	color:#333;
	padding-left:38px;
	padding-top:26px
}
.fques_all .item {
	float:left;
	width:92px;
	height:14px;
	line-height:14px;
	margin:10px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.fques_all .item a {
	color:#333
}
.fques_all .item a:hover {
	color:#2327cf;
	text-decoration:none;
	font-weight:700
}
.farea_h {
	margin:0 18px 22px;
	max-height:150px;
	overflow:hidden
}
.farea_list {
	margin-left:5px
}
.farea_list .item {
	float:left;
	font-size:14px;
	color:#ccc;
	width:33.33%
}
.farea_list .link {
	display:block;
	height:30px;
	line-height:30px;
	color:#ccc;
	transition:.4s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.farea_list .link:hover {
	color:#fff
}
.farea_title {
	margin:0 18px;
	border-top:solid 1px rgba(255,255,255,.13);
	padding-top:29px;
	font-size:14px;
	color:#fff;
	font-weight:700;
	line-height:14px
}
.farea_con {
	margin:12px 13px 0
}
.farea_con .link {
	float:left;
	margin:0 5px;
	font-size:14px;
	height:30px;
	line-height:30px;
	color:#ccc;
	transition:.4s
}
.farea_con .link:hover {
	color:#fff
}
.farea_location {
	position:absolute;
	left:50%;
	margin-left:395px;
	top:29px;
	width:205px;
	height:351px;
	background-color:#fff;
	background-image:url(/pc/findlawyer/images/right_top.png);
	background-position:center top;
	background-repeat:no-repeat
}
.farea_location .farea_s {
	display:block;
	width:24px;
	height:32px;
	margin:32px auto 20px;
	background:url(/pc/findlawyer/images/icon_list.png) 0 -60px no-repeat
}
.farea_location .farea_link {
	display:block;
	width:144px;
	height:28px;
	line-height:28px;
	background-color:#2327cf;
	border-radius:21px;
	text-align:center;
	color:#fff;
	font-size:14px;
	margin:0 auto 12px;
	font-weight:500;
	transition:.4s
}
.farea_location .farea_link:hover {
	background-color:#629e32;
	text-decoration:none
}
.farea_location .farea_search {
	margin:0 auto 23px;
	width:144px;
	height:28px;
	border-radius:21px;
	border:solid 1px #eee;
	transition:.4s
}
.farea_location .farea_search.active {
	border-color:#2327cf
}
.farea_location .farea_search.active .btn {
	background-color:#629e32
}
.farea_location .farea_search .searchInput {
	line-height:28px;
	padding-left:12px;
	font-size:12px;
	background:0 0;
	width:95px;
	font-family:PingFang SC,Microsoft YaHei
}
.farea_location .farea_search .searchInput::placeholder {
	font-size:12px;
	color:#bfbfbf
}
.farea_location .farea_search .btn {
	float:right;
	width:34px;
	height:22px;
	border-radius:21px;
	margin-top:3px;
	margin-right:3px;
	cursor:pointer;
	background-color:#a6a8ae;
	background:url(/pc/findlawyer/images/icon_search_normal.png) center center no-repeat #a6a8ae;
	background-size:16px auto;
	transition:.4s
}
.farea_location .fwx_main {
	border-top:1px solid #eee;
	padding-top:16px;
	margin:0 20px
}
.farea_location .fwx_main .title {
	font-size:16px;
	color:#333;
	line-height:16px;
	text-align:center;
	margin-bottom:12px;
	font-weight:500
}
.farea_location .wx_box {
	width:72px;
	height:72px;
	box-shadow:0px 0px 7px 0px rgba(0,0,0,.07);
	border-radius:4px;
	overflow:hidden;
	margin:0 auto 12px
}
.farea_location .wx_box img {
	width:100%
}
.farea_location .info {
	text-align:center;
	color:#999;
	font-size:12px;
	line-height:1em
}
.find_four {
	height:100px;
	background-color:#f9f9f9
}
.find_four .item {
	width:25%
}
.find_four .item:hover .icon:after {
	-webkit-animation:pulseSlow alternate 1s ease-in-out;
	-o-animation:pulseSlow alternate 1s ease-in-out;
	-moz-animation:pulseSlow alternate 1s ease-in-out;
	-ms-animation:pulseSlow alternate 1s ease-in-out;
	animation:pulseSlow alternate 1s ease-in-out
}
.find_four .icon {
	float:left;
	margin-top:24px;
	margin-left:38px;
	margin-right:16px;
	width:52px;
	height:52px;
	border-radius:50%;
	background-color:#eee
}
.find_four .icon:after {
	content:'';
	display:block;
	width:52px;
	height:52px;
	border-radius:50%;
	background:url(/pc/findlawyer/images/icon_list.png) 0 -100px no-repeat
}
.find_four .icon.t1:after {
	content:"21";
	font-size:30px;
	font-family:sans-serif;
	color:#969aa1;
	background:#eee;
	text-align:center;
	line-height:52px;
	font-weight:600
}
.find_four .icon.t2:after {
	background-position:-52px -97px
}
.find_four .icon.t3:after {
	background-position:-104px -100px
}
.find_four .icon.t4:after {
	background-position:-156px -100px
}
.find_four .desc {
	display:block;
	overflow:hidden;
	padding-top:30px
}
.find_four .desc .tl {
	font-size:18px;
	color:#333;
	margin-bottom:8px;
	line-height:18px;
	font-weight:500
}
.find_four .desc .info {
	line-height:1em;
	font-size:14px;
	color:#999
}
.find_three {
	padding-top:38px;
	margin-left:-18px;
	margin-bottom:60px
}
.find_three .item {
	position:relative;
	width:388px;
	padding-top:28px;
	color:#fff;
	font-size:14px;
	line-height:1em;
	margin-left:18px;
	overflow:hidden
}
.find_three .item:hover .imgr {
	transform:scale(1.06)
}
.find_three .item:nth-child(2n) .box {
	background-position:0 -150px
}
.find_three .item:nth-child(3n) .box {
	background-position:0 -300px
}
.find_three .box {
	position:relative;
	height:150px;
	padding-left:30px;
	background:url(/pc/findlawyer/images/wl_bg.jpg) no-repeat
}
.find_three .box .imgr {
	position:absolute;
	right:0;
	bottom:0;
	transition:.4s;
	width: 38.5%;
}
.find_three .tl {
	padding-top:26px;
	font-size:20px;
	color:#fff;
	margin-bottom:28px;
	line-height:1em
}
.find_three .tl .name {
	font-weight:500;
	color:#fff;
	transition:.4s
}
.find_three .tl .name:hover {
	color:#fff
}
.find_three .phone {
	font-size:18px;
	color:#fff;
	line-height:18px;
	font-family:'Helvetica';
	margin-bottom:12px
}
.find_three .phone:before {
	content:'';
	display:inline-block;
	width:10px;
	height:16px;
	background:url(/pc/findlawyer/images/icon_list.png) -80px -60px no-repeat;
	vertical-align:-2px;
	margin-right:10px;
	opacity:.6
}
.find_three .pro {
	width:210px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.find_area_law {
	height:440px
}
.find_area_law .title {
	line-height:30px;
	font-size:30px;
	color:#333;
	font-weight:700;
	margin-bottom:30px
}
.find_area_law .con {
	margin:0 -24px;
	padding-bottom:24px;
	overflow:hidden
}
.find_area_law .item {
	position:relative;
	width:282px;
	margin-left:24px
}
.find_area_law .item:hover .desc:after {
	bottom:108px
}
.find_area_law .item:hover .img_box .img {
	transform:scale(1.05)
}
.find_area_law .item:hover .btn {
	bottom:126px;
	opacity:1
}
.find_area_law .img_box {
	position:relative;
	z-index:1;
	width:100%;
	height:226px;
	overflow:hidden
}
.find_area_law .img_box .img {
	width:100%;
	transition:.4s
}
.find_area_law .desc {
	position:relative;
	height:130px;
	background:#fff;
	padding-left:24px;
	box-shadow:0px 7px 21px 0px rgba(0,0,0,.07);
	z-index:3
}
.find_area_law .desc .pr {
	position:relative;
	z-index:5
}
.find_area_law .desc:after {
	content:'';
	position:absolute;
	bottom:25px;
	left:0;
	display:block;
	width:282px;
	height:30px;
	background:#fff;
	transform:skewY(3deg);
	z-index:3;
	transition:.3s
}
.find_area_law .desc .tl {
	line-height:18px;
	padding-top:24px;
	color:#333;
	font-size:18px;
	margin-bottom:20px
}
.find_area_law .desc .tl .name {
	font-weight:500;
	color:#333;
	transition:.4s
}
.find_area_law .desc .tl .name:hover {
	color:#ff7b2b
}
.find_area_law .desc .pro {
	line-height:14px;
	color:#666;
	font-size:14px;
	margin-bottom:12px
}
.find_area_law .desc .phone {
	line-height:16px;
	font-size:16px;
	color:#333;
	font-family:'Helvetica';
	margin-bottom:30px
}
.find_area_law .desc .phone:before {
	content:'';
	display:inline-block;
	width:10px;
	height:16px;
	background:url(/pc/findlawyer/images/icon_list.png) -100px -59px no-repeat;
	vertical-align:-2px;
	margin-right:12px;
	opacity:.24
}
.find_area_law .btn {
	position:absolute;
	left:25px;
	bottom:110px;
	display:block;
	width:108px;
	height:28px;
	line-height:28px;
	opacity:0;
	background-color:#2327cf;
	box-shadow:0px 7px 14px 0px rgba(108,172,54,.28);
	border-radius:14px;
	text-align:center;
	font-size:14px;
	color:#fff;
	z-index:3;
	transition:.4s;
	opacity:0
}
.find_area_law .btn:hover {
	background-color:#629e32;
	text-decoration:none
}
.find_two {
	margin-left:-24px;
	margin-bottom:60px;
	height:230px
}
.find_two .item {
	position:relative;
	width:588px;
	height:230px;
	overflow:hidden;
	margin-left:24px
}
.find_two .item:hover .tl {
	margin-bottom:24px
}
.find_two .item:hover .line {
	opacity:0
}
.find_two .item:hover .btn {
	bottom:25px
}
.find_two .item:hover .temp {
	transform:scale(1.05)
}
.find_two .temp {
	position:absolute;
	right:0;
	bottom:0;
	transition:.4s;
	transform-origin:right bottom
}
.find_two .box {
	position:absolute;
	left:40px;
	top:50px;
	height:180px;
	color:#fff
}
.find_two .tl {
	line-height:20px;
	font-size:20px;
	margin-bottom:56px;
	transition:.4s
}
.find_two .tl .name {
	font-weight:500;
	color:#fff;
	transition:.4s
}
.find_two .tl .name:hover {
	color:#fff
}
.find_two .line {
	position:absolute;
	left:0;
	top:36px;
	display:block;
	width:30px;
	height:4px;
	background-color:#fff;
	transition:.4s
}
.find_two .pro {
	line-height:16px;
	font-size:16px;
	color:#fff;
	width:310px;
	margin-bottom:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.find_two .phone {
	font-size:16px;
	color:#fff;
	line-height:16px;
	font-family:'Helvetica';
	font-weight:700;
	margin-bottom:12px
}
.find_two .phone:before {
	content:'';
	display:inline-block;
	width:10px;
	height:16px;
	background:url(/pc/findlawyer/images/icon_list.png) -80px -60px no-repeat;
	vertical-align:-3px;
	margin-right:12px;
	opacity:.5
}
.find_two .btn {
	position:absolute;
	left:0;
	bottom:-100px;
	display:block;
	width:105px;
	height:28px;
	line-height:28px;
	background-color:#2327cf;
	border-radius:14px;
	text-align:center;
	color:#fff;
	transition:.4s
}
.find_two .btn:hover {
	background-color:#629e32;
	text-decoration:none
}
.find_online_two {
	padding-bottom:30px
}
.fonline_main {
	width:732px
}
.fonline_main .header {
	font-size:20px;
	line-height:30px;
	margin-bottom:20px
}
.fonline_main .header .tl {
	font-size:30px;
	line-height:30px;
	color:#333;
	font-weight:700;
	margin-right:32px
}
.fonline_main .online_tab .item {
	float:left;
	font-size:20px;
	color:#999;
	cursor:pointer;
	transition:.4s
}
.fonline_main .online_tab .item:last-child:after {
	display:none
}
.fonline_main .online_tab .item:after {
	content:'';
	float:right;
	width:1px;
	height:18px;
	background:#999;
	margin:6px 8px 0;
	transform:rotate(15deg)
}
.fonline_main .online_tab .item.active,.fonline_main .online_tab .item:hover {
	color:#2327cf;
	font-weight:500
}
.t_con_box {
	margin-left:-30px
}
.t_con_box .con {
	position:relative;
	display:none
}
.t_con_box .con:first-child {
	display:block
}
.t_con_box .con .swiper-container {
	height:532px
}
.t_con_box .con .swiper-slide {
	width:100%
}
.t_con_box .con .n_pagination {
	position:absolute;
	z-index:20;
	right:20px;
	top:-30px
}
.t_con_box .con .swiper-pagination-switch {
	float:left;
	width:6px;
	height:6px;
	margin:0 2px;
	background-color:rgba(109,114,120,.12);
	border-radius:3px;
	transition:.4s;
	cursor:pointer
}
.t_con_box .con .swiper-active-switch {
	width:14px;
	background-color:#6d7278;
	border-radius:3px
}
.c_nor_list {
	padding:10px
}
.c_nor_list .item {
	position:relative;
	padding:30px 20px;
	transition:.4s
}
.c_nor_list .item:first-child:before {
	content:'';
	display:block;
	position:absolute;
	left:20px;
	right:20px;
	top:0;
	height:1px;
	background-color:#f3f4f8
}
.c_nor_list .item:after {
	content:'';
	display:block;
	position:absolute;
	left:20px;
	right:20px;
	bottom:0;
	height:1px;
	background-color:#f3f4f8
}
.c_nor_list .item:hover {
	box-shadow:0px 0px 21px 0px rgba(0,0,0,.04)
}
.c_nor_list .item:last-child {
	border-bottom:none
}
.c_nor_list .tl {
	line-height:21px;
	color:#333;
	font-size:16px;
	font-weight:500;
	font-size:18px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.c_nor_list .tl a {
	color:#333;
	transition:.4s
}
.c_nor_list .tl a:hover {
	color:#2327cf
}
.c_nor_list .info {
	height:30px;
	line-height:30px;
	margin-top:16px
}
.c_nor_list .label {
	width:78px;
	height:30px;
	background-color:#2327cf;
	border-radius:3px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#fff;
	display:inline-block;
	margin-right:24px;
	vertical-align:middle
}
.c_nor_list .nor {
	font-size:14px;
	color:#555;
	margin-right:24px
}	
.fonline_right {
	width:384px;
	height:572px;
	background:#f9f9f9
}
.fonline_right .title {
	padding-left:30px;
	padding-top:32px;
	font-size:20px;
	line-height:28px;
	color:#333;
	margin-bottom:20px;
	font-weight:500
}
.fonline_right .fonline_item {
	position:relative;
	width:324px;
	height:102px;
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0 auto 14px;
	border-radius:8px
}
.fonline_right .fonline_item.t1 {
	background-image:url(/pc/findlawyer/images/d_t1.jpg);
	box-shadow:0 7px 14px rgba(230,221,221,.7)
}
.fonline_right .fonline_item.t1 .num {
	color:#837777
}
.fonline_right .fonline_item.t2 {
	margin-bottom:0;
	background-image:url(/pc/findlawyer/images/d_t2.jpg);
	box-shadow:0 7px 14px rgba(225,229,237,.7)
}
.fonline_right .fonline_item.t2 .txt {
	color:rgba(119,124,131,.7)
}
.fonline_right .fonline_item.t2 .num {
	color:#777c83
}
.fonline_right .fonline_item .txt {
	font-size:14px;
	color:rgba(131,119,119,.7);
	line-height:14px;
	padding-left:32px;
	padding-top:24px;
	padding-bottom:10px
}
.fonline_right .fonline_item .num {
	padding-left:32px;
	font-size:30px;
	font-weight:700;
	line-height:30px
}
.fonline_pj {
	margin:0 30px;
	height:170px
}
.fonline_pj .pagination {
	position:absolute;
	z-index:20;
	bottom:10px;
	width:100%;
	text-align:center
}
.fonline_pj .swiper-pagination-switch {
	display:inline-block;
	width:36px;
	height:20px;
	line-height:20px;
	border-radius:40px;
	margin:0 5px;
	cursor:pointer
}
.fonline_pj .swiper-pagination-switch:after {
	content:'';
	display:inline-block;
	height:6px;
	background-color:rgba(109,114,120,.12);
	width:100%;
	vertical-align:2px;
	border-radius:40px
}
.fonline_pj .swiper-active-switch:after {
	background:#6d7278
}
.star_box .item {
	margin-bottom:13px
}
.star_box .name {
	float:left;
	height:20px;
	font-size:14px;
	color:#666
}
.star_box .star_item {
	float:left;
	margin-top:2px
}
.star_box .star_item .item {
	float:left;
	width:18px;
	height:18px;
	margin:0 4px;
	background:url(/pc/findlawyer/images/star.png) no-repeat;
	background-position:0 0
}
.star_box .star_item .item.active {
	background-position:0 -18px
}
.star_box .score {
	float:left;
	margin-left:15px;
	color:#ec3535;
	font-size:12px
}
.star_box .score .num {
	font-size:16px;
	font-weight:700
}
.star_box .txt {
	margin-top:18px;
	color:#333;
	font-size:14px;
	line-height:20px;
	margin-bottom:30px;
	max-height:40px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.find_bg9 {
	padding-top:50px;
	padding-bottom:30px
}
.find_bg9,.lineerbg {
	padding-top:50px;
	background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%)
}
.area_online_law {
	width:816px
}
.area_online_law .header {
	font-size:14px;
	margin-bottom:30px
}
.area_online_law .header .tl {
	font-size:30px;
	line-height:30px;
	color:#333;
	font-weight:700;
	margin-right:22px
}
.area_online_law .header .label {
	width:106px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:rgba(250,100,0,.1);
	border-radius:4px;
	color:#2327cf;
	font-size:16px;
	transition:.4s
}
.area_online_law .header .label:hover {
	text-decoration:none;
	background-color:rgba(250,100,0,.2)
}
.area_online_law .header .label:after {
	content:'';
	display:inline-block;
	width:6px;
	height:10px;
	background:url(/pc/findlawyer/images/rad.png) no-repeat;
	vertical-align:middle;
	margin-left:8px
}
.online_list_area {
	margin-left:-24px
}
.online_list_area .item {
	position:relative;
	float:left;
	width:248px;
	height:323px;
	margin-left:24px;
	margin-bottom:24px
}
.online_list_area .item:hover .btn {
	bottom:102px;
	opacity:1
}
.online_list_area .item:hover img {
	transform:scale(1.05)
}
.online_list_area .img_box {
	position:relative;
	width:248px;
	height:248px;
	overflow:hidden;
	z-index:1
}
.online_list_area .img_box img {
	width:100%;
	transition:.4s
}
.online_list_area .desc {
	position:absolute;
	left:8px;
	right:8px;
	bottom:0;
	padding-left:18px;
	height:109px;
	background:#fff;
	box-shadow:0px 7px 21px 0px rgba(0,0,0,.07);
	border-radius:8px;
	z-index:2
}
.online_list_area .desc .tl {
	padding-top:18px;
	line-height:16px;
	font-size:16px;
	color:#333;
	margin-bottom:16px
}
.online_list_area .desc .tl .name {
	color:#333;
	font-weight:500;
	transition:.4s
}
.online_list_area .desc .tl .name:hover {
	color:#2327cf
}
.online_list_area .desc .tl .honnor {
	display:inline-block;
	height:16px;
	padding:0 6px;
	background-color:rgba(164,149,129,.1);
	border-radius:2px;
	font-size:12px;
	color:#b1aa99;
	margin-left:10px;
	vertical-align:top
}
.online_list_area .desc .txt {
	line-height:13px;
	font-size:13px;
	color:#333;
	margin-bottom:12px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.online_list_area .desc .phone {
	line-height:16px;
	font-size:16px;
	color:#333;
	font-family:'Helvetica';
	margin-bottom:30px
}
.online_list_area .desc .phone:before {
	content:'';
	display:inline-block;
	width:10px;
	height:16px;
	background:url(/pc/findlawyer/images/icon_list.png) -100px -59px no-repeat;
	vertical-align:-2px;
	margin-right:12px;
	opacity:.24
}
.online_list_area .desc .btn {
	position:absolute;
	left:50%;
	bottom:97px;
	margin-left:-54px;
	display:block;
	width:108px;
	height:28px;
	line-height:28px;
	background-color:#2327cf;
	box-shadow:0px 7px 14px 0px rgba(108,172,54,.28);
	border-radius:14px;
	text-align:center;
	color:#fff;
	opacity:0;
	transition:.4s
}
.online_list_area .desc .btn:hover {
	background-color:#629e32;
	text-decoration:none
}
.find_gl {
	position:relative;
	width:384px;
	height:730px;
	background:url(/pc/findlawyer/images/gl_bg.jpg) no-repeat
}
.find_gl .tl {
	padding-top:38px;
	line-height:33px;
	font-size:24px;
	color:#333;
	text-align:center;
	font-weight:700;
	margin-bottom:32px
}
.find_gl .f_main {
	position:relative;
	margin:0 16px;
	padding-bottom:22px;
	background:#fff;
	border-radius:8px;
	margin-bottom:26px
}
.find_gl .f_main .title {
	position:absolute;
	top:-5px;
	height:32px;
	left:50%;
	transform:translate(-50%,0);
	max-width:340px;
	padding:0 42px
}
.find_gl .f_main .title:before,.find_gl .f_main .title:after {
	position:absolute;
	content:'';
	display:block;
	width:42px;
	top:0;
	height:32px;
	background-repeat:no-repeat;
	background-image:url(/pc/findlawyer/images/t_bg.png)
}
.find_gl .f_main .title:before {
	left:0;
	background-position:0 0
}
.find_gl .f_main .title:after {
	right:0;
	background-position:0 -32px
}
.find_gl .f_main .title .name {
	display:block;
	background:url(/pc/findlawyer/images/t_bg.png) 0 -64px repeat-x;
	height:32px;
	line-height:32px;
	max-width:230px;
	padding:0 5px;
	color:#fff;
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.find_gl .f_main .f_list {
	padding-top:46px
}
.find_gl .f_main .f_list .item {
	font-size:14px;
	margin-bottom:10px;
	padding:0 13px
}
.find_gl .f_main .f_list .link {
	position:relative;
	display:block;
	font-size:14px;
	line-height:20px;
	color:#333;
	transition:.4s;
	padding-left:11px
}
.find_gl .f_main .f_list .link:hover {
	color:#2327cf;
	text-decoration:none
}
.find_gl .f_main .f_list .link:hover:before {
	left:0;
	width:6px;
	height:6px;
	top:7px;
	background:#2327cf
}
.find_gl .f_main .f_list .link:before {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	display:block;
	border-radius:50%;
	background:#ccc;
	left:1px;
	top:8px;
	transition:.4s
}
.find_gl .f_consult_btn {
	display:block;
	width:256px;
	height:36px;
	line-height:36px;
	margin:38px auto 14px;
	background-color:#999;
	border-radius:24px;
	text-align:center;
	color:#fff;
	transition:.4s;
	font-size:18px
}
.find_gl .f_consult_btn:hover {
	background-color:#2327cf;
	text-decoration:none
}
.find_gl .f_consult_txt {
	color:#333;
	font-size:12px;
	text-align:center
}
.find_ques_main {
	height:148px;
	background:url(/pc/findlawyer/images/ques_bg.jpg) no-repeat;
	position:relative;
	margin-bottom:60px
}
.find_ques_main:before {
	content:'';
	position:absolute;
	width:1px;
	height:100px;
	background:#eee;
	top:24px;
	left:50%
}
.find_ques_main .title {
	color:#fff;
	font-size:16px;
	font-weight:700;
	width:68px;
	text-align:center;
	padding-top:66px;
	line-height:1em
}
.find_ques_main .ques_list {
	margin-top:30px;
	width:420px
}
.find_ques_main .ques_list .item {
	float:left;
	font-size:14px;
	color:#333;
	line-height:1em;
	margin-bottom:22px
}
.find_ques_main .ques_list .item a {
	color:#333;
	transition:.4s
}
.find_ques_main .ques_list .item a:hover {
	color:#2327cf
}
.find_ques_main .hot_main .title {
	padding-left:20px
}
.find_ques_main .hot_main .ques_list {
	padding-left:42px;
	height:98px;
	overflow:hidden
}
.find_ques_main .hot_main .ques_list .item {
	margin-left:28px
}
.find_ques_main .other_main .title {
	padding-right:20px
}
.find_ques_main .other_main .ques_list {
	padding-right:42px
}
.find_ques_main .other_main .ques_list .item {
	margin-right:28px
}
.find_alwj .header {
	margin-bottom:30px
}
.find_alwj .header .item {
	float:left;
	line-height:30px;
	font-size:30px;
	color:#333;
	margin-right:38px;
	transition:.4s;
	cursor:pointer
}
.find_alwj .header .item.active,.find_alwj .header .item:hover {
	font-weight:700
}
.vat_con .con {
	display:none
}
.vat_con .con:first-child {
	display:block
}
.fvat_list {
	margin-left:-24px;
	margin-bottom:30px
}
.fvat_list .item {
	float:left;
	width:384px;
	margin-left:24px;
	margin-bottom:30px
}
.fvat_list .item:hover .box {
	box-shadow:0px 7px 21px 0px rgba(0,0,0,.07)
}
.fvat_list .item:hover .box a {
	color:#2327cf
}
.fvat_list .box {
	height:170px;
	background-color:#fff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,.07);
	border:solid 1px #f3f4f8
}
.fvat_list .box .tl {
	padding-left:30px;
	padding-top:36px;
	padding-right:30px;
	font-size:20px;
	line-height:20px;
	color:#333;
	font-weight:500;
	margin-bottom:13px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.fvat_list .box .tl a {
	color:#333;
	transition:.4s;
	text-decoration: none;
}
.fvat_list .box .tl a:hover {
	color:#2327cf
}
.fvat_list .box .desc {
	padding:0 30px;
	color:#999;
	font-size:14px;
	line-height:21px
}
.fvat_list .lawyer_box {
	padding-top:14px;
	padding-left:10px
}
.fvat_list .lawyer_box .img_box {
	position:relative;
	float:left;
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden;
	z-index:1;
	margin-right:14px
}
.fvat_list .lawyer_box .img_box img {
	width:100%;
	transition:.4s
}
.fvat_list .lawyer_box .img_box img:hover {
	transform:scale(1.05)
}
.fvat_list .lawyer_box .main {
	display:block;
	overflow:hidden
}
.fvat_list .lawyer_box .main .tl {
	padding-top:2px;
	font-size:14px;
	color:#333;
	margin-bottom:5px;
	line-height:16px
}
.fvat_list .lawyer_box .main .tl .name {
	color:#333;
	font-weight:700;
	transition:.4s
}
.fvat_list .lawyer_box .main .tl .name:hover {
	color:#ff7b2b
}
.fvat_list .lawyer_box .main .tl .honnor {
	display:inline-block;
	height:16px;
	padding:0 6px;
	background-color:rgba(164,149,129,.1);
	border-radius:2px;
	font-size:12px;
	color:#b1aa99;
	margin-left:10px;
	vertical-align:1px
}
.fvat_list .lawyer_box .main .pro {
	color:#999;
	font-size:12px;
	line-height:12px
}
.find_ke {
	height:100px;
	background-color:#f9f9f9
}
.find_ke .find_de_list {
	width:1200px;
	margin:0 auto
}
.find_ke .find_de_list .item {
	float:left;
	margin-top:23px;
	margin-right:92px;
	height:54px;
	line-height:54px;
	color:#333;
	font-size:20px;
	font-weight:500;
	background:url(/pc/findlawyer/images/four_icon.png) no-repeat;
	padding-left:83px
}
.find_ke .find_de_list .item:first-child {
	margin-left:20px
}
.find_ke .find_de_list .item:last-child {
	margin-right:0
}
.find_ke .find_de_list .item.t1 {
	background-position:0 0
}
.find_ke .find_de_list .item.t2 {
	background-position:0 -54px
}
.find_ke .find_de_list .item.t3 {
	background-position:0 -108px
}
.find_ke .find_de_list .item.t4 {
	background-position:0 -162px
}
.find_shuofa {
	padding-top:60px;
	padding-bottom:40px
}
.find_shuofa .sf_mm {
	margin-left:-24px
}
.find_shuofa .title {
	font-size:30px;
	line-height:30px;
	color:#333;
	font-weight:700;
	margin-bottom:24px
}
.find_shuofa .tl {
	font-size:20px;
	line-height:20px;
	color:#333;
	margin-bottom:20px;
	font-weight:500
}
.find_shuofa .sf_item {
	width:384px;
	margin-left:24px
}
.find_shuofa .img_box {
	width:384px;
	height:216px;
	position:relative;
	z-index:1;
	overflow:hidden;
	margin-bottom:13px
}
.find_shuofa .img_box.tuwen img {
	margin-left:-155px
}
.find_shuofa .img_box img {
	height:100%;
	transition:.4s
}
.find_shuofa .img_box img:hover {
	transform:scale(1.05)
}
.find_shuofa .name {
	line-height:18px;
	height:18px;
	margin-bottom:25px;
	padding-bottom:1px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.find_shuofa .name .label {
	display:inline-block;
	width:35px;
	height:16px;
	line-height:16px;
	color:#14c393;
	text-align:center;
	font-size:12px;
	border:solid 1px #14c393;
	vertical-align:1px;
	margin-right:8px
}
.find_shuofa .name .label.video {
	border-color:#14c393;
	color:#14c393
}
.find_shuofa .name .label.audio {
	border-color:#ff7b2b;
	color:#ff7b2b
}
.find_shuofa .name .label.tuwen {
	border-color:#2fa9ff;
	color:#2fa9ff
}
.find_shuofa .name a {
	font-weight:500;
	font-size:16px;
	color:#333;
	transition:.4s
}
.find_shuofa .name a:hover {
	color:#ff7b2b
}
.find_shuofa .sf_list {
	padding-top:17px;
	border-top:1px solid #eee
}
.find_shuofa .sf_list.tuwen .temp_box:after {
	background:0 0
}
.find_shuofa .sf_list .item {
	margin-bottom:20px;
	overflow:hidden
}
.find_shuofa .sf_list .temp_box {
	float:left;
	width:56px;
	height:56px;
	position:relative;
	z-index:1;
	border-radius:50%;
	overflow:hidden;
	margin-right:10px
}
.find_shuofa .sf_list .temp_box:hover img {
	transform:scale(1.05)
}
.find_shuofa .sf_list .temp_box:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background:url(/pc/findlawyer/images/rad02.png) center center rgba(0,0,0,.1) no-repeat;
	cursor:pointer
}
.find_shuofa .sf_list .temp_box img {
	width:100%;
	transition:.4s
}
.find_shuofa .sf_list .main {
	display:block;
	overflow:hidden
}
.find_shuofa .sf_list .link_tl {
	line-height:16px;
	font-size:16px;
	color:#333;
	margin-top:9px;
	margin-bottom:10px;
	font-weight:500;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.find_shuofa .sf_list .link_tl a {
	color:#333;
	transition:.4s
}
.find_shuofa .sf_list .link_tl a:hover {
	color:#ff7b2b
}
.find_shuofa .sf_list .desc {
	line-height:12px;
	font-size:12px
}
.find_shuofa .sf_list .nlink {
	color:#333
}
.find_shuofa .sf_list .nlink a {
	font-weight:500;
	transition:.4s;
	color:#333
}
.find_shuofa .sf_list .nlink a:hover {
	color:#ff7b2b
}
.find_shuofa .sf_list .nor {
	margin-left:20px;
	font-size:12px;
	color:#999
}
.find_rand .header {
	margin-bottom:22px;
	font-size:14px;
	line-height:20px
}
.find_rand .header .atl {
	font-size:20px;
	line-height:20px;
	color:#333;
	padding-right:18px;
	font-weight:500;
	border-right:1px solid #d8d8d8;
	margin-right:18px
}
.find_rand .s_lva .item {
	float:left;
	color:#bfbfbf;
	cursor:pointer;
	font-size:16px;
	margin-right:12px;
	transition:.4s
}
.find_rand .s_lva .item.active,.find_rand .s_lva .item:hover {
	color:#333;
	font-weight:500
}
.find_rand_box {
	width:384px;
	height:572px;
	background-color:#fff;
	border:solid 1px #f3f4f8
}
.rank_list {
	margin-left:56px;
	padding-top:2px
}
.rank_list .item {
	margin-top:28px;
	position:relative;
	min-height:76px;
	border-radius:38px 0 0 38px
}
.rank_list .item:hover .icon {
	left:-33px
}
.rank_list .item:hover .bl .name {
	padding-left:10px
}
.rank_list .item:last-child {
	margin-bottom:16px
}
.rank_list .img-box {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:72px;
	height:72px;
	border-radius:50%;
	overflow:hidden;
	border:2px solid #f6f6f6;
	z-index:2
}
.rank_list .img-box img {
	width:100%;
	transition:.4s
}
.rank_list .img-box img:hover {
	transform:scale(1.05)
}
.rank_list .icon {
	position:absolute;
	left:-28px;
	top:26px;
	z-index:1;
	display:block;
	width:74px;
	height:24px;
	line-height:24px;
	text-indent:12px;
	font-size:14px;
	color:#fff;
	font-weight:700;
	background:url(/pc/findlawyer/images/rank04.png) no-repeat;
	transition:.4s
}
.rank_list .btn {
	position:absolute;
	right:20px;
	top:24px;
	width:70px;
	height:28px;
	line-height:28px;
	border-radius:14px;
	border:solid 1px #eee;
	text-align:center;
	color:#ccc;
	font-size:14px;
	transition:.4s
}
.rank_list .btn:hover {
	text-decoration:none;
	border-color:#2327cf;
	background-color:#2327cf;
	color:#fff
}
.rank_list .item1 {
	background:linear-gradient(90deg,#ce2323 0%,#e86868 100%)
}
.rank_list .item1 .img-box {
	border-color:#e02020
}
.rank_list .item1 .icon {
	background-image:url(/pc/findlawyer/images/rank01.png)
}
.rank_list .item1 .btn {
	background:rgba(255,255,255,.8);
	color:#e02020;
	border:none
}
.rank_list .item1 .btn:hover {
	background:#fff
}
.rank_list .item1 .bl .name a {
	color:#fff
}
.rank_list .item1 .bl .info {
	color:#f5b9b9
}
.rank_list .item1 .bl .info .num {
	color:#fff
}
.rank_list .item2 {
	background:linear-gradient(90deg,#ea650d 0%,#f4b856 100%)
}
.rank_list .item2 .img-box {
	border-color:#2327cf
}
.rank_list .item2 .icon {
	background-image:url(/pc/findlawyer/images/rank02.png)
}
.rank_list .item2 .btn {
	background:rgba(255,255,255,.8);
	color:#2327cf;
	border:none
}
.rank_list .item2 .btn:hover {
	background:#fff
}
.rank_list .item2 .bl .name a {
	color:#fff
}
.rank_list .item2 .bl .info {
	color:#f5b9b9
}
.rank_list .item2 .bl .info .num {
	color:#fff
}
.rank_list .item3 {
	background:linear-gradient(90deg,#ecb212 0%,#eed854 100%)
}
.rank_list .item3 .img-box {
	border-color:#f7b500
}
.rank_list .item3 .icon {
	background-image:url(/pc/findlawyer/images/rank03.png)
}
.rank_list .item3 .btn {
	background:rgba(255,255,255,.8);
	color:#f7b500;
	border:none
}
.rank_list .item3 .btn:hover {
	background:#fff
}
.rank_list .item3 .bl .name a {
	color:#fff
}
.rank_list .item3 .bl .info {
	color:#fff2ae
}
.rank_list .item3 .bl .info .num {
	color:#fff
}
.rank_list .bl {
	padding-left:90px;
	font-size:12px;
	padding-top:13px;
	transition:.4s
}
.rank_list .name {
	font-size:16px;
	line-height:22px;
	font-weight:500;
	color:#333;
	margin-bottom:8px;
	transition:.4s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.rank_list .name a {
	color:#333;
	transition:.4s
}
.rank_list .name a:hover {
	color:#2327cf
}
.rank_list .info {
	font-size:12px;
	color:#999;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.rank_list .info .num {
	color:#2327cf;
	font-weight:700
}
.bgf9 {
	background-color:#f9f9f9
}
.find_rec_left {
	width:870px;
	padding-top:50px;
	margin-bottom:50px
}
.find_rec_left .tl {
	line-height:30px;
	font-size:30px;
	color:#333;
	font-weight:700;
	margin-bottom:30px
}
.lawRec_swiper {
	position:relative;
	height:370px;
	background-color:#fff
}
.lawRec_swiper .item {
	position:relative;
	padding:45px 49px;
	overflow:hidden
}
.lawRec_swiper .item:after {
	content:'';
	height:1px;
	width:772px;
	position:absolute;
	bottom:0;
	left:49px;
	background-color:#eee
}
.lawRec_swiper .item:last-child {
	border-bottom:none
}
.lawRec_swiper .item:last-child:after {
	display:none
}
.lawRec_swiper .item:hover {
	box-shadow:0 7px 21px rgba(0,0,0,.07)
}
.lawRec_swiper .date {
	float:left;
	margin-right:30px;
	font-family:Helvetica;
	border-right:1px solid #eee;
	padding-right:24px
}
.lawRec_swiper .date .year {
	font-size:14px;
	color:#999;
	line-height:14px;
	margin-bottom:10px
}
.lawRec_swiper .date .md {
	font-size:30px;
	line-height:30px;
	color:#333;
	font-weight:700
}
.lawRec_swiper .main {
	display:block;
	overflow:hidden
}
.lawRec_swiper .main .name {
	font-size:16px;
	line-height:16px;
	color:#333;
	font-weight:700;
	margin-bottom:10px
}
.lawRec_swiper .main .name a {
	color:#333;
	transition:.4s
}
.lawRec_swiper .main .name a:hover {
	color:#ff7b2b
}
.lawRec_swiper .main .desc {
	font-size:14px;
	line-height:21px;
	color:#666;
	max-height:42px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.lawRec_swiper .pagination {
	position:absolute;
	z-index:20;
	bottom:17px;
	width:100%;
	text-align:center
}
.lawRec_swiper .swiper-pagination-switch {
	display:inline-block;
	width:36px;
	height:6px;
	background-color:rgba(109,114,120,.12);
	border-radius:40px;
	margin:0 5px;
	cursor:pointer
}
.lawRec_swiper .swiper-active-switch {
	background:#6d7278
}
.find_hot_pro {
	width:306px;
	padding-top:50px
}
.find_hot_pro .header {
	height:30px;
	line-height:30px;
	margin-bottom:25px
}
.find_hot_pro .header .tl {
	font-size:20px;
	line-height:20px;
	color:#333;
	font-weight:700
}
.find_hot_pro .header .more {
	width:78px;
	height:26px;
	line-height:26px;
	background-color:#fff;
	border-radius:15px;
	border:solid 1px #f3f4f8;
	text-align:center;
	font-size:12px;
	color:#bfbfbf;
	transition:.4s
}
.find_hot_pro .header .more em {
	transition:.4s
}
.find_hot_pro .header .more:hover {
	background-color:#2327cf;
	border-color:#2327cf;
	color:#fff;
	text-decoration:none
}
.find_hot_pro .header .more:hover em {
	margin-left:5px
}
.find_hot_pro .con {
	height:370px;
	background-color:#fff
}
.find_hot_pro .list .item {
	float:left;
	padding-top:25px;
	padding-left:28px
}
.find_hot_pro .list .link {
	display:block;
	width:64px;
	text-align:center;
	font-size:12px;
	line-height:12px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.find_hot_pro .list .link:before {
	content:'';
	display:block;
	width:64px;
	height:64px;
	border-radius:50%;
	background:url(/pc/findlawyer/images/icon_list02.png) #f9f9f9 no-repeat;
	margin-bottom:12px;
	transition:.4s
}
.find_hot_pro .list .link:hover {
	text-decoration:none
}
.find_hot_pro .list .link:hover:before {
	background-color:#e1e4ea
}
.find_hot_pro .list .link.t1:before {
	background-position:0 0
}
.find_hot_pro .list .link.t2:before {
	background-position:-64px 0
}
.find_hot_pro .list .link.t3:before {
	background-position:-128px 0
}
.find_hot_pro .list .link.t4:before {
	background-position:0 -64px
}
.find_hot_pro .list .link.t5:before {
	background-position:-64px -64px
}
.find_hot_pro .list .link.t6:before {
	background-position:-128px -64px
}
.find_hot_pro .list .link.t7:before {
	background-position:0 -128px
}
.find_hot_pro .list .link.t8:before {
	background-position:-64px -128px
}
.find_hot_pro .list .link.t9:before {
	background-position:-128px -128px
}
.greenBg {
	height:451px;
	background-color:#2327cf
}
.xs_nor_main {
	position:relative
}
.xs_nor_main .tl {
	line-height:30px;
	color:#fff;
	font-size:30px;
	font-weight:700;
	padding-top:50px;
	margin-bottom:45px
}
.xs_nor_main .swiper-container {
	height:326px;
	margin:0 24px
}
.xs_nor_main .swiper-slide:last-child .xs_item {
	margin-right:24px
}
.xs_nor_main .btn {
	position:absolute;
	top:252px;
	width:27px;
	height:72px;
	display:block;
	background-color:rgba(255,255,255,.12);
	background-position:center center;
	background-repeat:no-repeat;
	transition:.4s
}
.xs_nor_main .btn:hover {
	background-color:rgba(255,255,255,.2)
}
.xs_nor_main .btn.arrow-left {
	left:0;
	background-image:url(/pc/findlawyer/images/arr_l.png)
}
.xs_nor_main .btn.arrow-right {
	right:0;
	background-image:url(/pc/findlawyer/images/arr_l.png);
	transform:rotate(180deg)
}
.xs_item {
	position:relative;
	width:352px;
	height:326px;
	margin-left:24px;
	background:url(/pc/findlawyer/images/swiper_bg.jpg) no-repeat #fff
}
.xs_item:after {
	content:'';
	position:absolute;
	width:100%;
	height:20px;
	bottom:0;
	left:0;
	background:linear-gradient(180deg,#fff 0%,rgba(108,172,54,.06) 100%)
}
.xs_item .desc {
	border-top:36px solid #fff;
	margin:0 30px 40px;
	font-size:14px;
	color:#333;
	line-height:21px;
	height:105px;
	overflow:hidden
}
.xs_item .temp_box {
	text-align:center
}
.xs_item .temp_box .temp {
	width:54px;
	height:54px;
	border-radius:50%;
	margin:0 auto 11px;
	overflow:hidden
}
.xs_item .temp_box .temp img {
	width:100%
}
.xs_item .temp_box .name {
	font-size:14px;
	line-height:14px;
	color:#333;
	font-family:Helvetica;
	margin-bottom:9px
}
.xs_item .temp_box .info {
	font-size:12px;
	color:#999;
	line-height:12px
}
.fa_rand_tl {
	font-size:30px;
	line-height:30px;
	color:#333;
	font-weight:700;
	padding-top:50px;
	padding-bottom:30px
}
.three_rand {
	margin-left:-24px;
	padding-bottom:26px
}
.three_rand .nitem {
	float:left;
	width:384px;
	margin-left:24px
}
.rand_box {
	height:518px;
	padding:30px;
	border:1px solid #f3f4f8
}
.rand_box .tl {
	font-size:20px;
	font-weight:500;
	line-height:20px;
	margin-bottom:10px;
	color:#333
}
.rank_list_m {
	padding-top:10px
}
.rank_list_m .item {
	padding:10px 0
}
.rank_list_m .item:first-child .icon {
	background-color:#ff2638;
	border-color:#ff2638;
	color:#fff
}
.rank_list_m .item:nth-child(2) .icon {
	background-color:#2327cf;
	border-color:#2327cf;
	color:#fff
}
.rank_list_m .item:nth-child(3) .icon {
	background-color:#f7b500;
	border-color:#f7b500;
	color:#fff
}
.rank_list_m .item .list {
	display:none
}
.rank_list_m .item.active .top {
	display:none
}
.rank_list_m .item.active .list {
	display:block
}
.rank_list_m .top .name,.rank_list_m .top .nor {
	padding-top:4px
}
.rank_list_m .icon {
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	border-radius:50%;
	border:1px solid #d8d8d8;
	color:#d8d8d8;
	margin-right:12px
}
.rank_list_m .name {
	line-height:16px;
	font-size:16px;
	color:#333
}
.rank_list_m .name a {
	color:#333;
	transition:.4s;
	font-weight:500
}
.rank_list_m .name a:hover {
	color:#ff7b2b
}
.rank_list_m .nor {
	color:#333;
	font-size:12px
}
.rank_list_m .orange {
	color:#2327cf;
	font-style:normal
}
.rank_list_m .bl {
	display:block;
	overflow:hidden;
	padding-top:6px
}
.rank_list_m .bl .name {
	margin-bottom:10px
}
.rank_list_m .temp_box {
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius:50%;
	position:relative;
	z-index:1;
	margin-right:12px
}
.rank_list_m .temp_box img {
	width:100%;
	transition:.4s
}
.rank_list_m .temp_box img:hover {
	transform:scale(1.05)
}
.rank_list_m .info {
	width:176px;
	margin-top:5px;
	height:18px;
	line-height:18px;
	font-size:12px;
	color:#999;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.rank_list_m .btn {
	width:66px;
	height:22px;
	line-height:22px;
	border-radius:12px;
	border:solid 1px #2327cf;
	color:#2327cf;
	text-align:center;
	font-size:12px;
	transition:.4s
}
.rank_list_m .btn:hover {
	background-color:#2327cf;
	border-color:#2327cf;
	color:#fff;
	text-decoration:none
}
.fstar_main {
	position:relative;
	height:580px;
	background:url(/pc/findlawyer/images/star_bg.jpg) no-repeat;
	box-shadow:0px 7px 21px 0px rgba(0,0,0,.07)
}
.fstar_main .temp_box {
	position:relative;
	display:block;
	width:180px;
	height:180px;
	margin:0 auto 26px;
	padding-top:45px
}
.fstar_main .temp_box:hover img {
	transform:scale(1.05)
}
.fstar_main .temp_box:after {
	content:'';
	display:block;
	position:absolute;
	bottom:-5px;
	width:186px;
	height:85px;
	background:url(/pc/findlawyer/images/honnor_bg.png) no-repeat;
	z-index:3;
	left:-3px;
	pointer-events:none
}
.fstar_main .temp_box .temp {
	position:relative;
	width:180px;
	height:180px;
	border-radius:50%;
	overflow:hidden;
	z-index:1
}
.fstar_main .temp_box .temp img {
	width:100%;
	transition:.4s
}
.fstar_main .temp_box .txt {
	position:absolute;
	width:100%;
	display:block;
	height:18px;
	bottom:-5px;
	text-align:center;
	font-size:12px;
	color:#fff;
	z-index:4;
	pointer-events:none
}
.fstar_main .name {
	text-align:center;
	font-size:26px;
	line-height:37px;
	color:#333;
	font-weight:700;
	margin-bottom:21px
}
.fstar_main .name a {
	color:#333;
	transition:.4s
}
.fstar_main .name a:hover {
	color:#ff7b2b
}
.fstar_main .two {
	position:relative;
	padding:0 30px;
	height:45px;
	margin-bottom:28px
}
.fstar_main .two:before {
	content:'';
	display:block;
	position:absolute;
	left:50%;
	width:1px;
	height:45px;
	background-color:#e1e4ea
}
.fstar_main .two .l {
	width:50%;
	text-align:center
}
.fstar_main .two .num {
	color:#2327cf;
	font-weight:700;
	font-size:18px;
	line-height:18px;
	margin-bottom:10px;
	margin-top:2px
}
.fstar_main .two .nor {
	color:#999;
	font-size:12px;
	line-height:12px
}
.fstar_main .label_all {
	text-align:center
}
.fstar_main .label_all .item {
	display:inline-block;
	padding:0 14px;
	height:30px;
	line-height:30px;
	background-color:#f3f4f8;
	border-radius:22px;
	color:#666;
	font-size:14px;
	text-align:center;
	margin:0 5px 10px
}
.fstar_main .btn {
	position:absolute;
	width:256px;
	height:36px;
	line-height:36px;
	background-color:#2327cf;
	border-radius:24px;
	text-align:center;
	color:#fff;
	font-size:18px;
	transition:.4s;
	bottom:60px;
	left:64px
}
.fstar_main .btn:hover {
	background-color:#629e32;
	text-decoration:none
}
@keyframes pulseSlow {
	0% {
	transform:scale(1.05)
}
70% {
	transform:scale(.85)
}
100% {
	transform:scale(1)
}
}