@charset "utf-8";
/**/
.w830 { width: 830px; }
.w810 { width: 810px; }
.w600 { width: 600px; }
.w340 { width: 340px; }
.w230 { width: 230px; }

/* icon */
.icon-zmk { background: url('/images/icon-zmk.png') no-repeat; vertical-align: middle; display: inline-block; }
.i-zmk1 { width: 17px; height: 24px; background-position: 0 0; }
.i-zmk2 { width: 20px; height: 24px; background-position: -25px 0; }
.i-zmk3 { width: 23px; height: 22px; background-position: -55px 0; }
.i-zmk4 { width: 17px; height: 16px; background-position: -85px 0; }
.i-zmk5 { width: 16px; height: 16px; background-position: -110px 0; }
.i-zmk6 { width: 12px; height: 16px; background-position: -135px 0; }
.i-zmk7 { width: 14px; height: 8px; background-position: -160px 0; }
.i-zmk8 { width: 6px; height: 11px; background-position: -190px 0; }
.i-zmk9 { width: 6px; height: 11px; background-position: -180px 0; }

.arrow {
	display: inline-block; width: 0; height: 0;
	font-size: 0; line-height: 0; vertical-align: -2px; 
	border: 0 dashed transparent; border-width: 6px;
}

/**/
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.mt60 { margin-top: 60px; }

.icon-dot { float: left; width: 6px; height: 6px; line-height: 0; background-color: #dfdfdf; border-radius: 3px; overflow: hidden; }


/* chartlet-img */
.chartlet-img, .chartlet-img img { display: block; }

/* hd-menu-auto */
.hd-menu.hd-menu-auto li a { width: auto; padding: 0 26px; }

	/* left-nav */
.left-nav { 
	float: left; width: 180px; height: 45px; 
	background-color: #4b93d7; padding: 0 30px; 
	font-size: 16px; color: #fff; line-height: 44px; 
	cursor: default; position: relative; z-index: 100;
}
.left-nav .i-zmk7 { float: right; margin-top: 18px; }
		/**/
.left-nav .l-nav-list { 
	position: absolute; left: 0; top: 45px; 
	width: 338px; background-color: #fff; border: 1px solid #f5f5f5; border-top: none;
	box-shadow: 0 8px 14px rgba(51,51,51, .1); 
	display: none;
}
.left-nav .l-nav-list .n-l-bar {}
.left-nav .l-nav-list .n-l-item { 
	height: 48px; line-height: 48px; 
	padding: 0 20px;
	font-size: 14px; position: relative; 
}
.left-nav .l-nav-list .n-l-item .n-l-line { border-bottom: 1px solid #eee; }
.left-nav .l-nav-list .n-l-item span { color: #aaa; }
.left-nav .l-nav-list .n-l-item .i-zmk8 { float: right; margin-top: 18px; }
		/**/
.n-l-more { 
	position: absolute; left: 339px; top: 0; 
	width: 798px; background-color: #fff; padding: 30px; 
	border: 1px solid #f5f5f5; border-left: none;
	box-shadow: 0 8px 14px rgba(51,51,51, .1); 
	display: none;
}
.n-l-more .tit-nav  { line-height: 26px; margin-bottom: 25px; }
.n-l-more .tit-nav h2 { font-size: 24px; color: #222; }
.n-l-more dd { float: left; width: 50%; line-height: 32px; height: 32px; overflow: hidden; }

/* be-nav */
.be-nav { font-size: 16px; line-height: 18px; border-left: 4px solid #358bfb; padding-left: 10px; overflow: hidden; }
.be-nav-noline { padding-left: 0; border-left: none; }

/* nav-f24 */
.nav-f24 { line-height: 26px; overflow: hidden; }
.nav-f24 h2 { font-size: 24px; float: left; margin-right: 10px; }

/* hot-zm */
.hot-zm {  }
.hot-zm li { float: left; margin: 0 15px 15px 0; }
.hot-zm li a { float: left; height: 24px; line-height: 24px; padding: 0 12px; border-radius: 12px; font-size: 14px; color: #666; white-space: nowrap; }
.hot-zm li a:hover { background-color: #f8ba25; color: #fff; }

/* diqu-lr */
.diqu-lr li { float: left; margin-right: 35px; }
.diqu-lr li a { font-size: 14px; color: #666; line-height: 42px; }
.diqu-lr li a:hover { color: #f60; }

/* ranking-list */
.ranking-list {}
.ranking-list li { line-height: 16px; height: 16px; overflow: hidden; margin-bottom: 20px; }
.ranking-list li em { float: left; width: 16px; height: 16px; text-align: center; background-color: #bbb; color: #fff; margin-right: 10px; }
.ranking-list li a { font-size: 14px; }
.ranking-list li span { float: right; color: #bbb; margin-left: 20px; }
.ranking-list li.oe em { background-color: #f8ba25; }

/* related-zx */
.related-zx {}
.related-zx li { padding: 20px 0; border-bottom: 1px dotted #eee; }
.related-zx li h2 { font-size: 14px; line-height: 24px; max-height: 48px; _height:48px; overflow: hidden; }
.related-zx li .hf-lr { line-height: 40px; color: #999; font-family: 'Microsoft YaHei'; margin-top: 5px; }
.related-zx li .hf-lr .lr-img { float: left; margin-right: 10px; }
.related-zx li .hf-lr .lr-img img { float: left; width: 40px; height: 40px; border-radius: 20px; position: relative; margin-right:5px; }
/*.related-zx li .hf-lr .lr-img .p1 { z-index: 3; }
.related-zx li .hf-lr .lr-img .p2 { margin-left: -10px; z-index: 2; }
.related-zx li .hf-lr .lr-img .p3 { margin-left: -10px; z-index: 1; }*/

/* lr-show */
.lr-show {}
.lr-show li { float: left; width: 150px;margin-right: 20px; position: relative; }
.lr-show li .photo { display: block; width: 150px; height: 150px; overflow: hidden; border-radius: 4px; }
.lr-show li .photo img { display: block;  }
.lr-show li h4 { font-size: 16px; margin: 8px 0 3px; text-align: center; }
.lr-show li h4 a { display: block; line-height: 20px; }
.lr-show li .title { color: #bbb; text-align: center; }
.lr-show li .expert-info { position: absolute; left: 0; top: 180px; }

/* expert-info */
.ico-consult {
    display: inline-block; vertical-align: middle; overflow: hidden;
    background:url('/css/images/ico-consult.png') no-repeat;
}
.i-cot25, .i-cot26, .i-cot27, .i-cot28 { width:21px; height:18px; }
.i-cot25 { background-position:-180px -105px; }
.i-cot26 { background-position:-210px -105px; }
.i-cot27 { background-position:-240px -105px; }
.i-cot28 { background-position:-270px -105px; }
	/**/
.expert-info {
    position:absolute; z-index: 10;
    padding:25px 20px; width:320px;
    background-color:#fff; border-top:2px solid #fff; 
    box-shadow:0 2px 7px rgba(0,0,0,.15);
    display: none; margin-left: -210px; margin-top: 5px;
}
.expert-info-a { display:block; left:0; top:62px; }
.expert-info-b { display:block; left:79px; top:24px; }
.expert-info-c { display:block; left:0; top:50px; }
.expert-info-d { display:block; left:65px; top:20px; }
.expert-info .u-btn {
    padding:0 10px;
    border-color:#63afee;
    background-color:#63afee;
    color:#fff;
}
.expert-info .u-btn:hover { color:#fff;  opacity:.9; }
.s-ceae { color:#eaeaea; }
.s-cbbb { color:#bbb; }
.exp-rz span { margin-right:20px; }
.exp-rz span.s-cbbb .i-cot25 { background-position:-240px -105px; }
.exp-rz span.s-cbbb .i-cot26 { background-position:-270px -105px; }
.expert-info .h48 { height:48px; overflow:hidden; }
.expert-info ul li {
    float:left;
    width:106px;
    text-align:center;
    border-right:1px solid #eaeaea;
    margin-right: 0;
}
.expert-info ul li.borr0 { border-right:0; }
.expert-info ul li p { color:#999; margin-top:5px; }
.expert-info-one { border-top-color:#f9bb57; }
.expert-info-two { border-top-color:#ff9600; }
.expert-info-three { border-top-color:#ff6600; }
.expert-info-one .u-btn { border-color:#f9bb57; background-color:#f9bb57; }
.expert-info-two .u-btn { border-color:#ff9600; background-color:#ff9600; }
.expert-info-three .u-btn { border-color:#ff6600; background-color:#ff6600; }
.expert-info-one .exp-rz .i-hjia { width:17px; height:16px; background-position:-70px -105px; }
.expert-info-two .exp-rz .i-hjia { width:20px; height:16px; background-position:-95px -105px; }
.expert-info-three .exp-rz .i-hjia { width:20px; height:16px; background-position:-125px -105px; }
.expert-info-one ul li span,
.expert-info-two ul li span,
.expert-info-three ul li span { color:#ff6600; }
.expert-info-one ul li p,
.expert-info-two ul li p,
.expert-info-three ul li p { color:#666; }
.expert-info .arrow-top { position:absolute; right:69px; top:-13px; border-width:6px; border-bottom-color:#fff; }
.expert-info-one .arrow-top { border-bottom-color:#f9bb57; }
.expert-info-two .arrow-top { border-bottom-color:#ff9600; }
.expert-info-three .arrow-top { border-bottom-color:#ff6600; }


/* zm-list */
.zm-list { }
.zm-list li { position: relative; height: 102px; margin-bottom: 10px;  }
.zm-list li .zm-bar { position: absolute; z-index: 1; width: 100%; padding: 20px 0; background-color: #f9f9f9; overflow: hidden; }
.zm-list li .be-nav { border: none; border-left: none; padding: 0 20px; color: #999; }
.zm-list li .zuiming-item { padding: 0 20px; font-size: 14px; line-height: 36px; height: 36px; overflow: hidden; margin-top: 8px; }
.zm-list li .zuiming-item a { }
.zm-list li .zuiming-item .line { width: 0; height: 15px; border-left: 1px solid #cdcdcd; margin: 11px 13px 0; }
.zm-list li:hover .zm-bar { background-color: #fff; box-shadow: 0 6px 20px rgba(0,0,0, .08); z-index: 3; padding-bottom: 7px; }
.zm-list li:hover .be-nav { border-left: 4px solid #358bfb; padding-left: 16px; color: #333; }
.zm-list li:hover .be-nav a.s-cbbb { color: #f8ba25; }
.zm-list li:hover .zuiming-item { height: 72px; }
	/**/
.zm-list-gc li p { font-size: 14px; color: #aaa; line-height: 36px; }
.zm-list-gc li .tag a { float: right; font-size: 12px; }
.zm-list-gc li .tag .line { float: right; border-color: #444; height: 14px; }

/* hot-zt */
.hot-zt { border-left: 1px solid #eee; height: 510px; }
.hot-zt .ranking-list li { position: relative; padding-left: 25px; margin-bottom: 28px; }
.hot-zt .ranking-list li em { position: absolute; left: 0; top: 0; }
.hot-zt .ranking-list li a { display: block; height: 16px; overflow: hidden; }
.hot-zt .ranking-list li p { line-height: 18px; color: #bbb; height: 36px; overflow: hidden; margin-top: 14px; }
.hot-zt .ranking-list li.currer { height: auto; margin-bottom: 23px; _height: 66px; }

/* xiangguan-tui */
.xiangguan-tui {}
.xiangguan-tui h2 { font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; }
.xiangguan-tui p { font-size: 14px; line-height: 24px; color: #999;  height: 72px; overflow: hidden; }

/* list-f16 */
.list-f16 {}
.list-f16 li { font-size: 16px; line-height: 42px; height: 42px; overflow: hidden; }
.list-f16 .icon-dot { margin: 18px 19px 0 0; }

/* hot-city */
.hot-city {}
.hot-city li { float: left; width: 16.66%; height: 44px; overflow: hidden; font-size: 14px; line-height: 44px; }
.hot-city li .icon-dot { margin: 19px 10px 0 0; }
.hot-city li a { color: #666; }
.hot-city li a:hover { color: #f60; }

/* page-turn */
.page-turn { font-size: 16px; color: #aaa; text-align: center; }
.page-turn span, .page-turn a { margin: 0 10px; }
.page-turn em { color: #333; }

/* hp-lr-tui */
.hp-lr-tui { }
.hp-lr-tui li { float: left; width: 250px; height: 230px; border-radius: 4px; /*overflow: hidden; */margin: 30px 30px 0 0; position: relative; }
.hp-lr-tui li.mr0 { margin: 30px 0 0 0 !important; }

/* xg-zx-list */
.xg-zx-list {}
.xg-zx-list li { padding: 30px 20px; background-color: #f9f9f9; margin-bottom: 10px; }
.xg-zx-list li h3 { font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; }
.xg-zx-list li .huifu { height: 24px; overflow: hidden; color: #999; margin-top: 20px; }
.xg-zx-list li .huifu span { float: left; padding: 0 6px; background-color: #1fc883; color: #fff; position: relative; margin-right: 14px; }
.xg-zx-list li .huifu span .arrow { 
	position: absolute; top: 5px; right: -10px;
	border-width: 5px; border-left-style: solid; border-left-color: #1fc883; 
}
.xg-zx-list li .huifu span.bg-oe { background-color: #f8ba25; }
.xg-zx-list li .huifu span.bg-oe .arrow { border-left-color: #f8ba25; }

.xg-zx-list li .hf-lr { height: 40px; line-height: 40px; }
.xg-zx-list li .hf-lr .lr-img { float: left; margin-right: 10px; }
.xg-zx-list li .hf-lr .lr-img img { float: left; width: 40px; height: 40px; border-radius: 20px; margin-right: 7px; }

/* find-lawyer-bar */
.find-lawyer-bar { padding: 30px 0; background-color: #f9f9f9; }
.find-lawyer-bar .u-btn { padding: 0; width: 126px; height: 34px; line-height: 34px; border-radius: 17px; text-align: center; }
.tiwen-bar { border: 1px solid #eaeaea; background-color: #fff; padding: 13px 19px; margin: 20px 20px 0; height: 167px; }
.tiwen-bar textarea { display: block; width: 100%; height: 110px; font-size: 14px; line-height: 24px; }
	/**/
.dq-diqu { padding: 0 20px; font-size: 14px; color: #aaa; margin-top: 3px; }
.dq-diqu .i-zmk6 { float: left; margin: 2px 5px 0 0; }
.dq-diqu .i-zmk5 { float: right; margin: 2px 0 0 5px; }
	/**/
.diqu-select { padding: 0 20px; }
.diqu-select .u-pn, .diqu-select .pn-more { width: 138px; }
.diqu-select .pn-on { color: #101010; }

/* nav-two */
.nav-two a { float: left; padding: 0 8px 8px; margin-right: 20px; font-size: 14px; }
.nav-two a:hover { color: #358bfb; }
.nav-two .nav-two-now { padding-bottom: 6px; border-bottom: 2px solid #358bfb; color: #358bfb; }

/* zm-index */
.zm-index li { height: 145px; }
.zm-index li .be-nav { border-left: 4px solid #ddd; padding-left: 16px; }
.zm-index li .be-nav h2 { color: #022; }
.zm-index li .zm-bar { padding: 30px 0; }
.zm-index li .zuiming-item { margin-top: 15px; height: 52px; line-height: 26px; color: #999; }
.zm-index li:hover .be-nav { border-left-color: #358bfb;  }

/* zm-detail */
.zm-detail { padding: 50px 75px; background-color: #f9f9f9; }
.zm-detail h2 { padding: 20px 0; font-size: 24px; line-height: 28px; text-align: center; }
.zm-detail p { font-size: 16px; line-height: 36px; margin-top: 15px; text-indent: 2em; }

/* more-lawyer */
.more-lawyer { display:block; height: 45px; line-height: 45px; font-size: 14px; color: #aaa; background-color: #f9f9f9; text-align: center; }

/* lawyer-box */
.lawyer-box li { float: left; margin-right: 30px; width: 400px; background: #f8f8f8; }


/* zuiming-hot */
.zuiming-hot { padding: 20px; font-size: 14px; line-height: 36px; overflow: hidden; background-color: #f9f9f9; }
.zuiming-hot a { }
.zuiming-hot .line { width: 0; height: 15px; border-left: 1px solid #cdcdcd; margin: 11px 13px 0; }

/* n-zm-list */
.left-nav .n-zm-list { padding: 15px 0; width: 1198px; overflow: hidden; }
.left-nav .n-zm-list p { float: left; padding: 0 30px; width: 339px; font-size: 14px; }
.left-nav .n-zm-list p span { color: #aaa; font-size: 12px; }

/* HLX-3978 LQ 2022-03-24 */
.ect-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hr-line { position: relative; } 
.hr-line:after { 
	position: absolute; left: 0; bottom: 0; right: 0; content: ''; 
	border-bottom: 1px solid #e8e8e8; transform: scaleY(0.5);
}
/* ask-list */
.ask-list .item { padding: 20px 0; margin-top: 8px; } 
.ask-list .hr-line:after { left: 16px; right: 16px } 
.ask-list .item div { padding-left: 30px; } 
.ask-list .item .tit { position: relative; font-size: 14px; line-height: 22px; font-weight: bold; } 
.ask-list .item .info { position: relative; font-size: 12px; line-height: 18px; color: #666; margin-top: 5px; } 
.ask-list .item .tit:before,
.ask-list .item .info:before { 
	position: absolute; left: 0; top: 2px;
	width: 18px; height: 18px; line-height: 18px; border-radius: 4px; font-size: 12px; text-align: center; 
}
.ask-list .item .tit:before { background: rgba(255,176,41, .16); color: #ffb029; content: '问'; }
.ask-list .item .info:before{ background: rgba(91,141,252, .16); color: #5b8dfc; content: '答'; }
.ask-list .item .other { height: 16px; line-height: 16px; font-size: 12px; color: #bbb; margin-top: 10px; }