/* LTX-4475 2022-04-08 */
.lh18 {
	line-height: 0.9rem;
}
.lh24 {
	line-height: 1.2rem;
}
body {
	overflow: hidden;
}

/**/
.ico-findlaw {
	background: url("../image/ico-findlawyer.png") no-repeat;
	background-size: 7.75rem 2rem;
}
.i-findlaw1 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: 0 0;
}
.i-findlaw2 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -1rem 0;
}
.i-findlaw3 {
	width: 0.6rem;
	height: 0.6rem;
	background-position: -2rem 0;
}
.i-findlaw4 {
	width: 0.6rem;
	height: 0.6rem;
	background-position: -2.75rem 0;
}
.i-findlaw5 {
	width: 0.7rem;
	height: 0.7rem;
	background-position: -3.5rem 0;
}
.i-findlaw6 {
	width: 0.7rem;
	height: 0.7rem;
	background-position: -4.25rem 0;
}
.i-findlaw7 {
	width: 0.4rem;
	height: 0.4rem;
	background-position: -5rem 0;
}
.i-findlaw8 {
	width: 0.4rem;
	height: 0.4rem;
	background-position: -5rem -0.5rem;
}
.i-findlaw9 {
	width: 1.2rem;
	height: 1.2rem;
	background-position: -5.5rem 0;
}
.i-findlaw10 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -6.75rem 0;
}
.i-findlaw11 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: 0 -1rem;
}
.i-findlaw12 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -1rem -1rem;
}
.i-findlaw13 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -2rem -1rem;
}
.i-findlaw14 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -3.75rem -1rem;
}
/*  */
.nav-ico {
	width: 0.9rem;
	height: 0.9rem;
	background-size: cover;
}
.ico-newask {
	background-image: url("../image/new.png");
}
.ico-tw {
	background-image: url("../image/tw.png");
}
.ico-case {
	background-image: url("../image/case.png");
}

/* bg-liner-ff-gray */
.bg-liner-ff-gray {
	position: relative;
	z-index: 1;
	padding: 0.6rem 0.6rem 0;
}
.bg-liner-ff-gray:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: -0.4rem;
	left: 0;
	z-index: -1;
	background: linear-gradient(180deg, #ffffff 0%, #f7f8fa 100%);
}

/* search-link */
.search-link {
	display: block;
	border: 0.1rem solid #316e9d;
	line-height: 1.6rem;
	padding: 0 0.7rem;
	border-radius: 0.9rem;
	font-size: 0.7rem;
	color: #868ea3;
}
.search-link .i-findlaw1 {
	margin-right: 0.4rem;
}

/* banner-swiper */
.banner-swiper {
	height: 7rem;
	border-radius: 0.4rem;
	overflow: hidden;
}
.banner-swiper .item {
	position: relative;
}
.banner-swiper .tel-btn {
	position: absolute;
	bottom: 0.8rem;
	left: 1rem;
	z-index: 1;
	padding: 0 0.6rem;
	font-size: 0.6rem;
	color: #fff;
	line-height: 1.2rem;
	background: #00b3a7;
	background: linear-gradient(270deg, #00c798 0%, #00b3a7 100%);
	border-radius: 0.6rem;
}
.banner-swiper .tel-btn .i-findlaw4 {
	margin-right: 0.1rem;
}
.banner-swiper .lawyer {
	display: block;
	position: relative;
}
.banner-swiper .lawyer .photo {
	height: 7rem;
}
.banner-swiper .lawyer .label {
	position: absolute;
	top: 0;
	right: 0.4rem;
	width: 1.6rem;
	height: auto;
}
.banner-swiper .lawyer .ban-txt {
	position: absolute;
	top: 1.2rem;
	left: 1rem;
	width: 9.5rem;
	color: #fff;
}
.banner-swiper .ban-txt .name {
	font-size: 0.9rem;
	font-weight: bold;
}
.banner-swiper .ban-txt .info {
	margin-top: 0.4rem;
	font-size: 0.5rem;
	opacity: 0.6;
	margin-left: -0.4rem;
}
.banner-swiper .ban-txt .info span {
	margin-left: 0.4rem;
}
.banner-swiper .ban-txt .skill {
	margin-top: 0.6rem;
	font-size: 0.6rem;
}
.banner-swiper .ban-txt .skill .line-vertical {
	border-right-color: #fff;
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}
.banner-swiper .swiper-pagination-bullets {
	bottom: 0.4rem;
	height: 0.2rem;
	line-height: 0.2rem;
}
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 0.1rem;
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 0.6rem;
}

/* find-lawyer-link */
.find-lawyer-link {
	display: block;
	padding: 0.6rem;
	background: url("../image/img01-bg.png") #fff right center no-repeat;
	background-size: 6.45rem 3.5rem;
	border-radius: 0.4rem;
	overflow: hidden;
}
.find-lawyer-link .pic {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 0.6rem;
}
.find-lawyer-link .tit {
	padding-top: 0.15rem;
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.1rem;
}
.find-lawyer-link .tit span {
	color: #356ed7;
}
.find-lawyer-link .tit span i {
	max-width: 4.01rem;
}
.find-lawyer-link .txt {
	margin-top: 0.4rem;
	font-size: 0.6rem;
	color: #676f85;
}
.find-lawyer-link .top-photo-bar {
	position: relative;
	margin-right: 0.3rem;
}
.find-lawyer-link .top-photo-bar:before {
	content: "";
	position: absolute;
	top: 0;
	right: -0.25rem;
	width: 0.4rem;
	height: 0.4rem;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: #fe5542;
	z-index: 5;
}
.find-lawyer-link .top-photo-bar.reddotScale:before {
	animation: reddotScale 0.3s cubic-bezier(0, 0.74, 0.85, 0.57) forwards;
}
.find-lawyer-link .top-photo {
	overflow: hidden;
	padding-left: 0.4rem;
	border-radius: 0.6rem;
	width: 3.2rem;
}
.find-lawyer-link .swiper-user {
	position: relative;
	float: left;
	width: 3.2rem;
	height: 1.2rem;
}
.find-lawyer-link .swiper-user .swiper-wrapper {
	position: absolute;
	left: 0.6rem;
	display: block;
	padding-left: 0.2rem;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 2;
}
.find-lawyer-link .swiper-user .swiper-slide {
	float: left;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	overflow: hidden;
	margin-left: -0.2rem;
	border: 1px solid #fff;
}
.find-lawyer-link .swiper-user .oneself {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	margin-left: -0.4rem;
	transform: scale(0.5);
	opacity: 0.2;
}
.photoShow {
	animation: photoShow 0.3s cubic-bezier(0, 0.74, 0.85, 0.57) forwards;
}
@keyframes photoShow {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	10% {
		transform: scale(0.5);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes reddotScale {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* expertise-list */
.expertise-list {
	overflow: hidden;
	margin-top: -0.2rem;
}
.expertise-list li {
	width: 25%;
	float: left;
	padding-bottom: 0.8rem;
	text-align: center;
}
.expertise-list .item {
	display: block;
	padding: 0.2rem 0;
	margin: 0 0.2rem;
}
.expertise-list .item .pic {
	width: 1.4rem;
	height: 1.4rem;
}
.expertise-list .item .txt {
	font-size: 0.6rem;
	color: #414a5d;
	margin-top: 0.4rem;
}

/* lawyer-tabs-bar */
.lawyer-nav-bars {
	position: relative;
	background-color: #fff;
	overflow: hidden;
	border-radius: 0.4rem 0.4rem 0 0;
}
.lawyer-tabs-bar .tab-nav {
	position: relative;
	padding: 0 4.2rem 0 0.2rem;
	box-shadow: inset 0 -0.05rem 0 0 #f0f2f5;
}
.lawyer-tabs-bar .tab-nav .nav-item {
	float: left;
	width: auto !important;
	padding: 0 0.4rem;
	text-align: center;
}
.lawyer-tabs-bar .tab-nav .nav-item .nv {
	position: relative;
	display: inline-block;
	line-height: 2.2rem;
	font-size: 0.7rem;
	color: #858b9c;
}
.lawyer-tabs-bar .tab-nav .nav-item .nv:after {
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	content: "";
	width: 0.8rem;
	height: 0.15rem;
	transform: translateX(-50%);
	border-radius: 0.1rem;
}
.lawyer-tabs-bar .tab-nav .nav-item.is-this .nv {
	color: #316e9d;
	font-weight: 600;
}
.lawyer-tabs-bar .tab-nav .nav-item.is-this .nv:after {
	background-color: #316e9d;
}
.lawyer-tabs-bar .lawyer-skill-choice {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 2.6rem;
	height: 2.15rem;
	padding-right: 0.6rem;
	line-height: 2.2rem;
	background: linear-gradient(270deg, #ffffff 0%, #ffffff 69%, rgba(255, 255, 255, 0) 100%);
	text-align: right;
}
.lawyer-tabs-bar-fixedtop {
	padding-top: 2.2rem;
	border-radius: 0;
}
.lawyer-tabs-bar-fixedtop .lawyer-nav-bars {
	position: fixed;
	top: 2.2rem;
	right: 0;
	left: 0;
	z-index: 10;
	max-width: 750px;
	margin: auto;
}
.lawyer-tabs-bar-fixedtop .lawyer-skill-choice {
	width: 3.2rem;
	padding-right: 1.2rem;
}
.lawyer-tabs-bar-fixedtop.tabs-bar .tab-nav {
	padding: 0 4.8rem 0 0.8rem;
}
.lawyer-tabs-bar-fixedtop.pt-top44 {
	padding-top: 4.4rem;
}
.lawyer-tabs-bar-fixedtop .choice-condition-bar {
	position: fixed;
	top: 4.4rem;
	right: 0;
	left: 0;
	z-index: 9;
	max-width: 750px;
	margin: auto;
}
.lawyer-tabs-bar-fixedtop .choice-condition-bar:before {
	content: "";
	position: absolute;
	top: -0.2rem;
	right: 0;
	left: 0;
	z-index: -1;
	height: 0.4rem;
	background-color: #fff;
}
.lawyer-tabs-bar .no-data-bar {
	padding-top: 2rem;
}

/* choice-condition-bar */
.choice-condition-bar {
	position: relative;
}
.choice-condition {
	position: relative;
	z-index: 1;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 0.4rem 0.9rem;
}
.choice-condition .item {
	width: 4.1rem;
	height: 1.4rem;
	background-color: #f7f8fa;
	color: #676f85;
	border-radius: 0.7rem;
	text-align: center;
	font-size: 0.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.choice-condition .item4 {
	width: 3.2rem;
}
.choice-condition .item .ect {
	margin-right: 0.1rem;
	max-width: 3rem;
}
.choice-condition .item.is-this {
	color: #111f34;
	font-weight: bold;
}
.choice-condition .item.is-condition .i-findlaw5 {
	background-position: -3rem -1rem;
}
.choice-condition .item.is-this .i-findlaw5 {
	background-position: -4.25rem 0;
}
.choice-condition .item.is-this .i-findlaw7 {
	background-position: -5rem -0.5rem;
}

/* choice-condition-conts */
.choice-condition-conts {
	position: fixed;
	top: 6.6rem;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	max-width: 750px;
	margin: auto;
}
.choice-condition-conts .bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0;
}
.choice-condition-conts .conts {
	background-color: #fff;
	border-radius: 0 0 0.4rem 0.4rem;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	max-height: 60vh;
	overflow-y: auto;
	transform: translateY(-100%);
}
.choice-condition-conts.is-show {
	visibility: visible;
}
.choice-condition-conts.is-show .conts {
	transform: translateY(0);
	transition: all linear 0.3s;
}
.choice-condition-conts.is-show .bg {
	opacity: 0.65;
	transition: all linear 0.3s;
}
.choice-condition-conts.is-hide .conts {
	transform: translateY(-100%);
}
.choice-condition-conts.is-hide .bg {
	opacity: 0;
}

/* choice-condition-list */
.choice-condition-list li {
	border-bottom: 1px solid #f0f2f5;
}
.choice-condition-list li:last-child {
	border-bottom: 0;
}
.choice-condition-list .link {
	position: relative;
	display: block;
	padding-right: 1rem;
	line-height: 2.7rem;
	font-size: 0.7rem;
	cursor: pointer;
	color: #414a5d;
}
.choice-condition-list .is-this .link {
	font-weight: bold;
	color: #316e9d;
}
.choice-condition-list .is-this .link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.35rem;
	width: 0.7rem;
	height: 0.7rem;
	background: url("../image/ico-select.png") no-repeat;
	background-size: 100% 100%;
}

/* city-all-bar */
.city-all-bar {
	height: 55vh;
	background-color: #fff;
	overflow: hidden;
}
.city-all-bar .scroll-bar {
	height: 100%;
	overflow-y: auto;
}
.city-all-bar .city-all-nav {
	width: 4.4rem;
}
.city-all-bar .city-all-nav li {
	height: 2.4rem;
	line-height: 2.4rem;
	background-color: #f0f2f5;
	padding-left: 0.8rem;
	cursor: pointer;
	font-size: 0.7rem;
	color: #676f85;
}
.city-all-bar .city-all-nav li.is-this {
	background-color: transparent;
	color: #111f34;
}
.city-all-bar .city-all-nav li.prev {
	border-bottom-right-radius: 0.4rem;
}
.city-all-bar .city-all-nav li.next {
	border-top-right-radius: 0.4rem;
}
.city-all-bar .city-all-conts .item {
	display: block;
	cursor: pointer;
	line-height: 1.2rem;
	padding: 0.6rem 1.6rem 0.6rem 1rem;
	font-size: 0.7rem;
	overflow: hidden;
	position: relative;
}
.city-all-bar .city-all-conts .item.is-this {
	color: #316e9d;
	font-weight: bold;
}
.city-all-bar .city-all-conts .item.is-this:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.8rem;
	margin-top: -0.35rem;
	width: 0.7rem;
	height: 0.7rem;
	background: url("../image/ico-select.png") no-repeat;
	background-size: 100% 100%;
}

/* choice-condition-confirm */
.choice-condition-confirm .list {
	padding: 1rem 0 0.6rem 1rem;
}
.choice-condition-confirm .list dt {
	font-size: 0.7rem;
	color: #676f85;
	padding-bottom: 0.2rem;
}
.choice-condition-confirm .list dd {
	overflow: hidden;
}
.choice-condition-confirm .list .link {
	float: left;
	margin: 0.4rem 0.4rem 0 0;
	width: 5.45rem;
	text-align: center;
	line-height: 1.5rem;
	border: 1px solid #f7f8fa;
	border-radius: 1rem;
	background-color: #f7f8fa;
	font-size: 0.7rem;
}
.choice-condition-confirm .list .link.is-this {
	border-color: #316e9d;
	background-color: #f4faff;
	color: #316e9d;
}
.choice-condition-confirm .handle {
	box-shadow: inset 0 1px 0 0 #f0f2f5;
	padding: 0.4rem 0.8rem 0.6rem;
	display: flex;
}
.choice-condition-confirm .handle .handle-btn {
	line-height: 2rem;
	border-radius: 1rem;
	text-align: center;
	font-size: 0.8rem;
	margin-right: 0.6rem;
	cursor: pointer;
}
.choice-condition-confirm .handle .handle-btn:last-child {
	margin-right: 0;
}
.choice-condition-confirm .handle .handle-btn.reset {
	flex: 1;
	background-color: #f0f2f5;
	color: #414a5d;
}
.choice-condition-confirm .handle .handle-btn.finshed {
	flex: 2;
	background-color: #316e9d;
	color: #fff;
}

/* popup-skill-type */
.popup-skill-type {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	max-width: 750px;
	margin: auto;
}
.popup-skill-type .bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0;
	transition: opacity linear 0.3s;
}
.popup-skill-type .pop-skill-conts {
	background-color: #f7f8fa;
	border-radius: 0.8rem 0.8rem 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	transition: transform linear 0.3s;
}
.popup-skill-type .pop-close {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	padding: 0.3rem 0.3rem 0 0;
	width: 1.3rem;
	height: 1.3rem;
	line-height: 1rem;
	text-align: center;
}
.popup-skill-type .pop-tit {
	height: 2.8rem;
	line-height: 2.8rem;
	font-size: 0.8rem;
	text-align: center;
	margin-bottom: 0.2rem;
}
.popup-skill-type .skill-conts {
	height: 68vh;
	overflow-y: auto;
}
.popup-skill-type .skill-conts-list {
	padding: 0 0.75rem 0.2rem 0.2rem;
	overflow: hidden;
}
.popup-skill-type .skill-conts-list li {
	float: left;
	width: 50%;
	margin-bottom: 0.6rem;
}
.popup-skill-type .skill-conts-list .item {
	display: block;
	margin-left: 0.6rem;
	background-color: #fff;
	padding: 0.6rem 0.2rem 0.6rem 0.6rem;
	border-radius: 0.4rem;
}
.popup-skill-type .skill-conts-list .tit {
	line-height: 1.2rem;
	font-size: 0.8rem;
	overflow: hidden;
}
.popup-skill-type .skill-conts-list .tit .pic {
	float: left;
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 0.4rem;
}
.popup-skill-type .skill-conts-list .tit strong {
	float: left;
}
.popup-skill-type .skill-conts-list .det {
	margin-top: 0.4rem;
	font-size: 0.6rem;
	line-height: 0.9rem;
	height: 1.8rem;
	color: #676f85;
	display: flex;
	align-items: center;
}
.popup-skill-type.is-show {
	visibility: visible;
}
.popup-skill-type.is-show .bg {
	opacity: 0.65;
}
.popup-skill-type.is-show .pop-skill-conts {
	transform: translateY(0);
}
.popup-skill-type.is-hide .pop-skill-conts {
	transform: translateY(100%);
}
.popup-skill-type.is-hide .bg {
	opacity: 0;
}

/* skill-page-bg */
.skill-page-bg {
	position: relative;
	padding: 1.3rem 0.6rem 0;
	z-index: 1;
	overflow: hidden;
}
.skill-page-bg:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -2;
	background: linear-gradient(180deg, #f5f9fc 0%, #f7f8fa 100%);
	max-height: 9rem;
	font-size: 4.4rem;
}
.skill-page-bg .skill-ico-bg {
	position: absolute;
	top: 0.3rem;
	right: 1.2rem;
	z-index: -1;
}
.skill-page-bg .skill-ico-bg .iconfont {
	font-size: 4.4rem;
	color: #468efa;
	opacity: 0.05;
}
.skill-page-bg .skill-tit {
	margin-bottom: 1.3rem;
	padding-left: 0.6rem;
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: bold;
}
.skill-page-bg .skill-tit img {
	height: 0.8rem;
	width: auto;
	float: left;
	margin-right: 0.3rem;
	margin-top: 0.05rem;
}
.skill-page-bg .see-map {
	position: absolute;
	top: 1rem;
	right: 1.2rem;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.08);
	border-radius: 0.8rem;
	padding: 0.2rem 0.6rem 0.2rem 0.2rem;
	font-size: 0.6rem;
	color: #356ed7;
	line-height: 1.2rem;
}
.skill-page-bg.position .bg-tag {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 10rem;
	height: 4.8rem;
	background: url("../image/bg012.png") no-repeat;
	background-size: 100% 100%;
}
.skill-page-bg.county:before,
.skill-page-bg.qx:before {
	bottom: 0;
	max-height: 18.75rem;
	background: linear-gradient(360deg, #f7f8fa 0%, #fcf5ed 100%);
}
.skill-page-bg.county:after,
.skill-page-bg.qx:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 4.4rem;
	height: 4.4rem;
	background: url("../image/bg021.png") no-repeat;
	background-size: 100% 100%;
}

/* find-quick-ask */
.find-quick-ask {
	display: flex;
}
.find-quick-ask li {
	flex: 1;
	margin-left: 0.6rem;
}
.find-quick-ask li:first-child {
	margin-left: 0;
}
.find-quick-ask .item {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0.65rem;
	z-index: 1;
	box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.02);
	border: 1px solid #fff;
}
.find-quick-ask li:first-child .item {
	background: linear-gradient(90deg, #ffffff 0%, #fffaf5 100%);
}
.find-quick-ask li:last-child .item {
	background: linear-gradient(90deg, #ffffff 0%, #f5faff 100%);
}
.find-quick-ask .item .tit {
	line-height: 0.8rem;
	font-size: 0.8rem;
}
.find-quick-ask .item .tit .hot {
	margin-left: 0.3rem;
	padding: 0 0.1rem;
	font-size: 0.6rem;
	color: #fff;
	background: #fe6e51;
	background: linear-gradient(270deg, #f54640 0%, #fe6e51 100%);
	border-radius: 0.1rem;
}
.find-quick-ask .item .txt {
	font-size: 0.6rem;
	color: #676f85;
	margin-top: 0.4rem;
}
.find-quick-ask .item .bg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 3.6rem;
	height: 3.2rem;
}

/* authentication-tips */
.authentication-tips {
	padding: 0.2rem;
	border: 1px solid #f5efd7;
	text-align: center;
	font-size: 0.6rem;
	color: #a37852;
	line-height: 1.5re;
	border-radius: 1rem;
	background-color: #fcf8eb;
}
.authentication-tips img {
	width: 1.2rem;
	height: 1.5rem;
}

/* tuwen-swiper */
.tuwen-swiper {
	height: 6.85rem;
	border-radius: 0.4rem;
	overflow: hidden;
}
.tuwen-swiper .swiper-pagination-bullets {
	bottom: 0.4rem;
	height: 0.2rem;
	line-height: 0.2rem;
}
.tuwen-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 0.1rem;
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}
.tuwen-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 0.6rem;
}

/* map-bar */
.height-all100,
.map-bar {
	height: 100%;
}
.map-lawyer-bar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200;
	background-color: #fff;
	overflow: hidden;
	border-radius: 0.8rem 0.8rem 0 0;
	padding-top: 1.9rem;
	top: 47.785vh;
	transition: top linear 0.3s;
	max-width: 750px;
	margin: auto;
}
.map-lawyer-bar .top-arrow {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1.2rem;
	background-color: #fff;
}
.map-lawyer-bar .top-arrow:before {
	content: "";
	position: absolute;
	top: 0.6rem;
	left: 50%;
	margin-left: -1.4rem;
	width: 2.8rem;
	height: 0.3rem;
	background-color: #111f34;
	opacity: 0.1;
	border-radius: 0.15rem;
}
.map-lawyer-bar .scroll-bar {
	overflow-y: auto;
	height: 100%;
}
.map-lawyer-bar .recommend-lawyer-list li:first-child .county-lawyer {
	padding-top: 0;
}
.map-lawyer-bar.is-show {
	top: 4.4rem;
}
.map-lawyer-bar.is-show .scroll-bar {
	height: 100%;
}

/* county-contract */
.county-contract {
	position: relative;
	z-index: 1;
}
.county-contract:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
	height: 15rem;
	background: linear-gradient(180deg, #fcfbf7 0%, #f7f8fa 100%);
}

/* county-contract-tabs */
.county-tabs-conts .county-tabs-nav {
	display: flex;
	justify-content: center;
	position: static;
	height: auto;
}
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.3rem;
	margin: 0;
	margin-left: 0.6rem;
	height: 1.4rem;
	background-color: #fff;
	border-radius: 0.85rem;
	border: 1px solid #fff;
	font-size: 0.7rem;
	color: #676f85;
	position: relative;
	opacity: 1;
	line-height: 1;
}
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet:first-child {
	margin-left: 0;
}
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-color: #fa7b32;
	color: #db642a;
	font-weight: bold;
}
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	margin-left: -0.3rem;
	border-width: 0.2rem 0.3rem 0;
	border-style: solid;
	border-color: #fa7b32 transparent transparent;
}
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet em {
	max-width: 4.2rem;
	margin-top: 0;
}
.county-tabs-conts .swiper-slide {
	border-radius: 0.4rem;
	overflow: hidden;
}
.skill-page-bg.county .county-contract-tabs,
.skill-page-bg.qx .county-contract-tabs {
	margin-top: -1rem;
}

/* county-lawyer */
.county-lawyer {
	position: relative;
	overflow: hidden;
	border-radius: 0.4rem;
	background-color: #fff;
}
.county-lawyer .lawyer {
	display: block;
}
.county-lawyer .lawyer .label {
	position: absolute;
	top: 0;
	left: 0.6rem;
	z-index: 2;
	height: 1.8rem;
}
.county-lawyer .lawyer .conts {
	padding: 1rem 2rem 0;
	text-align: center;
}
.county-lawyer .lawyer .tit {
	line-height: 1.4rem;
}
.county-lawyer .lawyer .tit .name {
	font-size: 0.9rem;
	margin-right: 0.1rem;
}
.county-lawyer .lawyer .tit .u-lab {
	margin-right: 0.1rem;
	padding: 0 0.2rem;
	font-size: 0.5rem;
	border-radius: 0.1rem;
	line-height: 0.8rem;
	font-weight: 500;
}
.county-lawyer .lawyer .tit .u-lab:last-child {
	margin-right: 0;
}
.county-lawyer .lawyer .tit .u-lab.lab-bg1 {
	background-color: #f7f3e4;
	color: #855f42;
}
.county-lawyer .lawyer .tit .u-lab.lab-bg2 {
	background-color: #e5f2fe;
	color: #356ed7;
}
.county-lawyer .lawyer .skill {
	font-size: 0.6rem;
	color: #414a5d;
}
.county-lawyer .lawyer .info {
	font-size: 0.6rem;
	color: #676f85;
}
.county-lawyer .lawyer .info span em {
	color: #ff8638;
	font-weight: 500;
}
.county-lawyer .lawyer .info .line-vertical {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.county-lawyer .lawyer .tag {
	color: #676f85;
	margin-left: -0.4rem;
	font-size: 0;
}
.county-lawyer .lawyer .tag span {
	padding: 0 0.25rem;
	border: 1px solid #dfe2e8;
	border-radius: 0.2rem;
	font-size: 0.5rem;
	line-height: 0.9rem;
	margin-left: 0.4rem;
	margin-top: 0.2rem;
}
.county-lawyer .handle {
	justify-content: center;
	padding-bottom: 1rem;
}
.county-lawyer .handle .handle-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.6rem;
	border: 1px solid #ff8638;
	height: 1.6rem;
	border-radius: 0.8rem;
	font-size: 0.7rem;
}
.county-lawyer .handle .handle-btn.tel {
	background-color: transparent;
	color: #db642a;
	width: 4.4rem;
}
.county-lawyer .handle .handle-btn.ask {
	background: linear-gradient(360deg, #fa7822 0%, #fea251 100%);
	color: #fff;
	width: 6.6rem;
	border: 0;
}
.county-lawyer .handle .handle-btn .ico-public {
	margin-top: 0;
}
.county-lawyer .handle .handle-btn.tel:active {
	background-color: #f3f3f3;
}
.county-lawyer .handle .handle-btn.ask:active {
	background: linear-gradient(360deg, #df6b1e 0%, #e38f47 100%);
}
.county-lawyer .other-link {
	padding: 0.5rem 0.75rem;
	position: relative;
	justify-content: center;
}
.county-lawyer .other-link:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0.75rem;
	left: 0.75rem;
	border-top: 1px solid #f0f2f5;
}
.county-lawyer .other-link:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0.8rem;
	border-right: 1px solid #f0f2f5;
	transform: translate(-50%, -50%);
}
.county-lawyer .other-link .link {
	display: block;
	width: 4.5rem;
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: 0.6rem;
	color: #676f85;
	margin: auto;
	text-align: center;
	border-radius: 0.7rem;
}
.county-lawyer .other-link .link:active {
	background-color: #f0f2f5;
}
.county-lawyer .info-detail {
	padding: 0 0.6rem 0.6rem;
}
.county-lawyer .info-detail .txt {
	padding: 0.6rem 0;
	font-size: 0.6rem;
	line-height: 1.1rem;
	color: #676f85;
	background-color: #f7f8fa;
	border-radius: 0.2rem;
}
.county-lawyer .info-detail .scroll {
	padding: 0 0.6rem;
	max-height: 8.8rem;
	overflow-y: auto;
}
.county-lawyer .info-detail .scroll::-webkit-scrollbar {
	display: none;
}

/* charges-link */
.charges-link {
	display: block;
	margin: 0 1.6rem;
	border: 1px solid #dfe2e8;
	line-height: 2.3rem;
	border-radius: 1.2rem;
	background-color: #fff;
	text-align: center;
}
.charges-link span {
	max-width: 4.01rem;
}
.charges-link .i-findlaw10 {
	margin-left: 0.1rem;
}
.charges-link:active {
	background-color: #f3f3f3;
}

/* search-list */
.search-list {
	margin: 1.6rem 0.8rem 0;
}
.search-list .tit {
	line-height: 1.4rem;
	margin-bottom: 0.1rem;
}
.search-list .tit .delet {
	position: relative;
	right: -0.1rem;
	padding: 0 0.3rem;
	cursor: pointer;
}
.search-list .list {
	overflow: hidden;
	margin-left: -0.4rem;
}
.search-list .list .item {
	float: left;
	margin: 0.4rem 0 0 0.4rem;
	padding: 0 0.6rem;
	line-height: 1.6rem;
	border-radius: 0.8rem;
	background-color: #f7f8fa;
	font-size: 0.7rem;
	color: #414a5d;
}
.search-list .list .item.ect {
	max-width: 8.3rem;
}
.search-list .list .item.is-hot {
	background-color: #fff4f2;
	color: #932323;
}
.search-list .list .more {
	float: left;
	margin: 0.4rem 0 0 0.4rem;
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
	cursor: pointer;
	text-align: center;
	cursor: pointer;
	border-radius: 0.8rem;
	background-color: #f7f8fa;
}

/* qx-tabs-bar */
.qx-tabs-bar .qx-tab {
	display: none;
	justify-content: center;
}
.qx-tabs-bar .qx-tab span {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.3rem;
	margin-left: 0.6rem;
	height: 1.4rem;
	background-color: #fff;
	border-radius: 0.85rem;
	border: 1px solid #fff;
	font-size: 0.7rem;
	color: #676f85;
	position: relative;
	line-height: 1;
}
.qx-tabs-bar .qx-tab span:first-child {
	margin-left: 0;
}
.qx-tabs-bar .qx-tab span em {
	max-width: 4.2rem;
	margin-top: 0;
}
.qx-tabs-bar .qx-tab span.is-this {
	border-color: #fa7b32;
	color: #db642a;
	font-weight: bold;
}
.qx-tabs-bar .qx-tab span.is-this:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	margin-left: -0.3rem;
	border-width: 0.2rem 0.3rem 0;
	border-style: solid;
	border-color: #fa7b32 transparent transparent;
}
.qx-tabs-bar .qx-conts,
.qx-tabs-bar .qx-conts-item {
	display: none;
}

/* qx-bar-bg */
.qx-bar-bg {
	position: relative;
	padding: 1.3rem 0.6rem 0;
	z-index: 1;
	overflow: hidden;
}
.qx-bar-bg:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -2;
	background: linear-gradient(180deg, #f5f9fc 0%, #f7f8fa 100%);
	max-height: 9rem;
	font-size: 4.4rem;
}
.qx-bar-bg .skill-ico-bg {
	position: absolute;
	top: 0.3rem;
	right: 1.2rem;
	z-index: -1;
}
.qx-bar-bg .skill-ico-bg .iconfont {
	font-size: 4.4rem;
	color: #468efa;
	opacity: 0.05;
}
.qx-bar-bg .skill-tit {
	margin-bottom: 1.3rem;
	padding-left: 0.6rem;
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: bold;
}
.qx-bar-bg .skill-tit img {
	height: 0.8rem;
	width: auto;
	float: left;
	margin-right: 0.3rem;
	margin-top: 0.05rem;
}
.qx-bar-bg .see-map {
	position: absolute;
	top: 1rem;
	right: 1.2rem;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.08);
	border-radius: 0.8rem;
	padding: 0.2rem 0.6rem 0.2rem 0.2rem;
	font-size: 0.6rem;
	color: #356ed7;
	line-height: 1.2rem;
}
.qx-bar-bg.position:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 10rem;
	height: 4.8rem;
	background: url("../image/bg012.png") no-repeat;
	background-size: 100% 100%;
}
.qx-bar-bg.county:before,
.qx-bar-bg.qx:before {
	bottom: 0;
	max-height: 18.75rem;
	background: linear-gradient(360deg, #f7f8fa 0%, #fcf5ed 100%);
}
.qx-bar-bg.qx .bg-tag {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 4.4rem;
	height: 4.4rem;
	background: url("../image/bg021.png") no-repeat;
	background-size: 100% 100%;
}

/* recommend-lawyer-list-v2-bg */
.recommend-lawyer-list-v2-bg li {
	margin-top: 0.6rem;
}
.recommend-lawyer-list-v2-bg li:first-child {
	margin-top: 0;
}
.recommend-lawyer-list-v2-bg .lawyer-card {
	position: relative;
	z-index: 1;
	margin-right: 0.3rem;
	margin-left: 0.3rem;
	padding-right: 0.3rem;
	padding-left: 0.3rem;
	background: #fafbfc;
	background: linear-gradient(180deg, #f0f4fa 0%, #f5f8fc 25%, #fafbfc 100%);
	border-radius: 0.4rem;
}
.recommend-lawyer-list-v2-bg .lawyer-card .bg-ico {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 4rem;
	height: 6rem;
	background: url("../image/bg-recomlawyer2.png") no-repeat;
	background-size: 100% 100%;
}
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.tel {
	border-color: #8f9ab8;
	color: #414a5d;
	background: linear-gradient(180deg, #fafcff 0%, #edf3fc 100%);
}
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.ask {
	color: #f0f7ff;
	background: linear-gradient(180deg, #6c84a3 0%, #3c4c6b 100%);
	border: 0;
}
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.tel:active {
	background: #e7ebf1;
}
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.ask:active {
	background: linear-gradient(180deg, #5e7490 0%, #364461 100%);
}

/* more-recom-tit-bg */
.more-recom-tit-bg {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	text-align: center;
	font-size: 0.7rem;
	color: #c5cad5;
	position: relative;
}
.more-recom-tit-bg .bg-line-l,
.more-recom-tit-bg .bg-line-r {
	display: inline-block;
	vertical-align: middle;
	width: 1.3rem;
	height: 0.15rem;
	background-size: 100% 100%;
	margin-top: -0.1rem;
}
.more-recom-tit-bg .bg-line-l {
	margin-right: 0.4rem;
	background-image: url("../image/recom-line-left.png");
}
.more-recom-tit-bg .bg-line-r {
	margin-left: 0.4rem;
	background-image: url("../image/recom-line-right.png");
}
.more-recom-tit-bg .line-vertical {
	margin-right: 0.2rem;
	margin-left: 0.2rem;
}
.more-recom-tit-bg .max6 {
	max-width: 4.2rem;
}

/* #8436 LJ 2023-02-14 */
.skill-page-bg .see-map {
	padding-right: 0.4rem;
}
.skill-page-bg .see-map .icon-arrow-right {
	font-size: 0.6rem;
}

/* #8863 LJ 2023-02-20 */
.rotate90 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.county-contract-tabs .county-tabs-conts .swiper-wrapper {
	margin-top: 0.8rem;
}

/* #8985 LQ 2023-03-03 */
.lawyer-case-list li {
	position: relative;
}
.lawyer-case-list li:after {
	content: "";
	position: absolute;
	right: 0.6rem;
	bottom: 0;
	left: 0.6rem;
	border-bottom: 1px solid #f0f2f5;
}
.lawyer-case-list li:last-child:after {
	border: none;
}
.lawyer-case {
	display: block;
	padding: 1rem 0.6rem;
}
.lawyer-case .tit {
	font-size: 0.8rem;
	line-height: 1.2rem;
}
.lawyer-case .tit .lable-yz {
	float: left;
	width: 1.35rem;
	height: 0.8rem;
	margin: 0.2rem 0.2rem 0 0;
	background: url("../image/lable_yz.png");
	background-size: cover;
}
.lawyer-case .det {
	font-size: 0.6rem;
	color: #676f85;
	line-height: 0.9rem;
}
.lawyer-case .tag {
	overflow: hidden;
}
.lawyer-case .tag span {
	float: left;
	padding: 0.2rem 0.3rem 0.1rem;
	border-radius: 0.1rem;
	border: 1px solid #dfe2e8;
	font-size: 0.6rem;
	color: #676f85;
	margin-right: 0.2rem;
}

/* #13502 LJ 2023-08-08 */
/* bangzhao-banner-card */
.bangzhao-banner-card {
	display: block;
	height: 5.6rem;
	background: url("../image/bannerbg_bangzhao.png") no-repeat;
	background-size: 100% 100%;
	padding: 1.15rem 0.8rem 0;
	position: relative;
}
.bangzhao-banner-card .tit {
	font-size: 0.9rem;
	font-weight: bold;
}
.bangzhao-banner-card .tit b {
	color: #468efa;
}
.bangzhao-banner-card .txt {
	margin-top: 0.6rem;
	font-size: 0.6rem;
}
.bangzhao-banner-card .disc {
	margin-top: 0.8rem;
	font-size: 0.5rem;
	color: #868ea3;
}
.bangzhao-banner-card .disc .ico-gou {
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 0.1rem;
	background: url("../image/gou.png") no-repeat;
	background-size: 100% 100%;
}
.bangzhao-banner-card .help-btn {
	position: absolute;
	right: 0.8rem;
	bottom: 0.6rem;
	line-height: 1.2rem;
	border-radius: 0.6rem;
	background: linear-gradient(270deg, #24c7a6 0%, #00b3a7 100%);
	font-size: 0.6rem;
	color: #fff;
	width: 4.1rem;
	text-align: center;
}
.bangzhao-banner-card .help-btn .ico-help {
	width: 0.6rem;
	height: 0.6rem;
	background: url("../image/ic_bangzhao-small.png") no-repeat;
	background-size: 100% 100%;
	margin-right: 0.1rem;
}
.bangzhao-banner-card .help-btn .arrow {
	border-width: 0.2rem 0 0.2rem 0.2rem;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	margin-left: 0.2rem;
}
.bangzhao-banner-card .help-btn.blue {
	background: linear-gradient(270deg, #37a6fa 0%, #4281ec 100%);
}

/* find-home-link */
.find-home-link {
	display: flex;
}
.find-home-link li {
	flex: 1;
}
.find-home-link .find-lawyer-link {
	padding: 0.4rem;
	background-size: auto 100%;
}
.find-home-link .find-lawyer-link .tit {
	padding-top: 0.3rem;
	margin-bottom: 0.3rem;
	line-height: 1;
}
.find-home-link .find-lawyer-link .top-photo,
.find-home-link .find-lawyer-link .swiper-user {
	height: 0.8rem;
	width: 2rem;
}
.find-home-link .find-lawyer-link .swiper-user .swiper-slide {
	width: 0.8rem;
	height: 0.8rem;
}
.find-home-link .find-lawyer-link .swiper-user .swiper-wrapper {
	left: 0.2rem;
}
.find-home-link .find-lawyer-link .top-photo-bar:before {
	width: 0.3rem;
	height: 0.3rem;
	box-sizing: border-box;
	right: -0.15rem;
}
.find-home-link .bz-item {
	display: block;
	padding: 0.4rem 0 0.4rem 0.4rem;
	overflow: hidden;
}
.find-home-link .bz-item .pic {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 0.4rem;
}
.find-home-link .bz-item .tit {
	line-height: 0.8rem;
	padding-top: 0.3rem;
}
.find-home-link .bz-item .name {
	font-size: 0.8rem;
	margin-right: 0.2rem;
	font-weight: bold;
}
.find-home-link .bz-item .name em {
	color: #316e9d;
}
.find-home-link .bz-item .free {
	font-size: 0.6rem;
	padding: 0 0.1rem;
	color: #fff;
	background: linear-gradient(270deg, #f54640 0%, #fe6e51 100%);
	border-radius: 0.1rem;
}
.find-home-link .bz-item .txt {
	font-size: 0.6rem;
	margin-top: 0.4rem;
	color: #676f85;
}

/* tianfu */
.lawyer-tabs-bar-fixedtop.tianfu .lawyer-nav-bars {
	top: 0;
}
.lawyer-tabs-bar-fixedtop.tianfu .choice-condition-bar {
	top: 2.2rem;
}
.lawyer-tabs-bar-fixedtop.tianfu .choice-condition-conts {
	top: 4.4rem;
}

/* #20551 lj 2024-04-02 */
.contsitem .city-all-bar.flex-row .city-all-nav {
	width: 6.25rem;
}
.contsitem .city-all-bar.flex-row .scroll-bar:first-child .city-all-nav li {
	background-color: #f5f5f5;
}
.contsitem .city-all-bar.flex-row .scroll-bar:nth-child(2) .city-all-nav li {
	background-color: #f9f9f9;
}
.contsitem .city-all-bar.flex-row .scroll-bar .city-all-nav li.is-this {
	background-color: #fff;
	color: #316e9d;
	font-weight: bold;
}
.contsitem .city-all-bar.flex-row .city-all-nav li a {
	display: block;
}
.contsitem .city-all-bar.flex-row .city-all-nav li.is-this a {
	color: #316e9d;
	font-weight: bold;
	position: relative;
}
.contsitem .city-all-bar.flex-row .city-all-nav li.is-this a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.8rem;
	margin-top: -0.35rem;
	width: 0.7rem;
	height: 0.7rem;
	background: url("../image/ico-select.png") no-repeat;
	background-size: 100% 100%;
}

.contsitem .city-all-bar.flex-row .scroll-bar:last-child {
	flex: 1;
}

/* authentication-law-tips */
.authentication-law-tips {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.8rem;
	border: 0.05rem solid #f5efd7;
	background: linear-gradient(270deg, #fcf8eb 0%, #ffffff 100%);
	border-radius: 0.9rem;
	color: #a37852;
	font-size: 0.6rem;
}
.authentication-law-tips .ico-dp {
	width: 0.7rem;
	height: 0.7rem;
	background: url("../image/ico-shenhe.png") center center/100% 100% no-repeat;
	margin-right: 0.2rem;
	margin-top: -0.05rem;
}
.authentication-law-tips .line-vertical {
	height: 0.6rem;
	border-color: #e3ded9;
	margin-top: 0;
}

/* recommend-law-list */
.recommend-law-list .lawyer-card {
	background: #fff;
	border-radius: 0.6rem;
	margin-top: 0.6rem;
	position: relative;
}
.recommend-law-list .lawyer-card .lawyer {
	padding-left: 4.2rem;
}
.recommend-law-list .lawyer-card .lawyer .photo {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 0.4rem;
}
.recommend-law-list .lawyer-card .lawyer .photo img {
	width: 100%;
	height: 100%;
	border-radius: 0.4rem;
}
.recommend-law-list .lawyer-card .handle {
	padding-left: 3.6rem;
}
.recommend-law-list .lawyer-card .photo .online {
	position: absolute;
	left: 0.15rem;
	top: 0.15rem;
	padding: 0 0.2rem;
	height: 0.7rem;
	line-height: 0.75rem;
	background-color: #4cc733;
	color: #fff;
	border-radius: 0.4rem;
	color: #fff;
	font-size: 0.45rem;
	font-weight: bold;
	white-space: nowrap;
	display: flex;
	align-items: center;
}
.recommend-law-list .lawyer-card .photo .online .dot {
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.1rem;
	position: relative;
	margin-top: 0;
}
.recommend-law-list .lawyer-card .photo .online .dot:before,
.recommend-law-list .lawyer-card .photo .online .dot:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 0.1rem;
	height: 0.1rem;
}
.recommend-law-list .lawyer-card .photo .online .dot:before {
	animation: onlineAni 0.5s linear alternate infinite;
	opacity: 0.2;
}
@keyframes onlineAni {
	0% {
		width: 0.1rem;
		height: 0.1rem;
	}
	100% {
		width: 0.3rem;
		height: 0.3rem;
	}
}
.recommend-law-list .lawyer-card .lawyer .tit {
	line-height: 1.1rem;
}
.recommend-law-list .lawyer-card .lawyer .name {
	margin-right: 0.2rem;
}
.recommend-law-list .lawyer-card .lawyer .u-law-lab {
	padding: 0 0.2rem;
	font-size: 0.55rem;
	border-radius: 0.2rem;
	line-height: 0.8rem;
	font-weight: 600;
}
.recommend-law-list .lawyer-card .lawyer .u-law-lab.lab-bg1 {
	background-color: #ffede4;
	color: #c66935;
}
.recommend-law-list .lawyer-card .lawyer .u-law-lab.lab-bg2 {
	background-color: #f9ead4;
	color: #92744e;
}
.recommend-law-list .lawyer-card .lawyer .u-law-lab.lab-bg3 {
	background-color: #e4f1ff;
	color: #567fbf;
}
.recommend-law-list .lawyer-card .ico-law-vip {
	width: 0.7rem;
	height: 0.7rem;
	background: url("../image/ico-vip.png") center center/100% 100% no-repeat;
	margin-right: 0.2rem;
}
.recommend-law-list .lawyer-card .info {
	line-height: 0.85rem;
	color: #111f34;
}
.recommend-law-list .lawyer-card .info .scroce {
	color: #0fb298;
	font-size: 0.7rem;
}
.recommend-law-list .lawyer-card .skill {
	line-height: 0.85rem;
	color: #111f34;
}
.recommend-law-list .lawyer-card .local {
	font-size: 0.55rem;
	line-height: 0.8rem;
	color: #a6acbd;
	margin-right: 3.5rem;
}
.recommend-law-list .lawyer-card .other-info {
	position: relative;
	z-index: 1;
	margin-top: 0.3rem;
}
.recommend-law-list .lawyer-card .other-info .info {
	padding: 0.4rem 0.6rem;
	background-color: #f9fafc;
	border-radius: 0.2rem;
	font-size: 0.6rem;
	line-height: 0.85rem;
	color: #868ea3;
	display: none;
}
.recommend-law-list .lawyer-card .other-info .info .txt {
	margin-top: 0.3rem;
}
.recommend-law-list .lawyer-card .other-info .info .txt:first-child {
	margin-top: 0;
}
.recommend-law-list .lawyer-card .other-info .info-more {
	position: absolute;
	right: 0;
	top: -1.4rem;
	font-size: 0.55rem;
	color: #a6acbd;
	line-height: 1.4rem;
	padding: 0 0.6rem;
}
.recommend-law-list .lawyer-card .other-info .info-more .iconfont {
	font-size: 0.6rem;
	transform: rotate(90deg);
}
.recommend-law-list .lawyer-card .other-info.is-click .info {
	display: block;
}
.recommend-law-list .lawyer-card .other-info.is-click .info-more .iconfont {
	transform: rotate(270deg);
}
.law-more-all {
	border-top: 0;
	background-color: #fff;
	border-radius: 0.6rem;
	padding: 0.4rem 0;
}

.mlr-gap-neg {
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}

/* right-enter-ask */
.right-enter-ask {
	position: fixed;
	right: 0.4rem;
	bottom: 4.6rem;
	z-index: 5;
	transition: all linear 0.3s;
}
.right-enter-ask.scroll {
	right: -2.6rem;
	opacity: 0.3;
}
.right-enter-ask .close {
	position: absolute;
	right: 0;
	top: -0.9rem;
	cursor: pointer;
}
.right-enter-ask .close .icon-fail {
	font-size: 0.8rem;
	color: #000;
	opacity: 0.2;
	line-height: 0.9rem;
}
.right-enter-ask .pic {
	width: 3.4rem;
	height: 3.4rem;
	background: url("../image/sprite1.png") no-repeat;
	background-size: 102rem 13.6rem;
	background-position: 0 0;
	animation: rightEnterAnm 3.07s steps(1) 0s infinite normal none;
}
@keyframes rightEnterAnm {
	0% {
		background-position: 0 0;
	}
	1.09% {
		background-position: -3.4rem 0;
	}
	2.17% {
		background-position: -6.8rem 0;
	}
	3.26% {
		background-position: -10.2rem 0;
	}
	4.34% {
		background-position: -13.6rem 0;
	}
	5.43% {
		background-position: -17rem 0;
	}
	6.51% {
		background-position: -20.4rem 0;
	}
	7.60% {
		background-position: -23.8rem 0;
	}
	8.69% {
		background-position: -27.2rem 0;
	}
	9.77% {
		background-position: -30.6rem 0;
	}
	10.86% {
		background-position: -34rem 0;
	}
	11.94% {
		background-position: -37.4rem 0;
	}
	13.03% {
		background-position: -40.8rem 0;
	}
	14.12% {
		background-position: -44.2rem 0;
	}
	15.20% {
		background-position: -47.6rem 0;
	}
	16.29% {
		background-position: -51rem 0;
	}
	17.37% {
		background-position: -54.4rem 0;
	}
	18.46% {
		background-position: -57.8rem 0;
	}
	19.54% {
		background-position: -61.2rem 0;
	}
	20.63% {
		background-position: -64.6rem 0;
	}
	21.72% {
		background-position: -68rem 0;
	}
	22.80% {
		background-position: -71.4rem 0;
	}
	23.89% {
		background-position: -74.8rem 0;
	}
	24.97% {
		background-position: -78.2rem 0;
	}
	26.06% {
		background-position: -81.6rem 0;
	}
	27.14% {
		background-position: -85rem 0;
	}
	28.23% {
		background-position: -88.4rem 0;
	}
	29.32% {
		background-position: -91.8rem 0;
	}
	30.40% {
		background-position: -95.2rem 0;
	}
	31.49% {
		background-position: -98.6rem 0;
	}
	32.57% {
		background-position: 0 -3.4rem;
	}
	33.66% {
		background-position: -3.4rem -3.4rem;
	}
	34.74% {
		background-position: -6.8rem -3.4rem;
	}
	35.83% {
		background-position: -10.2rem -3.4rem;
	}
	36.92% {
		background-position: -13.6rem -3.4rem;
	}
	38.00% {
		background-position: -17rem -3.4rem;
	}
	39.09% {
		background-position: -20.4rem -3.4rem;
	}
	40.17% {
		background-position: -23.8rem -3.4rem;
	}
	41.26% {
		background-position: -27.2rem -3.4rem;
	}
	42.35% {
		background-position: -30.6rem -3.4rem;
	}
	43.43% {
		background-position: -34rem -3.4rem;
	}
	44.52% {
		background-position: -37.4rem -3.4rem;
	}
	45.60% {
		background-position: -40.8rem -3.4rem;
	}
	46.69% {
		background-position: -44.2rem -3.4rem;
	}
	47.77% {
		background-position: -47.6rem -3.4rem;
	}
	48.86% {
		background-position: -51rem -3.4rem;
	}
	49.95% {
		background-position: -54.4rem -3.4rem;
	}
	51.03% {
		background-position: -57.8rem -3.4rem;
	}
	52.12% {
		background-position: -61.2rem -3.4rem;
	}
	53.20% {
		background-position: -64.6rem -3.4rem;
	}
	54.29% {
		background-position: -68rem -3.4rem;
	}
	55.37% {
		background-position: -71.4rem -3.4rem;
	}
	56.46% {
		background-position: -74.8rem -3.4rem;
	}
	57.55% {
		background-position: -78.2rem -3.4rem;
	}
	58.63% {
		background-position: -81.6rem -3.4rem;
	}
	59.72% {
		background-position: -85rem -3.4rem;
	}
	60.80% {
		background-position: -88.4rem -3.4rem;
	}
	61.89% {
		background-position: -91.8rem -3.4rem;
	}
	62.98% {
		background-position: -95.2rem -3.4rem;
	}
	64.06% {
		background-position: -98.6rem -3.4rem;
	}
	65.15% {
		background-position: 0 -6.8rem;
	}
	66.23% {
		background-position: -3.4rem -6.8rem;
	}
	67.32% {
		background-position: -6.8rem -6.8rem;
	}
	68.40% {
		background-position: -10.2rem -6.8rem;
	}
	69.49% {
		background-position: -13.6rem -6.8rem;
	}
	70.58% {
		background-position: -17rem -6.8rem;
	}
	71.66% {
		background-position: -20.4rem -6.8rem;
	}
	72.75% {
		background-position: -23.8rem -6.8rem;
	}
	73.83% {
		background-position: -27.2rem -6.8rem;
	}
	74.92% {
		background-position: -30.6rem -6.8rem;
	}
	76.00% {
		background-position: -34rem -6.8rem;
	}
	77.09% {
		background-position: -37.4rem -6.8rem;
	}
	78.18% {
		background-position: -40.8rem -6.8rem;
	}
	79.26% {
		background-position: -44.2rem -6.8rem;
	}
	80.35% {
		background-position: -47.6rem -6.8rem;
	}
	81.43% {
		background-position: -51rem -6.8rem;
	}
	82.52% {
		background-position: -54.4rem -6.8rem;
	}
	83.60% {
		background-position: -57.8rem -6.8rem;
	}
	84.69% {
		background-position: -61.2rem -6.8rem;
	}
	85.78% {
		background-position: -64.6rem -6.8rem;
	}
	86.86% {
		background-position: -68rem -6.8rem;
	}
	87.95% {
		background-position: -71.4rem -6.8rem;
	}
	89.03% {
		background-position: -74.8rem -6.8rem;
	}
	90.12% {
		background-position: -78.2rem -6.8rem;
	}
	91.21% {
		background-position: -81.6rem -6.8rem;
	}
	92.29% {
		background-position: -85rem -6.8rem;
	}
	93.38% {
		background-position: -88.4rem -6.8rem;
	}
	94.46% {
		background-position: -91.8rem -6.8rem;
	}
	95.55% {
		background-position: -95.2rem -6.8rem;
	}
	96.63% {
		background-position: -98.6rem -6.8rem;
	}
	97.72% {
		background-position: 0 -10.2rem;
	}
	98.81% {
		background-position: -3.4rem -10.2rem;
	}
}

/* icon */
.ico-tw {
	background: url("../image/ico_tw.png") no-repeat;
	background-size: 12.95rem 10.7rem;
}
.ico-tw.ico-sign-link {
	width: 0.6rem;
	height: 0.6rem;
	background-position: -11rem -3.5rem;
}
.ico-tw.ico-sign-query {
	width: 0.9rem;
	height: 0.9rem;
	background-position: -11.25rem -7.6rem;
}
.ico-tw.ico-wz {
	width: 0.9rem;
	height: 0.9rem;
	background-position: -10rem -7.6rem;
}
.ico-tw.ico-reset {
	width: 0.7rem;
	height: 0.7rem;
	background-position: -6.4rem -8.85rem;
}
.ico-pop {
	background: url("../image/botm_pop.png");
	background-size: 12.1rem 8.35rem;
}
.ico-pop.ico-bg {
	width: 6.6rem;
	height: 2.5rem;
	background-position: -5.5rem -5.25rem;
}
.ico-pop.ico-close {
	width: 1rem;
	height: 1rem;
	background-position: 0 -7.35rem;
}
.ico-pop.ico-ys {
	width: 0.95rem;
	height: 1rem;
	background-position: -9.75rem -2.5rem;
}
.ico-pop.ico-ax {
	width: 0.95rem;
	height: 1rem;
	background-position: -9.75rem -3.75rem;
}
.ico-pop.ico-chushen {
	width: 3rem;
	height: 3rem;
	background-position: 0 -2.5rem;
}
.ico-pop.ico-fushen {
	width: 3rem;
	height: 3rem;
	background-position: -3.25rem -2.5rem;
}
.ico-pop.ico-zhongshen {
	width: 3rem;
	height: 3rem;
	background-position: -6.5rem -2.5rem;
}
.ico-pop.ico-fw {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -1.25rem -7.4rem;
}
.ico-pop.ico-rz {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -2.25rem -7.4rem;
}
.ico-pop.ico-bz {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -3.25rem -7.4rem;
}

/* popup-botm-bar */
.popup-botm-bar {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 690;
	width: 100%;
	height: 100%;
	visibility: hidden;
	max-width: 37.5rem;
	margin-right: auto;
	margin-left: auto;
}
.popup-botm-bar .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.popup-botm-bar .pop-close {
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
}
.popup-botm-bar .pop-conts {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100%;
	transition: bottom 0.3s ease-in-out;
}
.popup-botm-bar.is-show {
	visibility: visible;
}
.popup-botm-bar.is-show .bg {
	opacity: 1;
}
.popup-botm-bar.is-show .pop-conts {
	bottom: 0;
}
.popup-botm-bar.is-hide .pop-conts {
	bottom: -100%;
}

/* popup-ease */
.popup-ease .pop-conts {
	padding-top: 2.6rem;
	background: #fff;
	border-radius: 0.8rem 0.8rem 0rem 0rem;
}
.popup-ease .pop-conts .ico-bg {
	position: absolute;
	top: 0.6rem;
	right: 2rem;
	margin-top: 0;
}
.popup-ease .pop-title {
	position: absolute;
	top: -0.6rem;
	left: 50%;
	margin: 0 0 0 -5.55rem;
	width: 11.1rem;
	height: 2.2rem;
	background-position: 0 0;
	font-size: 0.9rem;
	color: #99652e;
	font-weight: 600;
	line-height: 2.2rem;
	text-align: center;
}
.popup-ease .conts-box {
	position: relative;
	z-index: 5;
	max-height: 80vh;
	overflow-y: auto;
}
.popup-ease .sh-step {
	margin-top: 0.5rem;
	padding: 0.8rem 0;
	background: #fff;
	box-shadow: 0rem 0.5rem 2rem 0rem rgba(250, 235, 210, 0.4);
	border-radius: 0.4rem;
}
.popup-ease .sh-step dl {
	display: flex;
}
.popup-ease .sh-step dl dd {
	position: relative;
	flex: 1;
	text-align: center;
	font-size: 0.5rem;
	color: #868ea3;
	line-height: 0.7rem;
}
.popup-ease .sh-step dl dd:after {
	position: absolute;
	top: 1.2rem;
	right: -0.15rem;
	content: "";
	background: url("../image/botm_pop.png");
	background-size: 12.1rem 8.35rem;
	width: 0.3rem;
	height: 0.6rem;
	background-position: -11.35rem -1.5rem;
}
.popup-ease .sh-step dl dd:last-child::after {
	background: transparent;
}
.popup-ease .sh-step dl dd .ico-pop {
	display: block;
	margin: 0 auto 0.2rem;
}
.popup-ease .sh-step p {
	padding: 0 0.6rem;
	font-size: 0.6rem;
	color: #414a5d;
	line-height: 0.9rem;
	margin-top: 0.8rem;
}
.popup-ease .fw-box {
	padding: 0.8rem 0.6rem 1rem;
	background: #fff;
	border-radius: 0.4rem;
	border: 1px solid #f7eddf;
}
.popup-ease .fw-box dl {
	position: relative;
	z-index: 1;
	padding: 0 0 1rem 1rem;
}
.popup-ease .fw-box dt {
	height: 0.8rem;
}
.popup-ease .fw-box dt strong {
	position: relative;
	float: left;
}
.popup-ease .fw-box dt strong:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.2rem;
	content: "";
	height: 0.6rem;
	background: #fcf1de;
	z-index: -1;
}
.popup-ease .fw-box dt .ico-pop {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0;
}
.popup-ease .fw-box dd {
	font-size: 0.6rem;
	color: #414a5d;
	line-height: 0.9rem;
	margin-top: 0.6rem;
	-webkit-line-clamp: 3;
	max-height: 2.7rem;
}
.popup-ease .fw-box dl:last-child {
	padding-bottom: 0;
}

/* art-lr-exclusive */
.art-lr-exclusive {
	position: relative;
	height: 11.4rem;
	background: url("../image/art_excl_bg.png");
	background-size: cover;
}
.art-lr-exclusive .lawyer {
	display: block;
	padding: 2.7rem 0 0 1.2rem;
	height: 8rem;
}
.art-lr-exclusive .lawyer .photo {
	position: absolute;
	top: 0;
	right: 0.6rem;
	width: 5.3rem;
	height: 8rem;
}
.art-lr-exclusive .lawyer .photo.no-pic {
	height: 5.3rem;
	border-radius: 0.4rem;
	overflow: hidden;
}
.art-lr-exclusive .lawyer .tag-locat {
	position: absolute;
	left: 1.6rem;
	top: 0.6rem;
	background: linear-gradient(270deg, #f0f3ff 0%, #d2e1fa 100%);
	border-radius: 0rem 5rem 5rem 0rem;
	border: 1px solid #fff;
	padding: 0.25rem 0.5rem 0.25rem 0.8rem;
	font-size: 0.6rem;
	color: #0c48a1;
}
.art-lr-exclusive .lawyer .tag-locat .ico-locat {
	position: absolute;
	left: -0.5rem;
	top: -0.05rem;
	width: 1.1rem;
	height: 1.3rem;
	background-position: -11.85rem -2.5rem;
}
.art-lr-exclusive .lawyer .tit {
	position: relative;
	height: 1rem;
}
.art-lr-exclusive .lawyer .tit strong {
	float: left;
	font-size: 1rem;
	color: #356ed7;
}
.art-lr-exclusive .lawyer .tit .ico-lable {
	width: 4.3rem;
	height: 1rem;
	background-position: 0 -8.85rem;
	margin: 0 0 0 0.1rem;
}
.art-lr-exclusive .lawyer .roll-txt {
	position: relative;
	padding: 0.6rem 0 0.6rem 0.4rem;
	margin: 0.6rem 6.5rem 0 0;
	background: #fff;
	box-shadow: 0rem 0.3rem 0.6rem 0rem rgba(163, 186, 233, 0.12);
	border-radius: 0.2rem;
	font-size: 0.7rem;
	color: #414a5d;
	line-height: 1.1rem;
}
.art-lr-exclusive .lawyer .roll-txt:after {
	position: absolute;
	top: 50%;
	right: -0.25rem;
	content: "";
	margin-top: -0.3rem;
	border: 0.3rem solid transparent;
	border-left-color: #fff;
	border-right: none;
}
.art-lr-exclusive .lawyer .roll-txt .swiper-bar {
	height: 1.1rem;
}
.art-lr-exclusive .lawyer .roll-txt .swiper-bar .swiper-slide {
	overflow: hidden;
	white-space: nowrap;
}
.art-lr-exclusive .lawyer .roll-txt .ovh-h22 {
	position: relative;
	height: 1.1rem;
	overflow: hidden;
}
.art-lr-exclusive .lawyer .roll-txt .ovh-h22 .roll-cont {
	position: absolute;
	top: 0;
}
.art-lr-exclusive .ask {
	display: block;
	padding: 0.6rem 0;
}
.art-lr-exclusive .ask .u-btn {
	display: block;
	margin: auto;
	width: 12.95rem;
	height: 2.2rem;
	background-position: 0 0;
	font-size: 0.8rem;
	color: #fff;
	line-height: 2.2rem;
	text-align: center;
	font-weight: 600;
}
.art-lr-exclusive .ask:active .u-btn {
	background: url("../image/bg-btn5-active.png") no-repeat;
	background-size: 100% 100%;
}
.art-lr-exclusive .ask .u-btn .ico-ask {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -10.5rem -6.5rem;
	margin-right: 0.1rem;
}
.art-lr-exclusive .ask .u-btn .ico-jt {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -10rem -8.85rem;
	margin-left: 0.2rem;
}
/* official */
.art-lr-exclusive.official .lawyer .tag-locat {
	left: 1.1rem;
	padding-left: 0.4rem;
	border-radius: 1.2rem;
}
.art-lr-exclusive.official .lawyer .tag-locat .ico-locat {
	position: relative;
	left: auto;
	top: auto;
	width: 3.55rem;
	height: 0.7rem;
	background-position: 0 -10rem;
}
.art-lr-exclusive.official .lawyer .tit .ico-lable {
	width: 5.95rem;
	height: 1rem;
	background-position: 0 -7.65rem;
}

/* swiper-h24 */
.swiper-h24 {
	height: 1.2rem;
	text-align: center;
}

.no-data-bar-con {
	background-color: #fff;
	border-radius: 0.6rem;
	padding: 1rem 0 1.6rem;
}
.no-data-bar-con .ask {
	display: inline-flex;
	align-items: center;
	height: 1.4rem;
	padding: 0 0.6rem 0 0.75rem;
	border-radius: 0.7rem;
	font-size: 0.6rem;
	color: #316e9d;
	border: 0.05rem solid #316e9d;
}
.no-data-bar-con .ask .iconfont {
	font-size: 0.6rem;
	margin-left: 0.1rem;
}

/* find-home-link */
.find-home-link .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 0.05rem solid #fff;
	height: 3.6rem;
	border-radius: 0.4rem;
	position: relative;
	z-index: 1;
	padding-left: 2.9rem;
}
.find-home-link .item.bg1 {
	background: linear-gradient(90deg, #ffffff 0%, #ffffff 3.5rem, #eff6fc 100%);
}
.find-home-link .item.bg2 {
	background: linear-gradient(90deg, #ffffff 0%, #ffffff 3.5rem, #e6f9ff 100%);
}
.find-home-link .item .pic {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 3.5rem;
	height: 3.5rem;
}
.find-home-link .item .name {
	font-size: 0.8rem;
	color: #111f34;
	font-weight: bold;
	line-height: 1.1rem;
}
.find-home-link .item .txt {
	margin-top: 0.15rem;
	font-size: 0.6rem;
	color: #676f85;
	line-height: 0.85rem;
}
.find-home-link .item .label {
	position: absolute;
	top: 0.5rem;
	left: 6.35rem;
	background: linear-gradient(317deg, #fe6e51 0%, #f54640 100%);
	border-radius: 0.4rem 0.4rem 0.4rem 0.1rem;
	padding: 0 0.2rem;
	font-size: 0.45rem;
	color: #fff;
	line-height: 0.85rem;
}
.find-home-link .item .label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	box-sizing: border-box;
	border: 0.05rem solid #fff;
	border-radius: 0.8rem 0.8rem 0.8rem 0.2rem;
	transform: scale(0.5);
	transform-origin: left top;
}

/* expertise-swiper-list */
.expertise-swiper-list {
	height: 8rem;
}
.expertise-swiper-list .swiper-scrollbar {
	width: 2.4rem;
	height: 0.2rem;
	margin-left: -1.2rem;
	left: 50%;
	bottom: 1rem;
	border-radius: 0.1rem;
	background-color: #f0f2f5;
}
.expertise-swiper-list .swiper-scrollbar .swiper-scrollbar-drag {
	border-radius: 0.1rem;
	background-color: #36c2ac;
}
.expertise-swiper-list .expertise-list li {
	width: 100%;
}

/* 2024-07-29 #24069 */
.koubei-lawyer {
	background: url("../image/koubei-bg.png") center top/100% auto #fff no-repeat;
	border-radius: 0.4rem;
}
.koubei-lawyer .ico-koubei {
	width: 1rem;
	height: 1rem;
	background: url("../image/ico-koubei.png") center center/100% 100% no-repeat;
	position: relative;
	top: 0.05rem;
}
.koubei-swiper,
.koubei-swiper .swiper-wrapper {
	height: 10rem;
}
.koubei-swiper .swiper-slide {
	width: auto;
	padding-left: 0.6rem;
	padding-top: 1rem;
}
.koubei-swiper .swiper-slide:last-child {
	padding-right: 1rem;
}
.koubei-swiper .item {
	display: block;
	width: 6rem;
	text-align: center;
}
.koubei-swiper .con {
	height: 6.35rem;
}
.koubei-swiper .photo {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
}
.koubei-swiper .name {
	margin-top: 0.5rem;
	font-size: 0.7rem;
	line-height: 1rem;
	font-weight: bold;
}
.koubei-swiper .disc {
	margin-top: 0.4rem;
	font-size: 0.55rem;
	line-height: 0.85rem;
	color: #676f85;
}
.koubei-swiper .disc .star {
	margin-right: 0.2rem;
	font-size: 0.6rem;
	color: #ff8638;
	font-weight: 500;
}
.koubei-swiper .disc .star .ico-public {
	margin-right: 0.1rem;
	margin-top: -0.15rem;
}
.koubei-swiper .ask {
	width: 4rem;
	height: 1.4rem;
	border: 0.05rem solid #316e9d;
	border-radius: 0.7rem;
	margin: auto;
	font-size: 0.7rem;
	color: #316e9d;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 0.3rem;
}
.koubei-swiper .ask .icon-arrow-right {
	font-size: 0.7rem;
}
.koubei-swiper .ask:active {
	background: #f3f3f3;
}
.koubei-swiper::after {
	content: "";
	position: absolute;
	top: 1rem;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 1rem;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

/* #28534 2024-12-04 */
/* lvtu-pop-404-box */
.lvtu-pop-404-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: none;
}
.lvtu-pop-404-box .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
.lvtu-pop-404-box .pop-conts {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	width: 16.35rem;
	padding: 7.8rem 0 1.6rem;
	border-radius: 0.8rem;
	background: url("../image/bg_m.png") center top/100% auto no-repeat #fff;
}
.lvtu-pop-404-box .pop-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.6rem;
	height: 1.6rem;
	background: url("../image/close_m.png") left bottom/1rem 1rem no-repeat;
	cursor: pointer;
}
.lvtu-pop-404-box .txt {
	font-size: 0.8rem;
	color: #111f34;
	text-align: center;
	line-height: 1rem;
}
.lvtu-pop-404-box .txt.c-868EA3 {
	color: #868ea3;
	margin-top: 0.4rem;
}
.lvtu-pop-404-box .to-link {
	display: block;
	margin: 1.2rem auto 0;
	width: 13.15rem;
	height: 2.4rem;
	background: linear-gradient(90deg, #24c7a6 0%, #00b3a7 100%);
	border-radius: 1.2rem;
	line-height: 2.4rem;
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
	cursor: pointer;
	padding-left: 0.25rem;
}
.lvtu-pop-404-box .to-link .arrow {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.15rem;
	width: 0.8rem;
	height: 0.8rem;
	background: url("../image/arrow_m.png") left top/.8rem 0.8rem no-repeat;
}