.lh18 {
	line-height: 0.9rem;
}

/* ico-zsdet */
.ico-zsdet {
	background: url("../image/ico-zsdet.png") no-repeat;
	background-size: 12.5rem 8.5rem;
}
.i-zsdet1 {
	width: 4.6rem;
	height: 1.4rem;
	background-position: 0 0;
}
.i-zsdet2 {
	width: 2.5rem;
	height: 0.7rem;
	background-position: 0 -1.5rem;
}
.i-zsdet3 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: 0 -2.25rem;
}
.i-zsdet4 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -1rem -2.25rem;
}
.i-zsdet5 {
	width: 0.6rem;
	height: 0.7rem;
	background-position: -2rem -2.25rem;
}
.i-zsdet6 {
	width: 0.7rem;
	height: 0.7rem;
	background-position: -2.75rem -2.35rem;
}
.i-zsdet7 {
	width: 4rem;
	height: 1rem;
	background-position: -4.75rem 0;
}
.i-zsdet8 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -2.75rem -1.5rem;
}
.i-zsdet9 {
	width: 0.7rem;
	height: 0.7rem;
	background-position: -3.75rem -1.5rem;
}
.i-zsdet10 {
	width: 0.6rem;
	height: 0.6rem;
	background-position: -3.75rem -2.25rem;
}
.i-zsdet11 {
	width: 9.3rem;
	height: 2rem;
	background-position: -4.75rem -1.15rem;
}
.i-zsdet12 {
	width: 2.25rem;
	height: 0.25rem;
	background-position: -9rem 0;
}
.i-zsdet13 {
	width: 2.25rem;
	height: 0.25rem;
	background-position: -9rem -0.5rem;
}
.i-zsdet14 {
	width: 2.6rem;
	height: 2.6rem;
	background-position: 0 -3.25rem;
}
.i-zsdet15 {
	width: 2.6rem;
	height: 2.6rem;
	background-position: -2.75rem -3.25rem;
}
.i-zsdet16 {
	width: 2.6rem;
	height: 2.6rem;
	background-position: -5.5rem -3.25rem;
}
.i-zsdet17 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -8.25rem -3.25rem;
}
.i-zsdet18 {
	width: 0.8rem;
	height: 0.8rem;
	background-position: -9.25rem -3.25rem;
}
.i-zsdet19 {
	width: 0.6rem;
	height: 0.6rem;
	background-position: -10.25rem -3.25rem;
}
.i-zsdet20 {
	width: 0.6rem;
	height: 0.6rem;
	background-position: -10.9rem -3.25rem;
}
.i-zsdet21 {
	width: 1.1rem;
	height: 1.3rem;
	background-position: -8.25rem -4.25rem;
}
.i-zsdet22 {
	width: 4.35rem;
	height: 1rem;
	background-position: 0 -6rem;
}
.i-zsdet23 {
	width: 1rem;
	height: 1rem;
	background-position: -4.5rem -6rem;
}
.i-zsdet24 {
	width: 1rem;
	height: 1rem;
	background-position: -5.75rem -6rem;
}
.i-zsdet25 {
	width: 3rem;
	height: 0.85rem;
	background-position: -7rem -6rem;
}
.i-zsdet26 {
	width: 4rem;
	height: 1rem;
	background-position: 0 -7.25rem;
}
.ico-hit {
	display: inline-block;
	vertical-align: middle;
	margin: -0.15rem 0 0 0.1rem;
	position: relative;
	width: 0.6rem;
	height: 0.6rem;
	background: url("../image/hit.png");
	background-size: cover;
}

/* zs-unfold */
.zs-unfold {
	border-radius: 0.8rem 0.8rem 0 0;
	margin-top: -0.8rem;
}
.zs-unfold .unfd-conts {
	padding: 0.8rem 0.8rem 1rem;
}
.zs-unfold .unfd-btn-bar {
	position: relative;
	z-index: 1;
	text-align: center;
}
.zs-unfold .unfd-btn-bar:before {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	bottom: 2.5rem;
	z-index: -1;
	height: 7rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, #ffffff 100%);
}
.zs-unfold .unfd-btn-bar .txt {
	font-size: 0.7rem;
	text-align: center;
}
.zs-unfold .unfd-btn-bar .txt b {
	color: #eb372a;
	margin: 0 0.2rem;
}
.zs-unfold .unfd-btn-bar .unfd-btn {
	color: #316e9d;
	padding: 1.2rem 0 1.6rem;
	height: auto;
	line-height: 1;
	display: inline-block;
}
.zs-unfold.is-show .unfd-ovh {
	overflow: inherit;
	transition: none;
	height: auto !important;
}
.zs-unfold.is-show .unfd-btn-bar {
	display: none;
}
/*unfd-card*/
.unfd-btn-bar .unfd-card {
	height: 7.5rem;
	padding: 0.6rem 1.8rem 0;
	border-radius: 0.4rem;
	margin: 0 0.8rem;
	background: linear-gradient(180deg, #f2fcfb 50%, #ffffff 100%);
	position: relative;
}
.unfd-btn-bar .unfd-card:after {
	position: absolute;
	left: 0;
	right: 0;
	top: -5rem;
	height: 5rem;
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
}
.unfd-btn-bar .unfd-card dl {
	padding-left: 2.5rem;
	text-align: left;
}
.unfd-btn-bar .unfd-card dl dt {
	font-size: 0.6rem;
	line-height: 0.9rem;
	color: #868ea3;
}
.unfd-btn-bar .unfd-card dl dd {
	font-size: 0.7rem;
	line-height: 1.1rem;
	color: #111f34;
	margin-top: 0.2rem;
}
.unfd-btn-bar .unfd-card dl dd b {
	color: #eb372a;
	margin: 0 0.2rem;
}
.unfd-btn-bar .unfd-card .ask-hepler {
	position: absolute;
	left: 1.6rem;
	top: 0.4rem;
	width: 2.3rem;
	height: 3.8rem;
	z-index: 2;
}
.unfd-btn-bar .unfd-card .ask-btn {
	display: block;
	height: 1.8rem;
	border-radius: 0.9rem;
	margin-top: 0.6rem;
	background: linear-gradient(270deg, #24c7a6 0%, #00b3a7 100%);
	font-size: 0.7rem;
	color: #fff;
	line-height: 1.8rem;
	position: relative;
}
.unfd-btn-bar .unfd-card .ask-btn .ico-ask,
.unfd-btn-bar .unfd-card .ask-btn .ico-jt {
	display: inline-block;
	vertical-align: middle;
	width: 0.7rem;
	height: 0.7rem;
	margin-top: -0.1rem;
}
.unfd-btn-bar .unfd-card .ask-btn .ico-ask {
	background: url("../image/ask.png");
	background-size: cover;
	margin-right: 0.2rem;
}
.unfd-btn-bar .unfd-card .ask-btn .ico-jt {
	background: url("../image/jt-r.png");
	background-size: cover;
	margin-left: 0.1rem;
}
.unfd-btn-bar .unfd-card .ask-btn .lable {
	position: absolute;
	right: -0.05rem;
	top: -0.5rem;
	border-radius: 0.45rem 0.45rem 0.45rem 0.1rem;
	border: 1px solid #fff;
	background: linear-gradient(270deg, #fe6e51 0%, #f54640 100%);
	padding: 0.1rem 0.3rem 0.1rem 0.2rem;
	font-size: 0.6rem;
	color: #fff;
	line-height: 1;
}
.unfd-btn-bar .unfd-card .ask-btn .lable .ico-thouder {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
	background: url("../image/thouder.png");
	background-size: cover;
	margin-right: 0.1rem;
}
.unfd-btn-bar .unfd-card .unfd-btn {
	padding-top: 0.8rem;
}
.unfd-btn-bar .unfd-card .unfd-btn .icon-arrow-right {
	display: inline-block;
	vertical-align: middle;
	transform: rotate(90deg);
	margin: -0.1rem 0 0 0;
}

/**/
.det-title {
	font-size: 1.1rem;
	line-height: 1.7rem;
}

/* zs-baike */
.zs-baike {
	position: relative;
	padding-left: 4.85rem;
	border: 1px solid #d8e3f6;
	background-color: #f7fafc;
	border-radius: 0.2rem;
	font-size: 0.6rem;
	color: #676f85;
	line-height: 1.3rem;
}
.zs-baike .i-zsdet1 {
	position: absolute;
	top: -0.05rem;
	left: -0.05rem;
	margin-top: 0;
}

/* det-guide */
.det-guide {
	overflow: hidden;
	font-size: 0.7rem;
	line-height: 1.2rem;
	color: #676f85;
}
.det-guide .tag {
	float: left;
	margin-right: 0.6rem;
	position: relative;
	z-index: 1;
	color: #111f34;
	font-weight: bold;
}
.det-guide .tag:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0.1rem;
	left: 0;
	z-index: -1;
	height: 0.3rem;
	background: linear-gradient(270deg, rgba(55, 166, 250, 0) 0%, rgba(66, 129, 236, 0.8) 100%);
	border-radius: 0.1rem;
}

/* detail-con */
.detail-con {
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #111f34;
}
.detail-con img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}
.detail-con p {
	margin-top: 1rem;
}
.detail-con a {
	color: #316e9d !important;
}

/* ask-assistant */
.ask-assistant {
	display: block;
	width: 17.55rem;
	height: 6.6rem;
	background: url("../image/bg011.png") no-repeat;
	background-size: 100% 100%;
	padding: 0.6rem 0.4rem 0.4rem;
}
.ask-assistant .disc {
	padding: 0 0.2rem;
	font-size: 0.7rem;
	line-height: 1.1rem;
	color: #414a5d;
}
.ask-assistant .lawyer {
	background-color: #fff;
	border-radius: 0.4rem;
	padding: 0.5rem 0.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ask-assistant .lawyer .ask {
	height: 1.6rem;
	line-height: 1.6rem;
	border-radius: 0.8rem;
	padding: 0 0.6rem;
	background: #00b3a7;
	background: linear-gradient(270deg, #00b3a7 0%, #24c7a6 100%);
	font-size: 0.7rem;
	color: #fff;
}
.ask-assistant .lawyer .photo {
	position: relative;
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 0.4rem;
}
.ask-assistant .lawyer .photo img {
	border-radius: 50%;
}
.ask-assistant .lawyer .photo .dot {
	position: absolute;
	right: 0;
	bottom: 0.1rem;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: #316e9d;
}

/* expand-read */
.expand-read li {
	position: relative;
	line-height: 2.4rem;
}
.expand-read li:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 1.3rem;
	border-bottom: 1px solid #f0f2f5;
}
.expand-read li:last-child:before {
	display: none;
}
.expand-read .txt {
	display: block;
	padding-left: 0.1rem;
}
.expand-read .txt .ico-zsdet {
	float: left;
	margin: 0.8rem 0.4rem 0 0;
}

/* local-txt */
.local-txt {
	padding: 0 0.4rem 0 0.2rem;
	line-height: 1.1rem;
	background: #4281ec;
	background: linear-gradient(270deg, #37a6fa 0%, #4281ec 100%);
	color: #fff;
	font-size: 0.8rem;
	border-radius: 0.55rem;
	font-weight: normal;
}

/* recite-official */
.recite-official {
	padding: 0.55rem 0.35rem;
	border-radius: 0.4rem;
	background-color: #f7f8fa;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 1;
}
.recite-official .bg {
	position: absolute;
	z-index: -1;
	right: 4rem;
	bottom: 0;
	width: 4.2rem;
	height: 4.2rem;
	background: url("../image/bg10.png") no-repeat;
	background-size: 100% 100%;
}
.recite-official .photo {
	float: left;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	margin-right: 0.4rem;
}
.recite-official .name {
	font-size: 0.8rem;
	font-weight: bold;
	margin-top: 0.5rem;
}
.recite-official .info {
	margin-top: 0.6rem;
	line-height: 0.6rem;
	display: table;
	font-size: 0.5rem;
	color: #676f85;
}
.recite-official .info .icon-wheat-l,
.recite-official .info .icon-wheat-r {
	font-size: 0.6rem;
	margin-left: -0.15rem;
	margin-right: -0.15rem;
	color: #7dd0c9;
}
.recite-official .info .ico-brand {
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}
.recite-official .info .line-vertical {
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	height: 1em;
}
.recite-official .ask {
	position: absolute;
	top: 1.3rem;
	right: 0.4rem;
	width: 5.1rem;
	height: 1.8rem;
	padding-left: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.9rem;
	color: #fff;
	font-size: 0.7rem;
	background: url("../image/bg-btn01.png") no-repeat;
	background-size: 100% 100%;
}
.recite-official .ask .ico-public {
	margin-top: 0;
}
.recite-official .ask .i-pu-ask3 {
	margin-right: 0.1rem;
}
.recite-official .ask .i-pu-arrowr-white {
	margin-left: 0.2rem;
}
.recite-official .ask:active {
	background-image: url("../image/bg-btn01-active.png");
}

/* recite-artlawyer */
.recite-artlawyer {
	display: block;
	position: relative;
	background-color: #fcfaf7;
	border-radius: 0.4rem;
	padding: 1rem 0.4rem 0.8rem;
	z-index: 1;
}
.recite-artlawyer .i-zsdet7 {
	position: absolute;
	top: -0.3rem;
	left: 0;
}
.recite-artlawyer .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 3.35rem;
	height: 5rem;
	background: url("../image/bg021.png") no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}
.recite-artlawyer .photo {
	width: 3rem;
	height: 3rem;
	margin-right: 0.4rem;
}
.recite-artlawyer .photo img {
	border-radius: 50%;
}
.recite-artlawyer .ask {
	margin-top: 0.3rem;
	margin-left: 1.4rem;
	width: 5.1rem;
	height: 1.8rem;
	padding-left: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.9rem;
	color: #66370a;
	font-size: 0.7rem;
	background: url("../image/bg-btn02.png") no-repeat;
	background-size: 100% 100%;
}
.recite-artlawyer .ask .ico-zsdet {
	margin-top: 0;
}
.recite-artlawyer .ask .i-zsdet8 {
	margin-right: 0.1rem;
}
.recite-artlawyer .ask .i-zsdet9 {
	margin-left: 0.2rem;
}
.recite-artlawyer .ask:active {
	background-image: url("../image/bg-btn02-active.png");
}
.recite-artlawyer .name {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.2rem;
}
.recite-artlawyer .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;
}
.recite-artlawyer .u-lab:last-child {
	margin-right: 0;
}
.recite-artlawyer .u-lab.lab-bg1 {
	background-color: #f7f3e4;
	color: #855f42;
}
.recite-artlawyer .u-lab.lab-bg2 {
	background-color: #e5f2fe;
	color: #356ed7;
}
.recite-artlawyer .info {
	font-size: 0.6rem;
	color: #868ea3;
}

/* recite-contribute-cooperate */
.recite-contribute-cooperate {
	display: block;
	padding: 1rem 0.4rem;
	background-color: #f7f8fa;
	border-radius: 0.4rem;
}
.recite-contribute-cooperate .photo {
	width: 3rem;
	height: 3rem;
	margin-right: 0.4rem;
}
.recite-contribute-cooperate .photo img {
	border-radius: 50%;
}
.recite-contribute-cooperate .ask {
	margin-top: 0.3rem;
	margin-left: 1.4rem;
	width: 5.1rem;
	height: 1.8rem;
	padding-left: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.9rem;
	color: #fff;
	font-size: 0.7rem;
	background: #24c7a6;
	background: linear-gradient(90deg, #24c7a6 0%, #00b3a7 100%);
}
.recite-contribute-cooperate .ask .ico-public {
	margin-top: 0;
}
.recite-contribute-cooperate .ask .i-pu-ask3 {
	margin-right: 0.1rem;
}
.recite-contribute-cooperate .ask .i-pu-arrowr-white {
	margin-left: 0.2rem;
}
.recite-contribute-cooperate .ask:active {
	background: #0c9f88;
}
.recite-contribute-cooperate .name {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.2rem;
}
.recite-contribute-cooperate .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;
}
.recite-contribute-cooperate .u-lab:last-child {
	margin-right: 0;
}
.recite-contribute-cooperate .u-lab.lab-bg1 {
	background-color: #f7f3e4;
	color: #855f42;
}
.recite-contribute-cooperate .u-lab.lab-bg2 {
	background-color: #e5f2fe;
	color: #356ed7;
}
.recite-contribute-cooperate .info {
	font-size: 0.6rem;
	color: #868ea3;
}

/* recite-contribute */
.recite-contribute {
	display: block;
	padding: 1rem 0.4rem;
	background-color: #f7f8fa;
	border-radius: 0.4rem;
}
.recite-contribute .flex-row {
	align-items: center;
}
.recite-contribute .photo {
	width: 3rem;
	height: 3rem;
	margin-right: 0.4rem;
}
.recite-contribute .photo img {
	border-radius: 50%;
}
.recite-contribute .name {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.2rem;
}

/* special-column-art */
.special-column-art {
	display: block;
	position: relative;
	background: url("../image/bg12.png") no-repeat;
	background-size: 100% 100%;
	width: 17.55rem;
	height: 17.9rem;
	margin-right: auto;
	margin-left: auto;
}
.special-column-art .photo {
	position: absolute;
	right: 0;
	top: -0.6rem;
	width: 6.8rem;
}
.special-column-art .photo img {
	display: block;
	width: 100%;
}
.special-column-art .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 11.4rem;
	background: url("../image/bg13.png") no-repeat;
	background-size: 100% 100%;
}
.special-column-art .lawyer {
	position: absolute;
	top: -0.6rem;
	right: 0;
	left: 0;
	z-index: 1;
	display: block;
	padding: 1.45rem 0.4rem 0;
}
.special-column-art .lawyer .name {
	font-size: 1.1rem;
	margin-top: 0.35rem;
	margin-left: 0.4rem;
	color: #523424;
	font-weight: bold;
}
.special-column-art .lawyer .info {
	margin-top: 0.6rem;
	padding: 0 0.6rem 0 0.4rem;
	background: linear-gradient(270deg, #f5f1eb 0%, #e6e0d8 90%, #c9c3bd 100%);
	border-radius: 0 0.7rem 0.7rem 0;
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: 0.6rem;
	color: #8a5d3a;
}
.special-column-art .lawyer .info span em {
	color: #523424;
	font-weight: 500;
}
.special-column-art .lawyer .info .line-vertical {
	border-right-color: #e0bc87;
}
.special-column-art .lawyer .txt {
	margin-top: 1.6rem;
	font-size: 0.6rem;
	color: #8a5d3a;
}
.special-column-art .lawyer .txt .i-zsdet12 {
	margin-right: 0.25rem;
}
.special-column-art .lawyer .txt .i-zsdet13 {
	margin-left: 0.25rem;
}
.special-column-art .lawyer .guarantee {
	margin-top: 0.6rem;
	text-align: center;
}
.special-column-art .lawyer .guarantee .gua-txt {
	font-size: 0.7rem;
	color: #523424;
}
.special-column-art .lawyer .guarantee .gua-disc {
	font-size: 0.6rem;
	color: #b3947a;
	margin-top: 0.3rem;
}
.special-column-art .handle {
	position: absolute;
	top: 14.3rem;
	right: 0;
	left: 0;
	justify-content: center;
}
.special-column-art .handle .handle-btn {
	height: 2.2rem;
	border-radius: 1.1rem;
	font-size: 0.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: 100% 100%;
}
.special-column-art .handle .handle-btn .ico-zsdet {
	margin-top: 0;
}
.special-column-art .handle .handle-btn.tel {
	width: 5.65rem;
	color: #db642a;
	background-image: url("../image/bg-btn03.png");
}
.special-column-art .handle .handle-btn.tel:active {
	background-image: url("../image/bg-btn03-active.png");
}
.special-column-art .handle .handle-btn.ask {
	width: 8.5rem;
	color: #fff9eb;
	background-image: url("../image/bg-btn04.png");
	margin-left: 0.6rem;
	position: relative;
	overflow: hidden;
}
.special-column-art .handle .handle-btn.ask .i-zsdet17 {
	margin-right: 0.1rem;
}
.special-column-art .handle .handle-btn.ask .i-zsdet18 {
	margin-left: 0.2rem;
}
.special-column-art .handle .handle-btn.ask:active {
	background-image: url("../image/bg-btn04-active.png");
}
.special-column-art .handle .handle-btn.ask:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4.4rem;
	height: 2.2rem;
	background: url("../image/bg11.png") no-repeat;
	background-size: 100% 100%;
	transform: translateX(-100%);
	animation: toRight 2s ease infinite;
}
@keyframes toRight {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	50% {
		-webkit-transform: translateX(8.5rem);
		transform: translateX(8.5rem);
	}
	100% {
		-webkit-transform: translateX(8.5rem);
		transform: translateX(8.5rem);
	}
}

/* special-local-art */
.special-local-art {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 16.95rem;
	padding-bottom: 0.8rem;
	min-height: 8.5rem;
	position: relative;
	border-radius: 0.6rem;
	overflow: hidden;
	border: 0.2rem solid #dae4f2;
}
.special-local-art .bg1 {
	position: absolute;
	top: -0.2rem;
	left: -0.2rem;
	width: 5.4rem;
	height: 8.3rem;
	background: url("../image/bg03.png") no-repeat;
	background-size: 100% 100%;
}
.special-local-art .bg2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4rem;
	height: 6rem;
	background: url("../image/bg04.png") no-repeat;
	background-size: 100% 100%;
}
.special-local-art .photo {
	position: absolute;
	top: 0.6rem;
	left: -0.2rem;
	width: 5rem;
}
.special-local-art .photo img {
	height: auto;
}
.special-local-art .photo:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5.4rem;
	height: 1.4rem;
	background: url("../image/bg05.png") no-repeat;
	background-size: 100% 100%;
}
.special-local-art .lawyer {
	position: relative;
	z-index: 1;
	padding: 0.8rem 0.2rem 0 4.85rem;
	display: block;
}
.special-local-art .lawyer .tit {
	line-height: 1.3rem;
}
.special-local-art .lawyer .name {
	font-size: 0.9rem;
	font-weight: bold;
	margin-right: 0.2rem;
}
.special-local-art .lawyer .u-lab {
	margin-right: 0.2rem;
	padding: 0 0.2rem;
	font-size: 0.5rem;
	border-radius: 0.1rem;
	line-height: 0.8rem;
	font-weight: 500;
}
.special-local-art .lawyer .u-lab:last-child {
	margin-right: 0;
}
.special-local-art .lawyer .u-lab.lab-bg1 {
	background-color: #f7f3e4;
	color: #855f42;
}
.special-local-art .lawyer .u-lab.lab-bg2 {
	background-color: #e5f2fe;
	color: #356ed7;
}
.special-local-art .lawyer .info {
	font-size: 0.5rem;
	color: #676f85;
}
.special-local-art .lawyer .info span em {
	color: #ff8638;
	font-weight: 500;
}
.special-local-art .lawyer .info .line-vertical {
	border-right-color: #dfe2e8;
	margin: -0.1rem 0.2rem 0;
	height: 0.4rem;
}
.special-local-art .lawyer .tag {
	height: 1.2rem;
	line-height: 1.1rem;
	background: linear-gradient(270deg, #f7fafc 0%, #edf3fa 100%);
	border-radius: 0.6rem;
	border: 0.05rem solid #e2e9f1;
	font-size: 0.6rem;
	color: #4d6799;
	padding: 0 0.4rem 0 2rem;
	position: relative;
}
.special-local-art .lawyer .tag .tag-ico {
	position: absolute;
	left: -0.05rem;
	top: -0.05rem;
	border: 0.05rem solid #b9d4ff;
	box-shadow: 0.05rem 0 0.2rem 0 rgba(70, 142, 250, 0.2);
	border-radius: 0.6rem;
	margin-top: 0;
	height: 1.2rem;
	padding: 0 0.05rem;
	background-color: #fff;
}
.special-local-art .lawyer .tag .icon-wheat-l,
.special-local-art .lawyer .tag .icon-wheat-r {
	color: #b3d1ff;
	font-size: 0.6rem;
}
.special-local-art .lawyer .tag .icon-wheat-l {
	margin-right: -0.3rem;
}
.special-local-art .lawyer .tag .icon-wheat-r {
	margin-left: -0.3rem;
}
.special-local-art .lawyer .tag .zc {
	font-size: 0.7rem;
	color: #468efa;
}
.special-local-art .handle {
	position: relative;
	z-index: 1;
	margin: 0.8rem 0 0 4.85rem;
}
.special-local-art .handle .handle-btn {
	height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem;
	border-radius: 0.8rem;
}
.special-local-art .handle .handle-btn.tel {
	width: 4.4rem;
	background: linear-gradient(180deg, #ffffff 0%, #ebf5ff 100%);
	border: 0.05rem solid #468efa;
	color: #356ed7;
}
.special-local-art .handle .handle-btn.tel:active {
	background: #e7edf2;
}
.special-local-art .handle .handle-btn.ask {
	margin-left: 0.6rem;
	width: 6.1rem;
	background: url("../image/bg-btn05.png");
	background-size: 100% 100%;
	color: #fff;
}
.special-local-art .handle .handle-btn.ask .ico-public {
	margin-top: 0;
}
.special-local-art .handle .handle-btn.ask .i-pu-ask3 {
	margin-right: 0.1rem;
}
.special-local-art .handle .handle-btn.ask .i-pu-arrowr-white {
	margin-left: 0.2rem;
}
.special-local-art .handle .handle-btn.ask:active {
	background-image: url("../image/bg-btn05-active.png");
}

/* information-flow-art */
.information-flow-art {
	display: block;
	width: 17.55rem;
	height: 10.3rem;
	background: url("../image/bg06.png") no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 1;
	padding: 0.55rem 0.4rem 0;
}
.information-flow-art .photo {
	position: absolute;
	bottom: 2.2rem;
	right: 0.75rem;
	width: 5.3rem;
	z-index: -1;
}
.information-flow-art .photo img {
	height: auto;
}
.information-flow-art .ask {
	position: absolute;
	top: 8.1rem;
	right: 0.6rem;
	width: 5.6rem;
	height: 1.8rem;
	border-radius: 0.9rem;
	text-align: center;
	line-height: 1.8rem;
	font-size: 0.8rem;
	color: #fff;
	background: url("../image/bg-btn06.png") no-repeat;
	background-size: 100% 100%;
}
.information-flow-art .local {
	position: relative;
	margin-left: 0.7rem;
	line-height: 1.1rem;
	border: 0.05rem solid #c0d2e8;
	background: #496a9a;
	background: linear-gradient(270deg, #8fa4bd 0%, #496a9a 100%);
	padding: 0 0.5rem 0 0.8rem;
	border-radius: 0 0.6rem 0.6rem 0;
	font-size: 0.6rem;
	color: #fff;
	font-weight: bold;
	margin-top: 0;
}
.information-flow-art .local .i-zsdet21 {
	position: absolute;
	top: -0.05rem;
	left: -0.5rem;
}
.information-flow-art .lawyer {
	margin: 1.45rem 0.8rem 0;
}
.information-flow-art .lawyer .tit {
	line-height: 1rem;
}
.information-flow-art .lawyer .tit .name {
	font-size: 1rem;
	color: #db642a;
	margin-right: 0.05rem;
	font-weight: bold;
}
.information-flow-art .lawyer .txt {
	font-size: 0.6rem;
	color: #59708f;
}
.information-flow-art .swiper-bar {
	height: 1.2rem;
	width: 10.55rem;
	margin: 0;
	border-radius: 0.6rem;
	background-color: #fff;
}
.information-flow-art .swiper-bar .userask-item {
	background-color: transparent;
}

/* baiki-artlawyer */
.baiki-artlawyer {
	width: 16.95rem;
	margin-left: auto;
	margin-right: auto;
	background: #fcf9f4;
	background: linear-gradient(180deg, #fcf9f4 0%, #fcfaf6 32%, #fcfbf9 100%);
	border-radius: 0.4rem;
	position: relative;
	z-index: 1;
	padding-bottom: 1rem;
}
.baiki-artlawyer .bg-wheat {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4rem;
	height: 6rem;
	background: url("../image/bg08.png") no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}
.baiki-artlawyer .i-zsdet7 {
	position: absolute;
	top: -0.3rem;
	left: 0;
}
.baiki-artlawyer .lawyer {
	position: relative;
	display: block;
	padding: 1rem 0.3rem 0 3.9rem;
}
.baiki-artlawyer .lawyer .photo {
	position: absolute;
	top: 1rem;
	left: 0.3rem;
	width: 3rem;
}
.baiki-artlawyer .lawyer .photo img {
	border-radius: 50%;
}
.baiki-artlawyer .lawyer .photo .i-zsdet25 {
	position: absolute;
	top: 2.6rem;
	left: 0;
}
.baiki-artlawyer .lawyer .tit {
	line-height: 1.2rem;
}
.baiki-artlawyer .lawyer .name {
	font-size: 0.8rem;
	font-weight: bold;
	margin-right: 0.1rem;
}
.baiki-artlawyer .lawyer .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;
}
.baiki-artlawyer .lawyer .u-lab:last-child {
	margin-right: 0;
}
.baiki-artlawyer .lawyer .u-lab.lab-bg1 {
	background-color: #f7f3e4;
	color: #855f42;
}
.baiki-artlawyer .lawyer .u-lab.lab-bg2 {
	background-color: #e5f2fe;
	color: #356ed7;
}
.baiki-artlawyer .lawyer .skill {
	font-size: 0.6rem;
	color: #414a5d;
}
.baiki-artlawyer .lawyer .info {
	font-size: 0.6rem;
	color: #676f85;
}
.baiki-artlawyer .lawyer .info span em {
	color: #ff8638;
	font-weight: 500;
}
.baiki-artlawyer .lawyer .info .line-vertical {
	border-right-color: #dfe2e8;
}
.baiki-artlawyer .lawyer .tag {
	color: #676f85;
	margin-left: -0.4rem;
	font-size: 0;
}
.baiki-artlawyer .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;
}
.baiki-artlawyer .handle {
	margin-left: 3.9rem;
}
.baiki-artlawyer .handle .handle-btn {
	height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem;
	border-radius: 0.8rem;
}
.baiki-artlawyer .handle .handle-btn.tel {
	width: 4.4rem;
	background: linear-gradient(180deg, #fff9f0 0%, #fcf0de 100%);
	border: 0.05rem solid #e6caaa;
	color: #754b2a;
}
.baiki-artlawyer .handle .handle-btn.tel:active {
	background: #f2e9dd;
}
.baiki-artlawyer .handle .handle-btn.ask {
	margin-left: 0.6rem;
	width: 6.6rem;
	background: url("../image/bg-btn07.png");
	background-size: 100% 100%;
	color: #66370a;
}
.baiki-artlawyer .handle .handle-btn.ask .ico-zsdet {
	margin-top: 0;
}
.baiki-artlawyer .handle .handle-btn.ask .i-zsdet8 {
	margin-right: 0.1rem;
}
.baiki-artlawyer .handle .handle-btn.ask .i-zsdet9 {
	margin-left: 0.2rem;
}
.baiki-artlawyer .handle .handle-btn.ask:active {
	background-image: url("../image/bg-btn07-active.png");
}

/* baiki-official */
.baiki-official {
	width: 16.95rem;
	margin-left: auto;
	margin-right: auto;
	background: #fcfcfd;
	background: linear-gradient(180deg, #f7f8fa 0%, #fcfcfd 100%);
	border-radius: 0.4rem;
	position: relative;
	z-index: 1;
	padding-bottom: 1rem;
}
.baiki-official .logo-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4rem;
	height: 6rem;
	background: url("../image/bg09.png") no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}
.baiki-official .lawyer {
	position: relative;
	display: block;
	padding: 1rem 0.3rem 0 3.9rem;
}
.baiki-official .lawyer .photo {
	position: absolute;
	top: 1rem;
	left: 0.3rem;
	width: 3rem;
}
.baiki-official .lawyer .photo img {
	border-radius: 50%;
}
.baiki-official .name {
	font-size: 0.8rem;
	font-weight: bold;
	margin-top: 0.5rem;
}
.baiki-official .info {
	margin-top: 0.6rem;
	line-height: 0.6rem;
	display: table;
	font-size: 0.5rem;
	color: #676f85;
}
.baiki-official .info .icon-wheat-l,
.baiki-official .info .icon-wheat-r {
	font-size: 0.6rem;
	margin-left: -0.15rem;
	margin-right: -0.15rem;
	color: #7dd0c9;
}
.baiki-official .info .ico-brand {
	margin-right: 0.1rem;
	margin-left: 0.1rem;
}
.baiki-official .info .line-vertical {
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	height: 1em;
}
.baiki-official .handle {
	margin-left: 3.9rem;
}
.baiki-official .handle .handle-btn {
	height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem;
	border-radius: 0.8rem;
}
.baiki-official .handle .handle-btn.tel {
	width: 4.4rem;
	border: 0.05rem solid #316e9d;
	color: #316e9d;
}
.baiki-official .handle .handle-btn.tel:active {
	background: #f3f3f3;
}
.baiki-official .handle .handle-btn.ask {
	margin-left: 0.6rem;
	width: 6.6rem;
	background: url("../image/bg-btn08.png");
	background-size: 100% 100%;
	color: #fff;
}
.baiki-official .handle .handle-btn.ask .ico-public {
	margin-top: 0;
}
.baiki-official .handle .handle-btn.ask .i-pu-ask3 {
	margin-right: 0.1rem;
}
.baiki-official .handle .handle-btn.ask .i-pu-arrowr-white {
	margin-left: 0.2rem;
}
.baiki-official .handle .handle-btn.ask:active {
	background-image: url("../image/bg-btn08-active.png");
}

/* popup-zs-baike */
.popup-zs-baike {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	visibility: hidden;
	max-width: 37.5rem;
	margin-left: auto;
	margin-right: auto;
}
.popup-zs-baike .bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.75;
}
.popup-zs-baike .pop-conts {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 0.8rem 0.8rem 0 0;
	background-color: #fff;
	padding: 2.6rem 0.9rem 1.6rem;
	transform: translateY(130%);
	transition: transform linear 0.3s;
}
.popup-zs-baike .pop-close {
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
	z-index: 1;
	cursor: pointer;
}
.popup-zs-baike .pop-tit {
	position: absolute;
	top: -0.6rem;
	left: 50%;
	margin-left: -5.55rem;
	width: 11.1rem;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
	background: url("../image/bg07.png") no-repeat;
	background-size: 100% 100%;
}
.popup-zs-baike .baike-txt dt {
	font-size: 0.8rem;
	color: #8a5d3a;
}
.popup-zs-baike .baike-txt dt .icon-wheat-l,
.popup-zs-baike .baike-txt dt .icon-wheat-r {
	font-size: 0.8rem;
	color: #d6a46a;
}
.popup-zs-baike .baike-txt dt .icon-wheat-l {
	margin-left: -0.15rem;
	margin-right: -0.1rem;
}
.popup-zs-baike .baike-txt dt .icon-wheat-r {
	margin-right: -0.15rem;
	margin-left: -0.1rem;
}
.popup-zs-baike .baike-txt dd {
	margin-top: 0.4rem;
	line-height: 1.1rem;
	font-size: 0.7rem;
	color: #676f85;
}
.popup-zs-baike.is-show {
	visibility: visible;
}
.popup-zs-baike.is-show .pop-conts {
	transform: translateY(0);
}
.popup-zs-baike.is-hide .pop-conts {
	transform: translateY(130%);
}

/* #3753 2022-09-22 LJ */
.detail-pic-show {
	position: relative;
}
.detail-pic-show img {
	width: 100%;
}
.detail-pic-show .contxt {
	position: absolute;
	top: 50%;
	left: 1.2rem;
	right: 1.2rem;
	margin-top: -2.4rem;
	width: 14.75rem;
	height: 4.8rem;
	background: url("../image/bg_imgbg.png") no-repeat;
	background-size: 100% 100%;
	color: #fff;
	line-height: 4.8rem;
	text-align: center;
	font-size: 0.8rem;
}
.detail-pic-show .contxt .vm {
	line-height: 1.2rem;
	padding-right: 0.8rem;
	padding-left: 0.8rem;
}

/* #6598 2022-11-30 LJ */
.cs-bar .special-local-art .lawyer .info span em,
.cs-bar .recommend-lawyer-list .lawyer-card .lawyer .info span em {
	color: #676f85;
}
.cs-bar .i-pu-star1 {
	background: url("../image/ico-star.png") no-repeat;
	background-size: 100% 100%;
}

/* #7751 2023-01-06 LJ */
/* balance-artlawyer */
.balance-artlawyer {
	display: block;
	position: relative;
	background-color: #f7f9fc;
	border-radius: 0.4rem;
	padding: 1rem 0.4rem 0.8rem;
	z-index: 1;
}
.balance-artlawyer .i-zsdet26 {
	position: absolute;
	top: -0.3rem;
	left: 0;
}
.balance-artlawyer .bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 3.35rem;
	height: 5rem;
	background: url("../image/bg14.png") no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}
.balance-artlawyer .photo {
	width: 3rem;
	height: 3rem;
	margin-right: 0.4rem;
}
.balance-artlawyer .photo img {
	border-radius: 50%;
}
.balance-artlawyer .ask {
	margin-top: 0.3rem;
	margin-left: 1.4rem;
	width: 5.1rem;
	height: 1.8rem;
	padding-left: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.9rem;
	color: #fff;
	font-size: 0.7rem;
	background: url("../image/bg-btn01.png") no-repeat;
	background-size: 100% 100%;
}
.balance-artlawyer .ask .ico-zsdet {
	margin-top: 0;
}
.balance-artlawyer .ask .i-pu-ask3 {
	margin-right: 0.1rem;
}
.balance-artlawyer .ask .i-pu-arrowr-white {
	margin-left: 0.2rem;
}
.balance-artlawyer .ask:active {
	background-image: url("../image/bg-btn01-active.png");
}
.balance-artlawyer .name {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.2rem;
}
.balance-artlawyer .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;
}
.balance-artlawyer .u-lab:last-child {
	margin-right: 0;
}
.balance-artlawyer .u-lab.lab-bg1 {
	background-color: #f7f3e4;
	color: #855f42;
}
.balance-artlawyer .u-lab.lab-bg2 {
	background-color: #e5f2fe;
	color: #356ed7;
}
.balance-artlawyer .info {
	font-size: 0.6rem;
	color: #868ea3;
}

/* #8688 LJ 2023-02-20 */
.online {
	display: inline-block;
	vertical-align: middle;
	margin: -0.1rem 0 0 0.1rem;
	padding: 0 0.1rem;
	background: #4cc733;
	border-radius: 0.1rem;
	font-size: 0.5rem;
	color: #fff;
	line-height: 0.7rem;
	font-weight: 600;
}

.ico-specail {
	background: url("../image/ico-specail.png") no-repeat;
	background-size: 8rem 7.5rem;
}
.i-specail14 {
	width: 2rem;
	height: 1.3rem;
	background-position: 0 -3rem;
}
.i-specail15 {
	width: 2rem;
	height: 1.3rem;
	background-position: -2.25rem -3rem;
}
.i-specail16 {
	width: 2rem;
	height: 1.3rem;
	background-position: -4.5rem -3rem;
}
/* popup-warm-prompt */
.popup-warm-prompt .bg {
	opacity: 0.6;
	background-color: #000;
}
.popup-warm-prompt .popup-bar {
	background: url("../image/bg15.png") no-repeat;
	background-size: 100% auto;
	width: 16.35rem;
}
.popup-warm-prompt .box-pad {
	padding: 1rem 0.8rem 0;
}
.popup-warm-prompt .pop-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 1.6rem;
	height: 1.6rem;
	padding: 0.6rem 0.6rem 0 0;
}
.popup-warm-prompt .pop-close .iconfont {
	font-size: 1rem;
	color: #b3b0a8;
}
.popup-warm-prompt .pop-tit {
	position: relative;
	color: #523424;
	font-size: 0.9rem;
	font-weight: 600;
}
.popup-warm-prompt .pop-tit-tip {
	font-size: 0.7rem;
	line-height: 1.1rem;
	color: #7a573d;
	margin-top: 0.6rem;
}
.popup-warm-prompt .art-lawyer {
	position: relative;
	padding: 1rem 5.4rem 0 0.6rem;
	margin-top: 1rem;
	height: 7.5rem;
	background: #fefaef;
	border-radius: 0.4rem;
}
.popup-warm-prompt .art-lawyer .photo {
	position: absolute;
	top: -0.6rem;
	right: 0;
	width: 5.4rem;
}
.popup-warm-prompt .art-lawyer .photo.small {
	top: 0.6rem;
	right: 0.6rem;
	width: 5rem;
	height: 5rem;
}
.popup-warm-prompt .art-lawyer .photo.small img {
	border-radius: 0.2rem;
}
.popup-warm-prompt .art-lawyer .tit {
	line-height: 1.1rem;
	text-align: left;
	display: table;
}
.popup-warm-prompt .art-lawyer .tit .name {
	font-size: 0.9rem;
	color: #523424;
}
.popup-warm-prompt .art-lawyer dl {
	display: flex;
	padding-right: 0.5rem;
	margin: 0.6rem 0 0 -0.3rem;
}
.popup-warm-prompt .art-lawyer dd {
	flex: 1;
}
.popup-warm-prompt .art-lawyer dd .ico-specail {
	display: block;
	margin: 0 auto 0.2rem;
}
.popup-warm-prompt .art-lawyer dd p {
	font-size: 0.6rem;
	color: #855f42;
	transform: scale(0.833);
}
.popup-warm-prompt .box-botm {
	position: relative;
	margin-top: -1.3rem;
	height: 7.4rem;
	padding: 2.1rem 1.6rem 0;
	background: url("../image/bg16.png") no-repeat;
	background-size: 100% auto;
}
.popup-warm-prompt .btn-block {
	position: relative;
	display: block;
	width: 13.15rem;
	height: 2.4rem;
	margin: auto;
	background: url("../image/btn_gold.png") no-repeat;
	background-size: cover;
	font-size: 0.8rem;
	color: #523424;
	line-height: 2.4rem;
}
.popup-warm-prompt .btn-block:active {
	background-image: url("../image/btn_gold_active.png");
}
.popup-warm-prompt .btn-block .lable {
	position: absolute;
	top: -0.45rem;
	right: 0;
	background: linear-gradient(270deg, #fe6e51 0%, #f54640 100%);
	border-radius: 0.45rem 0.45rem 0.45rem 0.1rem;
	border: 0.05rem solid #ffffff;
	padding: 0.15rem 0.3rem 0.1rem;
	font-size: 0.6rem;
	color: #fff;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}
.popup-warm-prompt .all {
	margin-top: 1rem;
	font-size: 0.7rem;
	color: #f4e2bd;
	opacity: 0.6;
}
.btn-move {
	animation: btnScale 1s infinite;
}
@keyframes btnScale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(1);
	}
}

/* submission */
.popup-warm-prompt.submission .popup-bar {
	background-image: url("../image/bg17.png");
}
.popup-warm-prompt.submission .pop-close .iconfont {
	color: #adb3bd;
}
.popup-warm-prompt.submission .pop-tit,
.popup-warm-prompt .art-lawyer .tit .name {
	color: #111f34;
}
.popup-warm-prompt.submission .pop-tit-tip {
	color: #676f85;
}
.popup-warm-prompt.submission .art-lawyer {
	background: #fff;
}
.popup-warm-prompt.submission .box-botm {
	background-image: url("../image/bg18.png");
}
.popup-warm-prompt.submission .btn-block {
	background: linear-gradient(270deg, #24c7a6 0%, #00b3a7 100%);
	box-shadow: 0 0.2rem 0.4rem 0 rgba(14, 178, 152, 0.3);
	border-radius: 1.2rem;
	color: #fff;
	z-index: 1;
}
.popup-warm-prompt.submission .btn-block:active:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.1;
	border-radius: 1.2rem;
	z-index: -1;
}
.popup-warm-prompt.submission .all {
	color: #868ea3;
}

/* platform */
.popup-warm-prompt.platform .popup-bar {
	width: 16.35rem;
	height: 17.7rem;
	background-image: url("../image/bg6.png");
}
.popup-warm-prompt.platform .pop-close .iconfont {
	color: #1c9a8a;
}
.popup-warm-prompt.platform .pop-tit,
.popup-warm-prompt.platform .pop-tit-tip {
	color: #fff;
}
.popup-warm-prompt.platform .pop-tit:before {
	content: "";
}
.popup-warm-prompt.platform .art-lawyer {
	background: transparent;
	padding: 1.2rem 5rem 0 0.6rem;
}
.popup-warm-prompt.platform .tit .name {
	color: #111f34;
}
.popup-warm-prompt.platform .data {
	padding-right: 0.25rem;
	margin-left: -0.5rem;
}
.popup-warm-prompt.platform .data dd {
	position: relative;
}
.popup-warm-prompt.platform .data dd:after {
	position: absolute;
	top: 0.25rem;
	right: 0;
	content: "";
	width: 0.05rem;
	height: 1.4rem;
	background-color: #f0f2f5;
}
.popup-warm-prompt.platform .data dd:last-child:after {
	width: 0;
}
.popup-warm-prompt.platform .data dd .n {
	color: #ff8638;
}
.popup-warm-prompt.platform .data dd .f-num {
	font-size: 0.9rem;
}
.popup-warm-prompt.platform .data dd .unit {
	font-size: 0.6rem;
	transform: scale(0.833);
	display: inline-block;
	vertical-align: middle;
	margin-top: 0.1rem;
	font-weight: bold;
}
.popup-warm-prompt.platform .data dd p {
	color: #414a5d;
	margin-top: 0.3rem;
}
.popup-warm-prompt.platform .box-botm {
	height: 6.9rem;
	padding-top: 1.6rem;
	background: transparent;
}
.popup-warm-prompt.platform .btn-block {
	background: linear-gradient(270deg, #24c7a6 0%, #00b3a7 100%);
	box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(14, 178, 152, 0.3);
	border-radius: 1.2rem;
	color: #fff;
	z-index: 1;
}
.popup-warm-prompt.platform .btn-block:active:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.1;
	border-radius: 1.2rem;
	z-index: -1;
}
.popup-warm-prompt.platform .all {
	color: #868ea3;
}

/* #9339 2023-03-03 */
/* .popup-warm-prompt .pop-close { display: none; } */

/* #9318 2023-03-13 */
.popup-warm-prompt.none {
	visibility: hidden;
	display: block !important;
	z-index: -1;
}
.popup-warm-prompt {
	visibility: visible;
	display: block;
}
.popup-warm-prompt.platform .popup-bar,
.popup-warm-prompt.submission .popup-bar {
	height: auto;
	background-color: #fff;
	border-radius: 0.4rem 0.4rem 0.8rem 0.8rem;
}
.popup-warm-prompt .box-botm {
	height: auto;
	padding: 2.1rem 0 1.2rem;
}
.popup-warm-prompt.platform .box-botm {
	height: auto;
	padding: 1.6rem 0 1.2rem;
	border-radius: 0 0 0.8rem 0.8rem;
}
.popup-warm-prompt .userask-item {
	background-color: rgba(163, 117, 39, 0.4);
	color: #faf1d7;
}
.popup-warm-prompt .userask-item .i-pu-userphoto {
	background: url("../image/user-fill.png") no-repeat;
	background-size: 100% 100%;
	margin-top: -0.05rem;
}
.popup-warm-prompt.submission .userask-item,
.popup-warm-prompt.platform .userask-item {
	background-color: #f7f8fa;
	color: #868ea3;
}
.popup-warm-prompt.submission .userask-item .i-pu-userphoto,
.popup-warm-prompt.platform .userask-item .i-pu-userphoto {
	background: url("../image/ico-public.png") no-repeat;
	background-size: 5.25rem 6.25rem;
	background-position: -3.75rem 0;
}

/* #9556 LJ 2023-04-03 */
/* fixed-top-msg */
.fixed-top-msg {
	position: fixed;
	left: 0.6rem;
	right: 0.6rem;
	top: 0;
	z-index: 200;
	transform: translateY(-100%);
	opacity: 0;
	transition: transform 0.2s linear, opacity 0.2s linear;
}
.fixed-top-msg .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.6rem;
	height: 1.6rem;
	padding: 0.6rem 0.6rem 0 0;
	z-index: 1;
	display: none;
}
.fixed-top-msg .close .iconfont {
	font-size: 1rem;
	color: #868ea3;
}
.fixed-top-msg .msg-con {
	display: block;
	padding: 0.8rem 0.6rem;
	background: #fff;
	box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.12);
	border-radius: 0.4rem;
}
.fixed-top-msg .new {
	position: relative;
}
.fixed-top-msg .new::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	box-sizing: border-box;
	width: 0.4rem;
	height: 0.4rem;
	background-color: #fe4c38;
	border-radius: 50%;
}
.fixed-top-msg .h20 {
	height: 1rem;
	font-size: 0.6rem;
	color: #a6acbd;
	line-height: 1.1rem;
}
.fixed-top-msg .h20 .photo {
	float: left;
	width: 1rem;
	height: 1rem;
	margin-right: 0.2rem;
}
.fixed-top-msg .h20 .name {
	float: left;
	color: #414a5d;
}
.fixed-top-msg .h20 .new:after {
	width: 0.35rem;
	height: 0.35rem;
	right: -0.1rem;
	border: 0.05rem solid #fff;
}
.fixed-top-msg .botm {
	display: flex;
	justify-content: space-between;
	margin-top: 0.6rem;
}
.fixed-top-msg .botm p {
	padding: 0.15rem 0;
	font-size: 0.7rem;
	line-height: 1.1rem;
	margin-right: 1rem;
}
.fixed-top-msg .botm .r-elem {
	display: flex;
	align-items: center;
}
.fixed-top-msg .botm .u-btn {
	width: 3rem;
	height: 1.4rem;
	background: #316e9d;
	border-radius: 0.75rem;
	font-size: 0.7rem;
	color: #fff;
	line-height: 1.4rem;
	text-align: center;
	padding-left: 0.3rem;
}
.fixed-top-msg .botm .u-btn .iconfont {
	font-size: 0.7rem;
}
.fixed-top-msg .right-hand {
	width: 1.1rem;
	height: 1rem;
	background: url("../image/emoji_right.png") no-repeat;
	background-size: 100% 100%;
}
.fixed-top-msg.is-show {
	transform: translateY(0.6rem);
	opacity: 1;
}

/* popup-hit */
.popup-hit {
	position: absolute;
	left: -2.95rem;
	top: 1rem;
	z-index: 10;
	width: 10rem;
	padding: 0.4rem 0.6rem;
	border-radius: 0.4rem;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0rem 0.1rem 1rem 0rem rgba(0, 0, 0, 0.2);
	font-size: 0.6rem;
	line-height: 0.9rem;
	color: #414a5d;
}
.popup-hit:before {
	position: absolute;
	left: 3rem;
	top: -0.25rem;
	content: "";
	border: 0.25rem solid transparent;
	border-bottom-color: #fff;
	border-top: none;
}
.popup-hit dt {
	font-size: 0.5rem;
	color: #868ea3;
	line-height: 1rem;
}

/* 2024-04-26 lj #21964 */
.lore-card-art {
	display: block;
	width: 17.15rem;
	margin-left: auto;
	margin-right: auto;
}
.lore-card-art .pic {
	display: block;
	width: 100%;
	height: auto;
}

/* 2024-11-04 28088 */
.zs-unfold .unfd-btn-bar {
	padding: 0 0.8rem 1.2rem;
}
.zs-unfold .unfd-btn-bar .txt {
	font-size: 0.75rem;
}
.zs-unfold .unfd-btn-bar .unfd-btn {
	background-color: #f7f8fa;
	display: block;
	padding: 0;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.8rem;
	font-weight: 600;
	color: #316e9d;
	border-radius: 0.4rem;
	margin-top: 0.8rem;
}
.zs-unfold .unfd-btn-bar:before {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, #ffffff 100%);
	bottom: 3.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-tw.ico-locat {
	width: 0.6rem;
	height: 0.7rem;
	background-position: -11rem -2.5rem;
}

/* swiper-h24 */
.swiper-h24 {
	height: 1.2rem;
	text-align: center;
}
/* 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 .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.3rem;
	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;
}
.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;
}

/* fixed-go-top */
.fixed-go-top {
	position: fixed;
	right: 0.8rem;
	bottom: 6rem;
	z-index: 100;
	display: none;
	width: 2rem;
	height: 2rem;
	padding-top: 0.4rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0rem 0rem 0.4rem 0rem rgba(0, 0, 0, 0.08);
	border: 1px solid #dfe2e8;
	font-size: 0.5rem;
	color: #414a5d;
	text-align: center;
}
.fixed-go-top .ico-tw {
	display: block;
	margin: 0 auto 0.1rem;
	width: 0.7rem;
	height: 0.5rem;
	background-position: -12.25rem -8.85rem;
}

/* #29155 2024-12-2 */
.zs-unfold .unfd-btn-bar .unfd-btn {
	color: #316e9d;
}
.zs-unfold .unfd-btn-bar .unfd-btn .iconfont {
	transform: rotate(90deg);
	display: inline-block;
	font-weight: normal;
}
.zs-unfold .unfd-btn-bar:before {
	height: 8.5rem;
}

/* #25408 2024-12-11 balance-artlawyer */
.balance-artlawyer .ask,
.recite-artlawyer .ask,
.recite-contribute-cooperate .ask {
	position: relative;
}
.balance-artlawyer .ask .light,
.recite-official .ask .light,
.recite-artlawyer .ask .light,
.recite-contribute-cooperate .ask .light {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1.8rem;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	border-radius: 0.9rem;
}
.balance-artlawyer .ask .light:before,
.recite-official .ask .light:before,
.recite-artlawyer .ask .light:before,
.recite-contribute-cooperate .ask .light:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3.6rem;
	height: 1.8rem;
	background: url("../image/ray.png") no-repeat;
	background-size: 100% 100%;
	transform: translateX(-100%);
	animation: banlanceLight 3s ease infinite;
	opacity: 0.6;
}

@keyframes banlanceLight {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	50% {
		-webkit-transform: translateX(8.7rem);
		transform: translateX(8.7rem);
	}

	100% {
		-webkit-transform: translateX(8.7rem);
		transform: translateX(8.7rem);
	}
}
