
body { background-color: #f8f8f8; }
.g-hd { background-color: #fff; }
.box-shadow { background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0, .15); }
.img-block img { display: block; width: 100%; height: 100%; }
.s-caaa { color: #aaa; }
.more-h80 { height: 80px; line-height: 80px; }
.borb0 { border-bottom: 0 !important; }
.pad0-b30 { padding: 0 0 30px 0 !important; }
.borb1 { border-bottom: 1px solid #eee; }
.borr1 { border-right: 1px solid #eee; }

.ect-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.w780 { width: 780px; }
.w400 { width: 400px; }

/* weizhi */
.weizhi { padding: 15px 0; color: #ccc }
.weizhi a { color: #bbb; }
.weizhi a:hover { color:#E64D3B; }
.weizhi span { color: #666; }

/* nav-title-h84 */
.nav-title-h84 { height: 84px; line-height: 84px; padding: 0 30px; border-bottom: 1px solid #eee; position: relative; }
.nav-title-h84 strong { font-size: 24px; color: #222; font-weight: 600; }
.nav-title-h84 strong .line { float: left; width: 4px; height: 22px; background-color: #01af63; margin: 32px 10px 0 0; }
	/**/
.nav-title-h84 .r-link-nv { overflow: hidden; }
.nav-title-h84 .r-link-nv a { float: left; font-size: 18px; color: #333; margin-left: 50px; }
.nav-title-h84 .r-link-nv a:hover, .nav-title-h84 .r-link-nv a.cur { color: #01af63; }
.nav-title-h84 .r-link-nv a.cur { position: relative; }
.nav-title-h84 .r-link-nv a.cur:after { 
	position: absolute; left: -15px; top: 50%; content: '';
	width: 4px; height: 4px; background-color: #01af63; border-radius: 50%;
}


/* lr-card */

.lr-card li { float: left; width: 50%; background-color: #fff; }
.lr-card li .card-bar { padding: 40px 30px; height: 154px; }
.lr-card li:hover { 
	position: relative; z-index: 10;
	background-color: #fff; box-shadow: 0 -4px 12px rgba(25,28,31, .08), 0 12px 18px rgba(25,28,31, .2); 
}
.card-bar .lr-info { height: 100px; }
.card-bar .lr-info .img-block { float: left; width: 100px; height: 100px; margin-right: 30px; }
.card-bar .lr-info .img-block img { border-radius: 50%; }
.card-bar .lr-info .name { font-size: 18px; font-weight: 600; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 6px; }
.card-bar .lr-info .name .i-ms79 { margin: -3px 0 0 10px; }
.card-bar .lr-info p { font-size: 14px; color: #666; line-height: 22px; height: 22px; overflow: hidden; }
.card-bar .lr-info .law-ensure { overflow: hidden; margin-top: 5px; }
.card-bar .txt { font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; margin-top: 20px; }
	/**/
.law-ensure .ico-ft { float: left; margin: 5px 4px 0 0; }
.law-ensure em { float: left; margin-left: 10px; }

/* zixun-hf-bar */
.news-zixun-bar { padding: 10px 30px 30px; }
.zixun-hf-bar .dt-item { padding-top: 25px; padding-bottom: 26px; border-bottom: 1px dashed #ddd;  }
.zixun-hf-bar .time { font-size: 12px; color: #bbb; }
.zixun-hf-bar h3 { height: 20px; overflow: hidden; font-size: 16px; margin-top: 13px; }
.zixun-hf-bar h3 a {  }
.zixun-hf-bar .info { overflow: hidden; font-size: 14px;  margin-top: 20px; }
.zixun-hf-bar .info .photo { float: left; width: 40px; height: 40px; margin: 3px 20px 0 0; }
.zixun-hf-bar .info .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.zixun-hf-bar .info .lawyer { color: #bbb; height: 20px; overflow: hidden; }
.zixun-hf-bar .info .lawyer a { color: #bbb; }
.zixun-hf-bar .info .huifu { color: #999; height: 20px; overflow: hidden; margin-top: 5px; }
	/**/
.zixun-xg-bar { padding: 30px 30px; }
.zixun-xg-bar .dt-item { padding-bottom: 26px; }
.zixun-xg-bar .borb0 { border-bottom-color: #fff; }
	/**/
.zixun-hf-bar .dt-bar { height: 140px; position: relative; z-index: 1; }
.zixun-hf-bar .dt-bar .dt-item { position: absolute; left: 0; top: 0; }
.zixun-hf-bar .dt-bar .info .btn { float: right; margin-top: 30px; display: block; display: none; }
.zixun-hf-bar .currer { z-index: 10; }
.zixun-hf-bar .currer .dt-item { 
	left: -30px; padding-left: 30px; padding-right: 30px; width: 720px; 
	background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .15);
	border-bottom: none; 
}
.zixun-hf-bar .currer .info .btn { display: block; }

/* office-table */
.office-table { width: 100%; }
.office-table th, .office-table td { height: 80px; border-bottom: 1px solid #eee; font-size: 18px; text-align: center; }
.office-table td { color: #333; }
.office-table tr:last-child td { border-bottom: none; }

/* wz-list */
.wz-list {}
.wz-list li { padding: 20px 30px; overflow: hidden; border-bottom: 1px dashed #eee; }
.wz-list li:hover { 
	position: relative; z-index: 10;
	background-color: #fff; box-shadow: 0 -4px 12px rgba(25,28,31, .08), 0 12px 18px rgba(25,28,31, .2); 
}
.wz-list li .img-block { float: left; width: 310px; height: 190px; margin-right: 20px; }
.wz-list li h3 { font-size: 20px; line-height: 30px; font-weight: 600; max-height: 60px; overflow: hidden; }
.wz-list li p { font-size: 14px; line-height: 22px; color: #666; max-height: 66px; overflow: hidden; margin-top: 12px; }
.wz-list li .info { overflow: hidden; margin-top: 24px; }
.wz-list li .info span { float: left; color: #aaa; margin-right: 35px; }
.wz-list li .info .ico-wen { vertical-align: middle; margin: -2px 5px 0 0; }

/* txt-list */
.txt-list li { height: 46px; line-height: 46px; overflow: hidden; }
.txt-list li .dot { float: left; width: 4px; height: 4px; background-color: #aaa; }
.txt-list li span { float: right; font-size: 14px; color: #bbb; margin-left: 10px; }
.txt-list li a { font-size: 16px; }

/* bk-tu-bar */
.bk-tu-bar { padding: 10px 30px 0; height: 260px; position: relative; }
.bk-tu-bar .bg-pa { 
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
	padding: 45px 270px 0; color: #fff; text-align: center;
}
.bk-tu-bar .bg-pa h3 { font-size: 26px; font-weight: 600; line-height: 34px; height: 34px; overflow: hidden; }
.bk-tu-bar .bg-pa h3 .i-ht17 { margin: -3px 10px 0 0; }
.bk-tu-bar .bg-pa .f16 { font-size: 16px; line-height: 28px; height: 112px; overflow: hidden; position: relative; margin-top: 20px; }
.bk-tu-bar .bg-pa .i-l { position: absolute; left: -30px; top: 0; }
.bk-tu-bar .bg-pa .i-r { position: absolute; right: -30px; bottom: 0; }
.bk-tu-bar .bg-pa .info { height: 20px; margin-top: 15px; }
.bk-tu-bar .bg-pa .info span { margin: 0 20px; opacity: .5; }
.bk-tu-bar .bg-pa .info .ico-wen { margin: -3px 5px 0 0; }

/* bk-tab-bar */
.bk-tab-bar { padding: 0 30px; }
.bk-tab-bar .tab-nav { height: 50px; background-color: #eee; }
.bk-tab-bar .tab-nav span { 
	float: left; width: 25%; line-height: 50px; 
	font-size: 18px; color: #666; text-align: center; 
	position: relative; cursor: pointer;
}
.bk-tab-bar .tab-nav span .arrow { 
	position: absolute; left: 50%; bottom: -16px; margin-left: -8px; display: none;
	border-width: 8px; border-top-style: solid; border-top-color: #01af63; 
}
.bk-tab-bar .tab-nav span.cur { background-color: #01af63; color: #fff; }
.bk-tab-bar .tab-nav span.cur .arrow { display: block; }
.bk-tab-bar .tab-item { }
.bk-tab-bar .tab-item .bk-txt { padding: 40px 0; font-size: 18px; line-height: 32px; color: #333; }
.bk-tab-bar .tab-item .more-h80 { border-top: 1px solid #eee; }

/* inf-item */
.inf-item { padding: 30px; color: #333; line-height: 36px; }

/* tag-bar */
.tag-bar { }
.tag-bar .tag-tab-nv { height: 84px; line-height: 84px; padding: 0 30px; border-bottom: 1px solid #eee; position: relative; } 
.tag-bar .tag-tab-nv span { float: left; font-size: 24px; color: #666; cursor: pointer; margin-right: 50px; }
.tag-bar .tag-tab-nv span.cur { color: #01af63; }
	/**/
.tag-bar .tag-list { padding: 0 20px 40px; overflow: hidden; margin-top: 35px; }
.tag-bar li { float: left; width: 25%; }
.tag-bar li a { 
	display: block; height: 50px; overflow: hidden; background-color: #eee; 
	font-size: 18px; line-height: 50px; color: #666; text-align: center; margin: 10px;
}
.tag-bar li a:hover { background-color: #eee; color: #666; }


/* 2022-07-14 #581 */
.precise-words-card { width: 400px; height: 140px; }
.precise-words-card .pagination { position: absolute; right: 0; left: 0; bottom: 8px; text-align: center; line-height: 1; font-size: 0; }
.precise-words-card .pagination span { display: inline-block; width: 12px; height: 2px; border-radius: 2px; background-color: #fff; opacity: .3; margin: 0 2px; }
.precise-words-card .pagination .swiper-active-switch { opacity: 1; }
.precise-card { display: block; position: relative; }
.precise-card .pic { display: block; width: 100%; height: 100%; }
.precise-card .arrow { display: inline-block; vertical-align: middle; margin: -3px 0 0 4px; width: 20px; height: 20px; background: url('../ui_v3/pc/pic/jingzhun/ico-arrow.png') no-repeat; }
.precise-card .creat { display: inline-block; vertical-align: middle; margin: -3px 0 0 4px; border-width: 4px 0 4px 4px; border-style: solid; border-color: transparent transparent transparent #435082; }
.precise-card .cont { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 22px; line-height: 140px; color: #fff; }
.precise-card .cont .vm { display: inline-block; vertical-align: middle; margin-top: -3px; line-height: 1; width: 100%; }
.precise-card .cont .tit { font-size: 28px; font-weight: bold; text-align: center; }
.precise-card .cont .txt { margin-top: 16px; font-size: 20px; text-align: center; }
.precise-card .cont .more { font-size: 20px; line-height: 26px; }
.precise-card .cont .ask { display: inline-block; vertical-align: middle; margin-top: 12px; padding: 0 16px; line-height: 32px; font-size: 16px; color: #435082; border-radius: 16px; background-color: #fff; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.08); }

/* precise-recom */
.precise-recom { padding: 28px 30px 30px; }
.precise-recom .title { font-size: 20px; line-height: 28px; color: #333; font-weight: bold; }
.precise-recom .list li { margin-top: 20px; font-size: 16px; }
.precise-recom .list a { display: list-item; }

/* newask_bar */
.newask_bar { padding: 27px 30px 0; }
.newask_list li { padding: 14px 0 18px; border-bottom: 1px solid #eee; }
.newask_list .hide { display: none; }
.newask_list .tit { font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; }
.newask_list .info { font-size: 12px; color: #999; margin-top: 6px; }
.more-all-ask { height: 54px; line-height: 54px; text-align: center; color: #999; cursor: pointer; }
.nav_f18 { line-height: 28px; }
.nav_f18 h2 { font-size: 20px; font-weight: bold; color: #333; }

/** #3507 LQ 2022-10-13 */
.tips-f14 { 
	padding: 40px; border-bottom: 1px solid #f2f2f2; 
	font-size: 14px; line-height: 22px; color: #999; text-align: center; 
}
.bg-ff { background-color: #fff; }

/* nav-f24-plr20 */
.nav-f24-plr20 { padding: 30px 20px 0; height: 36px; }
.nav-f24-plr20 strong { float: left; max-width: 290px; font-size: 24px; color: #333; line-height: 36px; }
.nav-f24-plr20 .more { font-size: 14px; color: #999; margin: 10px 0 0 0; }

/* txt-list */
.txt-list { padding: 18px 20px; }
.txt-list li { height: 42px; line-height: 42px; }
.txt-list li a { display: block; }

/* tab-around */
.tab-around .tab-nav { height: 32px; line-height: 32px; }
.tab-around .tab-nav .nav-item { 
	position: relative; float: left; padding-right: 12px; margin-right: 12px; 
	font-size: 24px; color: #666; cursor: pointer; 
}
.tab-around .tab-nav .nav-item:after { position: absolute; top: 8px; right: 0; content: ''; width: 1px; height: 18px; background: #e6e6e6; }
.tab-around .tab-nav .nav-item.is-this { color: #02AF63; font-weight: 600; }
.tab-around .tab-nav .nav-item:last-child { margin-right: 0; padding-right: 0; }
.tab-around .tab-nav .nav-item:last-child:after { width: 0; }

/* around-list */
.around-list { padding: 10px 20px 30px; }
.around-list li { padding: 0 12px; height: 50px; line-height: 50px; background: #F5F5F5; border-radius: 4px; margin-top: 0px; }
.around-list li a { font-size: 18px; }

/* #18379 2023-11-23 */
.mt-18 { margin-top: -18px !important; }

/* nav-f24 */
.nav-f24 { position: relative; padding: 24px 30px; height: 36px; line-height: 36px; }
.nav-f24.botm-line { border-bottom: 1px solid #eee; }
.nav-f24.left-line { padding-left: 46px; }
.nav-f24.left-line:after { 
	position: absolute; left: 30px; top: 31px; content: '';
	width: 4px; height: 22px; background-color: #01af63;
}
.nav-f24 .tit { font-size: 24px; color: #333; font-weight: 600; }

/* lawyer-list */
.lawyer-list li { float: left; width: 50%; height: 250px; padding: 30px; box-sizing: border-box; border-bottom: 1px solid #eee; transition: .2s linear; } 
.lawyer-list li:nth-child(2n) { border-left: 1px solid #eee; }
.lawyer-list li .h110 { position: relative; display: block; height: 110px; }
.lawyer-list li .photo { float: left; width: 110px; height: 110px; margin-right: 12px; }
.lawyer-list li .photo img { border-radius: 7px; }
.lawyer-list li .info dt { height: 28px; line-height: 28px; }
.lawyer-list li .info .name { float: left; font-size: 20px; color: #333; max-width: 180px; }
.lawyer-list li .info .i-ms79 { float: left; margin: 4px 0 0 8px; }
.lawyer-list li .info dd { position: relative; padding-left: 50px; font-size: 14px; line-height: 22px; color: #666; margin-top: 8px; }
.lawyer-list li .info dd.ect-clamp { height: 44px; }
.lawyer-list li .info dd .lable { position: absolute; left: 0; top: 0; width: 60px; color: #999; }
.lawyer-list li .law-ensure { height: 22px; }
.lawyer-list li .law-ensure .ico-ft { float: left; width: 14px; height: 14px; margin: 4px 4px 0 0; }
.lawyer-list li .law-ensure .num { float: left; margin-left: 4px; font-size: 16px; color: #F45F00; }
.lawyer-list li .intro { font-size: 14px; color: #666; line-height: 22px; height: 22px; margin-top: 12px; }
.lawyer-list li .other { margin-top: 16px; height: 60px; padding: 4px 8px; box-sizing: border-box; background: url('../ui_v3/pc/pic/icon/bg-adress.png'); background-size: cover; }
.lawyer-list li .other dd { padding: 4px 0 4px 20px; font-size: 12px; color: #999; line-height: 18px; background-repeat: no-repeat; background-position: 0 8px; }
.lawyer-list li .other dd.office { background-image: url('../ui_v3/pc/pic/icon/office.png'); }
.lawyer-list li .other dd.area { background-image: url('../ui_v3/pc/pic/icon/area.png'); }
.lawyer-list li:hover { box-shadow:  0 5px 10px rgba(0, 0, 0, .15); }
.lawyer-list li .h110:hover .info .name { color: #F45F00; }

/* hot-tag */
.hot-tag { padding: 0 0 20px 30px; }
.hot-tag a { float: left; margin: 0 20px 10px 0; padding: 10px; font-size: 14px; line-height: 16px; background-color: #f5f5f5; }
.hot-tag a:hover { background-color: #EBFAF6; color: #1AC095; }

/* other-ask-list */
.other-ask-list { padding: 0 30px; }
.other-ask-list li { position: relative; padding: 18px 0 22px 24px; }
.other-ask-list li:before {
    position: absolute; top: 21px; left: 0; width: 16px; height: 16px; content: ''; 
    background: url('../ui_v3/pc/pic/lawyerhome_2023/ico-wen.png') no-repeat;
}
.other-ask-list li:after {
	position: absolute; left: 24px; right: 0; bottom: 0; content: '';
	height: 1px; background-color: #F0F2F5;
}
.other-ask-list li:last-child:after { height: 0; }
.other-ask-list li .tit a { font-size: 16px; line-height: 22px; color: #111F34; }
.other-ask-list li .tit a:hover { color: #1AC095; }
.other-ask-list li .txt { font-size: 14px; line-height: 22px; color: #414A5D; margin-top: 12px; }
.other-ask-list li .other { height: 32px; margin-top: 16px; }
.other-ask-list li .other .lawyer { 
	float: left; height: 32px; padding-right: 24px; border-radius: 32px; 
	background: #F7F8FA url('../ui_v3/pc/pic/icon/jt_right.png') no-repeat right 8px top 10px;
}
.other-ask-list li .other .lawyer img { float: left; width: 32px; height: 32px; border-radius: 50%; }
.other-ask-list li .other .lawyer span { float: left; margin: 6px 0 0 8px; font-size: 12px; color: #414A5D; }
.other-ask-list li .other .lawyer:hover { background-color: #EAEBED; }
.other-ask-list li .other .time { float: right; margin-top: 6px; color: #868EA3; }





