body { background-color: #f8f8f8; }
.g-hd, .g-ft3 { background-color: #fff; box-shadow: none; }
a { color: #333; }

.box-bar { padding: 25px 30px; }
.box-shadow { background-color: #fff; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.15); }
.gradient-bg { 
	position: absolute; bottom: 0; z-index: 10;
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, .3) 20%, rgba(255, 255, 255, 1) 100%, #FFFFFF 100%);
	background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, .3) 20%, rgba(255, 255, 255, 1) 100%, #FFFFFF 100%);
}
.gradient-bg2 { 
	position: absolute; bottom: 0; z-index: 10;
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, .3) 20%, rgba(0, 0, 0, 1) 100%, #FFFFFF 100%);
	background: linear-gradient(to bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, .3) 20%, rgba(0, 0, 0, 1) 100%, #FFFFFF 100%);
}

.borb0 { border-bottom: none !important; }
.mr0 { margin-right: 0 !important; }
.ptb25-lr30 { padding: 25px 30px; }
.plr30 { padding-left: 30px; padding-right: 30px; }
.pb0 { padding-bottom: 0 !important; }

.borr0 { border-right: none !important; }
.borb0 { border-bottom: none !important; }

/* */
.w800 { width: 800px; }
.w780 { width: 780px; }
.w739 { width: 739px; }
.w400 { width: 400px; }
.w340 { width: 340px; }

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

/* nav-title */
.nav-title { line-height: 28px; height: 28px; }
.nav-title-borb1 { padding-bottom: 22px; border-bottom: 1px solid #eee; }
.nav-title h1 { float: left; font-size: 24px; color: #222; }
.nav-title h2 { float: left; font-size: 24px; color: #222; }
.nav-title .more { font-size: 14px; }
	/**/
.nav-title .t-link { float: right; }
.nav-title .t-link li { float: left; font-size: 14px; }
.nav-title .t-link li a { color: #999; }
.nav-title .t-link li a:hover { color: #f60; }
.nav-title .t-link li.line { width: 1px; height: 12px; background-color: #f0f0f0; margin: 8px 15px 0; }
	/**/
.nav-title .tag { float: left; padding: 0 10px; height: 26px; background-color: #f36f20; border-radius: 13px; line-height: 26px; color: #fff; margin-right: 10px; }
.nav-title .tag .i-ht6 { margin: -4px 0 0 10px; cursor: pointer; }
.nav-title .tag a{color: #fff;}
/* scroll-wrap */
.scroll-wrap { position: relative; } 
.scroll-wrap .scroll-cont { height: 100%; overflow: hidden; }
.scroll-wrap .scroll-bar { position: absolute; top: 0; right: 8px; width: 6px; height: 100%; }
.scroll-wrap .scroll-bar .scroll-slider { position: absolute; top: 0; right: 0; width: 6px; height: 100px; background-color: #eee; border-radius: 3px; }

/* lm-tips */
.lm-tips  p { font-size: 14px; line-height: 24px; color: #666; margin-top: 23px; }

/* fanben-list */
.fanben-list { padding: 30px 30px 36px; border-top: 1px solid #eee; }
.fanben-list li { float: left; width: 74px; margin-right: 18px; font-size: 14px; text-align: center; }
.fanben-list li a { display: block; }
.fanben-list li p { height: 82px; line-height: 82px; box-shadow: 0px 1px 3px rgba(4,0,0, .15); margin-bottom: 10px; }
.fanben-list li p img { display: block; width: 100%; height: 100%; }
.fanben-list li span { height: 20px; overflow: hidden; }

/* ranking-list */
.ranking-list { height: 264px; }
.ranking-list li { position: relative; padding: 9px 0 8px 20px; }
.ranking-list li em {
	position: absolute; left: 0; top: 10px; 
	font-family: 'DINCond-Bold'; font-size: 16px; line-height: 28px; 
}
.ranking-list li a { display: block; height: 28px; overflow: hidden; font-size: 16px; line-height: 28px; }
.ranking-list li p { height: 40px; overflow: hidden; font-size: 14px; line-height: 20px; color: #bbb; margin-top: 5px; display: none; }
.ranking-list li.currer p { display: block; }
.ranking-list li.currer { padding-bottom: 0; }

/* tw-bar */
.tw-bar {}
.tw-bar .img160 { width: 160px; height: 180px; overflow: hidden; margin-right: 30px; border: 1px solid #eee; }
.tw-bar .img160 img { display: block; width: 100%; height: 100%; }
.tw-bar h3 { height: 28px; line-height: 28px; font-size: 24px; overflow: hidden; }
.tw-bar p { font-size: 14px; line-height: 28px; color: #999; height: 84px; overflow: hidden; margin: 20px 0;  }
.tw-bar .more { font-size: 14px; color: #16a660; }

/* 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; }
	/**/
.txt-list-r2 li { float: left; width: 50%; height: 36px; line-height: 36px; }
.txt-list-r2 li .dot { margin: 15px 10px 0 0; }

/* txt-list-num */
.txt-list-num li { height: 36px; line-height: 36px; overflow: hidden; }
.txt-list-num li em { float: left; font-family: 'DINCond-Bold'; font-size: 24px; line-height: 28px; color: #222; margin: 2px 20px 0 0; }
.txt-list-num li a { font-size: 16px; }

/* */
.xiangguan-bar { padding: 30px 30px 30px 0; border-right: 1px solid #eee; }
.r-bor-pad { padding: 30px 0 30px 30px; }

/* other-item */
.other-item { float: left; width: 25%; }
.other-item dl { padding: 28px 30px 30px; height: 162px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.other-item dl dt { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 21px; }
.other-item dl dd { font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }

/* fenlei-bar */
.fenlei-bar ul { padding: 20px 0 25px 30px; border-bottom: 1px solid #eee; }
.fenlei-bar li { float: left; line-height: 30px; font-size: 14px; margin-right: 30px; cursor: pointer; }
.fenlei-bar li a { color: #666; }
.fenlei-bar li a:hover { color: #f60; }
.fenlei-bar li.currer a { font-weight: 600; color: #222; }

/* tj-link */
.tj-link {  }
.tj-link li { margin-bottom: 10px; }
.tj-link li a { 
	display: block; height: 60px; line-height: 60px; font-size: 18px;
	padding: 0 30px; background-color: #f8f8f8; -webkit-transition: background .25s linear; transition: background .25s linear;
}
.tj-link li a .icon-line { float: left; width: 4px; height: 16px; background-color: #16a660; margin: 22px 15px 0 0; }
.tj-link li a:hover { background: -webkit-linear-gradient(-90deg, #16a660 0%, #19be6e 100%); background: linear-gradient(-90deg, #16a660 0%, #19be6e 100%); color: #fff; }
.tj-link li a:hover .icon-line { background-color: #fff; }

/* chartlet-h210 */
.chartlet-h210 { display: block; position: relative; }
.chartlet-h210 img { display: block; }
.chartlet-h210 .gradient-bg2 { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 80px; } 
.chartlet-h210 p { 
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; 
	font-size: 16px; color: #fff; 
	height: 20px; overflow: hidden; margin: 15px 20px; 
}

/* zixun-hf-bar */
.zixun-hf-bar .dt-item { padding-top: 15px; padding-bottom: 16px; 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; }

/* hetong-list */
.hetong-list {}
.hetong-list li { height: 189px;  position: relative; }
.hetong-list li .b-k { height: 124px; padding: 32px 0; border-bottom: 1px solid #eee; }
.hetong-list li .ht-img { 
	float: left; width: 100px; height: 124px; overflow: hidden;
	box-shadow: 0px 1px 3px rgba(4, 0, 0, 0.15); 
	margin-right: 30px; position: relative; 
}
.hetong-list li .ht-img img { display: block; width: 100%; height: 100%; }
.hetong-list li .ht-img .bg { 
	position: absolute; left: 0; top: 100%; right: 0; 
	width: 100%; height: 124px; background-color: rgba(19,166,96, .7); 
	text-align: center; line-height: 124px; 
	-webkit-transition: all .15s linear; transition: all .15s linear;
}
.hetong-list li .ht-img:hover .bg { top: 0; }
.hetong-list li h3 { font-size: 20px;  line-height: 24px; height: 24px; overflow: hidden; }
.hetong-list li p { font-size: 14px; color: #999; line-height: 28px; height: 56px; overflow: hidden; margin: 10px 0 12px; }
.hetong-list li .info, .detail-title .info { height: 22px; line-height: 22px; float: right;}
.hetong-list li .info span, .detail-title .info span { float: left; color: #bbb; margin-right: 25px; }
.hetong-list li .info span .ico-ht,
.hetong-list li .info span .ico-wen, 
.detail-title .info span .ico-ht { float: left; margin: 5px 5px 0 0; }
.hetong-list li .info span .i-wen2 { margin-top: 4px; }
.hetong-list li .info span em, .detail-title .info span em { display: inline-block; height: 20px; line-height: 20px; padding: 0 9px; border: 1px solid #16a660; color: #16a660; margin-right: 5px; }
.hetong-list li:hover .b-k { 
	position: absolute; left: -30px; top: 0; right: 0; 
	width: 720px; padding-left: 30px; padding-right: 30px;
	background-color: #fff; box-shadow: 0px 5px 20px rgba(0,0,0, .15); 
}
.hetong-list li .info span a{color:#bbb;}
/* recom-list */
.recom-list li { position:relative; float:left;  width: 33.33%; height:345px; } 
.recom-list li .b-k { padding-top:30px; height:315px; text-align:center; position: absolute; left: 0; top: 0; right: 0; width: 100%; }
.recom-photo, .recom-photo img { display: block; width:140px; height:140px; border-radius:50%; overflow:hidden; } 
.recom-list li .recon-btn { display:none; } 
.recom-list li.recom-hover .b-k { height:315px; background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,.35); top: -78px; padding-top: 108px; } 
.recom-list li.recom-hover .recon-btn { display:block; } 
.lr-list-l { padding:30px 19px 20px 20px; width:880px; border-right:1px solid #f0f0f0; } 
.lr-list-r { padding:30px 20px 20px; width:240px; } 
.recom-list li .i-ms79, 
.recom-list li .i-sk2 { margin-top: -3px; }

/* detail-title */
.detail-title {}
.l-det-tit { padding: 45px 90px 50px 30px; width: 660px; }
.l-det-tit h1 { font-size: 32px; line-height: 40px; font-weight: 600; color: #222; }
.l-det-tit .info {}
.l-det-tit p { font-size: 14px; line-height: 28px; color: #666; margin: 25px 0 13px; }
.l-det-tit .laiyuan { font-size: 14px; line-height: 28px; color: #bbb; }
.detail-title .r-menu { padding-top: 60px; }
.detail-title .r-menu h1 { font-size: 18px; color: #222; font-weight: 600; line-height: 24px; }
.detail-title .r-menu h2 { font-size: 18px; color: #222; font-weight: 600; line-height: 24px; }
.detail-title .r-menu .scroll-wrap { height: 136px; }
.detail-title .r-menu .btn { height: 38px; line-height: 38px; padding: 0 29px; cursor: pointer; }
.detail-title .r-menu .btn .i-ht3b { margin: -4px 5px 0 0; }

/* det-nr */
.det-nr { padding: 60px; position: relative; }
.det-nr .down-btn { position: absolute; top: 60px; right: 60px; font-size: 16px; line-height: 28px; color: #16a660; cursor: pointer; display: none; }
.det-nr .down-btn .i-ht3c { margin: -4px 5px 0 0; }
.det-nr .num { font-family: 'DINCond-Bold'; font-size: 36px; line-height: 40px; color: #222; position: absolute; top: 57px; left: 30px; }
.det-nr h1 { font-size: 24px; line-height: 32px; color: #333; }
.det-nr .det-txt { font-size: 16px; line-height: 32px; color: #333; }
.det-nr .det-txt-h220 { height: 220px; overflow: hidden; }

/* down-btn-bar */
.down-btn-bar { height: 42px; padding: 50px 60px; }
.down-btn-bar .btn { float: left; height: 38px; line-height: 38px; padding: 0 29px; font-size: 16px; margin-right: 20px; cursor: pointer; }
.down-btn-bar .btn .ico-ht { margin: -4px 5px 0 0; }

/* tab-nav */
.tab-nav { height: 60px; background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: 15px; }
.tab-nav li { float: left; font-size: 24px; margin-right: 60px; }
.tab-nav li a { display: block; text-align: center; line-height: 46px; padding: 5px 0 6px; border-bottom: 4px solid transparent; }
.tab-nav li a:hover { color: #333; }
.tab-nav li.currer a { border-bottom-color: #01af63; }

/* zx-tab-bar */
.zx-tab-bar { height: 470px; }
.zx-tab-bar .nav { height: 60px; background-color: #01af63; }
.zx-tab-bar .nav span { float: left; width: 50%; font-size: 20px; line-height: 60px; color: #fff; text-align: center; cursor: pointer; }
.zx-tab-bar .nav span.currer { background-color: #fff; color: #01af63; }
.zx-tab-bar .btn { display: block; height: 38px; line-height: 38px; text-align: center; }
	/* online */
.zx-tab-bar .online { padding: 25px 30px; height: 360px; background: #fff url('../images/bg1.jpg') no-repeat right bottom; }
.zx-tab-bar .online h3 { font-size: 24px; line-height: 30px; color: #01af63; margin-bottom: 17px; }
.zx-tab-bar .online textarea,
.zx-tab-bar .online input { display: block; width: 310px; border: 1px solid #eee; font-size: 14px; padding-left: 14px; padding-right: 14px; }
.zx-tab-bar .online textarea { height: 78px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 10px; }
.zx-tab-bar .online input { height: 40px; line-height: 40px; }
.zx-tab-bar .online .zhu { color: #999; margin-top: 15px; }
.zx-tab-bar .online .tips { font-size: 14px; color: #01af63; }
.zx-tab-bar .online .btn { margin: 16px 0 36px; }
	/* find-lawyer */
.zx-tab-bar .find-lawyer { padding: 40px 30px 10px; height: 360px; background: #fff; }
.zx-tab-bar .diqu { height: 20px; font-size: 16px; position: relative; z-index: 50; }
.zx-tab-bar .diqu .i-ht5 {float: left; margin: 2px 8px 0 0; }
.zx-tab-bar .diqu strong { float: left; margin-right: 5px; }
.zx-tab-bar .diqu span { cursor: pointer; }
.zx-tab-bar .diqu .s-n-citylist { 
	position: absolute; left: 0; top: 20px; 
	background-color: #fff; padding: 5px 20px 10px; border: 1px solid #eee; box-shadow: 0 10px 20px rgba(0,0,0,.2); 
	font-size: 12px; display: none;
}
	/* pn-ct */
.zx-tab-bar .u-pn, .zx-tab-bar .pn-ct, .zx-tab-bar .pn-on { width: auto; height: 40px; line-height: 40px; }
.zx-tab-bar .pn-on .arrow { top: 19px; }
.zx-tab-bar .u-pn-hover, .zx-tab-bar .u-pn-hover .pn-ct, .zx-tab-bar .u-pn-hover .pn-on { height: 38px; line-height: 38px; }
.zx-tab-bar .u-pn-hover .pn-on .arrow { top: 18px; }
.zx-tab-bar .u-pn-click, .zx-tab-bar .u-pn-click .pn-ct, .zx-tab-bar .u-pn-click .pn-on { height: 40px; line-height: 40px; }
.zx-tab-bar .u-pn-click .pn-ct { right: 0; height: 270px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.zx-tab-bar .tel-400 { font-family: 'DINCond-Bold'; font-size: 36px; line-height: 40px; color: #01af63; text-align: center; margin: 33px 0 5px; }
.zx-tab-bar .fw-time { font-size: 14px; line-height: 24px; color: #999; text-align: center; }

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

/* fb-tit-down */
.fb-tit-down { height: 88px; line-height: 88px; background-color: #16a660; }
.fb-tit-down h1 { float: left; padding-left: 30px; font-size: 24px; color: #fff; }
.fb-tit-down a { float: right; width: 200px; height: 88px; background-color: #5bc18f; font-size: 18px; color: #fff; text-align: center; }
.fb-tit-down a .i-ht2b { margin: -4px 10px 0 0; }
.fb-tit-down a:hover { opacity: .8; }

/* example-list */
.example-list .num { font-family: 'DINCond-Bold'; font-size: 32px; line-height: 36px; color: #16a660;  }
.example-list ul {  }
.example-list li { height: 60px; line-height: 60px; background-color: #f8f8f8; padding: 0 150px 0 65px; position: relative; }
.example-list li.bg-fff { background-color: #fff; }
.example-list li em { position: absolute; left: 25px; top: 0; font-family: 'DINCond-Bold'; font-size: 24px; color: #222; text-align: right; width: 20px; }
.example-list li em { position: absolute; left: 12px; top: 0; font-family: 'DINCond-Bold'; font-size: 24px; color: #222; text-align: right; width: 20px; }
.example-list li .tit { font-size: 16px; color: #222; display: block; height: 60px; overflow: hidden; }
.example-list li .default,
.example-list li .down { position: absolute; top: 0; right: 0; padding: 0 30px; font-size: 16px; }
.example-list li .down span { float: right; color: #16a660; margin-left: 5px; }
.example-list li .default { color: #ccc; }
.example-list li .default .i-ht7 { margin: -4px 8px 0 0; }
.example-list li .down,
.example-list li:hover .default { display: none; }
.example-list li .down .i-ht2c { margin-top: -3px; }
.example-list li:hover { box-shadow: 0px 5px 20px rgba(0,0,0, .15); z-index: 2; }
.example-list li:hover .down { display: block; }

/* focus-tuijian */
.focus-tuijian { position: relative; }
.focus-tuijian .focus-list {}
.focus-tuijian .focus-list .tw-bar { display: none; }
.focus-tuijian .focus-dot { position: absolute; right: 40px; bottom: 25px; height: 10px; }
.focus-tuijian .focus-dot span { float: left; width: 10px; height: 10px; border-radius: 50%; background-color: #333; margin-left: 10px; cursor: pointer; }
.focus-tuijian .focus-dot span.currer { background-color: #51c66d; }

/* other-ht */
.r-3 { float: left; width: 33.33%; }
.line-h1 { height: 1px; background-color: #eee; margin-left: 30px; margin-right: 30px; }
.other-ht { height: 214px; position: relative; }
.other-ht .tit { font-size: 20px; height: 24px; line-height: 24px; position: relative; padding-left: 10px; }
.other-ht .tit .line { 
	position: absolute; left: -10px; top: 3px;
	width: 4px; height: 18px; background-color: #01af63; }
.other-ht .tit span { color: #bbb; margin-left: 5px; }
.other-ht .b-k { padding: 35px 30px 30px; }
.other-ht .b-k .h96 { height: 96px; overflow: hidden; margin-top: 28px; }
.other-ht .b-k ul {  }
.other-ht .b-k li { float: left; width: 50%; }
.other-ht .b-k li p { padding: 0 10px; font-size: 14px; line-height: 32px; }
.other-ht-hover { z-index: 10; }
.other-ht-hover .b-k { 
	position: absolute; left: 0; top: 0; right: 0;
	background-color: #ffffff; box-shadow: 0px 10px 20px rgba(0,0,0, .15); 
}
.other-ht-hover .b-k .h96 { height: auto; }

/* r-pop-bar */
.r-pop-bar-fixed { position: fixed; left: 50%; top: 0;  margin-left: 200px; z-index: 100; }


/* tip-code-bar */
.s-primary { color: #01af63; }
.tip-code-bar {
    border-left: 6px solid #eee; padding-left: 20px; margin: 25px 0;
    font-size: 14px; color: #666; line-height: 22px;
}
.tip-code-bar dd { margin-top: 6px; }


/** LTX-1126 2021-08-25 LJ */
.ico-search { display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url('../images/ico-serach.png') no-repeat; margin-top: -2px; }
.ico-more { display: inline-block; vertical-align: middle; margin-top: -2px; width: 20px; height: 20px; background: url('../images/ico-more.png') no-repeat; }

/* contract-search */
.contract-search { width: 620px; height: 48px; margin-right: auto; margin-left: auto; box-sizing: unset; }
.contract-search .txt { float: left; width: 448px; border: 1px solid #01AF63; border-right: 0; border-radius: 24px 0 0 24px; padding: 10px 32px; height: 26px; line-height: 26px; font-size: 16px; background-color: #fff; box-sizing: unset;  }
.contract-search .txt::placeholder { color: #999; }
.contract-search .search { float: left; width: 107px; height: 48px; border-radius: 0 24px 24px 0; line-height: 48px; background-color: #01AF63; color: #fff; text-align: center; font-size: 16px; cursor: pointer; }
.contract-search .search .ico-search { margin-right: 4px; }
.contract-search .search:hover { opacity: .9; }
    /* mini */
.contract-search.mini { width: 340px; height: 40px; }
.contract-search.mini .txt { border-radius: 20px 0 0 20px; padding: 6px 23px; width: 202px; font-size: 14px; }
.contract-search.mini .search { width: 91px; height: 40px; line-height: 40px; font-size: 14px; }
.contract-search.mini .search .ico-search { width: 13px; height: 13px; background-image: url('../images/ico-serach-mini.png'); }
.w360 .contract-search.mini { width: 300px; }
.w360 .contract-search.mini .txt { width: 162px; }

/* contract-search-hot */
.contract-search-hot { text-align: center; line-height: 20px; font-size: 14px; color: #bbb; }
.contract-search-hot span,
.contract-search-hot a { margin: 0 10px; }
.contract-search-hot a:hover { color: #01AF63; }
.contract-search-hot span { margin-right: 4px; }

/* .contract-type-bar */
.contract-type-line { border: 1px dashed #7BE3B6; border-radius: 8px; height: 234px; padding: 19px; }
    /**/
.contract-type-bar { position: relative; overflow: hidden; width: 340px; }
.contract-type-bar:before,
.contract-type-bar:after { content: ''; position: absolute; top: 157px; width: 14px; height: 14px; border-radius: 50%; border: 1px dashed #7BE3B6; background-color: #fff; z-index: 1; }
.contract-type-bar:before { left: -8px; }
.contract-type-bar:after { right: -8px; }
.contract-type-bar .contract-type-line { background: url('../images/bg01.png') top center no-repeat; }
.contract-type-bar .tit { position: relative; line-height: 24px; }
.contract-type-bar .tit:before { content: ''; position: absolute; top: 4px; left: -20px; width: 4px; height: 16px; background-color: #01AF63; }
.contract-type-bar .tit strong { font-size: 18px; }
.contract-type-bar .tit span { margin-left: 8px; font-size: 14px; color: #666; }
.contract-type-bar .tit a:hover { color: #01AF63; }
.contract-type-bar .list { margin: 10px 0 0 -10px; }
.contract-type-bar .list li { position: relative; float: left; width: 126px; padding-left: 14px; line-height: 32px; margin-left: 10px; font-size: 16px; }
.contract-type-bar .list a:hover { color: #01AF63; }
.contract-type-bar .list li:before { content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; background-color: #bbb; margin-top: -2px; }
.contract-type-bar .recommed { position: relative; margin-top: 15px; padding-top: 20px; }
.contract-type-bar .recommed:before { content: ''; position: absolute; top: 0; right: 0; left: 0; border-top: 1px dashed #7BE3B6; opacity: .7; filter: opacity(70%); }
.contract-type-bar .recommed .name { max-width: 240px; font-size: 16px; }
.contract-type-bar .recommed a:hover .name { color: #01AF63; }
.contract-type-bar .recommed .tag { margin: 1px 0 1px 8px; padding: 0 5px; line-height: 18px; color: #fff; font-size: 12px; background-color: #F25618; border-radius: 6px 0 6px 0; }
.contract-type-bar .recommed .det { font-size: 14px; line-height: 20px; margin-top: 8px; color: #999; height: 40px; }

/* contract-type-more */
.contract-type-more { width: 60px; text-align: center; color: #3DBB84; font-size: 16px; }
.contract-type-more:hover { color: #01AF63; }
.contract-type-more .contract-type-line { background: linear-gradient(246deg, rgba(240, 255, 248, 0.5) 0%, #FFFFFF 100%); line-height: 234px; }
.contract-type-more .txt { display: inline-block; vertical-align: middle; line-height: 18px; margin-top: -2px; }
.contract-type-more .txt .ico-more { margin-top: 10px; }


/* #2756 LJ 2022-08-26 */
.ranking-list { height: 308px; }
.ranking-list li em { font-family: "TG-TYPE"; font-size: 18px; top: 8px; }
.ranking-list li span { line-height: 28px; }
.ranking-list li a { white-space: nowrap; text-overflow: ellipsis; }

/* ico-contr */
.ico-contr { margin-top: -2px; display: inline-block; vertical-align: middle; background: url('../images/ico-contr.png'); }
.cr-doc { width: 16px; height: 16px; background-position: -169px -73px; }

/* contr-list-w130-h177 */
.contr-list-w130-h177 { margin-left: -30px; }
.contr-list-w130-h177 li { float: left; width: 165px; margin-left: 30px;margin-top: 30px; }
.contr-list-w130-h177 .img-block { position: relative; height: 223px; overflow: hidden; border: 1px solid #e8e8e8; }
.contr-list-w130-h177 .img-block .bg {
    position: absolute; bottom: 0; width: 100%; height: 170px; visibility: hidden; opacity: 0; filter:Alpha(opacity=0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 0)), color-stop(57%, rgba(255,255,255, .89)), to(#fff));
    background: linear-gradient(180deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, .89) 57%, #fff 100%);
    -webkit-transition: .2s linear; 
    transition: .2s linear;
}
.contr-list-w130-h177 .img-block .u-btn {
    position: absolute; bottom: 10px; left: 50%; margin-left: -40px;
    width: 80px; height: 32px; line-height: 32px; font-size: 12px; color: #fff; background-color: #ec3b3b; border-radius: 4px;
	padding:0; text-align: center;
}
.contr-list-w130-h177 .img-block:hover .bg { visibility: visible; opacity: 1; filter:Alpha(opacity=100); }
.contr-list-w130-h177 .tit { display: block; font-size: 16px; line-height: 24px; height: 48px; display: -webkit-box; margin-top: 8px; }
.contr-list-w130-h177 .num { font-size: 12px; color: #bbb; margin-top: 2px; }

/* other-contact-tab */
.oth-tab-nav { margin-left: -20px; }
.oth-tab-nav .item { float: left; width: 125px; line-height: 38px; margin-left: 20px; margin-top: 20px; box-sizing: border-box; border: 1px solid #F5F5F5; background-color: #F5F5F5; font-size: 16px; color: #666; text-align: center; border-radius: 20px; cursor: pointer; }
.oth-tab-nav .item.is-this { border-color: #02AF63; color: #02AF63; background-color: #EBFAF3; }
.oth-more { display: inline-block; padding: 0 40px; line-height: 50px; border-radius: 25px; color: #fff; background-color: #02AF63; font-size: 18px; transition: all linear .3s; min-width: 172px; }
.oth-more:hover { color: #fff; opacity: .8; }
.example-list li { padding-right: 110px; }