body { background-color: #f8f8f8; }
a { color: #333; }
@font-face {
    font-family: 'dincond-boldregular';
    src: url('../fonts/dincond-bold-webfont.eot');
    src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/dincond-bold-webfont.woff') format('woff'),
          url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
          url('../fonts/dincond-bold-webfont.svg#dincond-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.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%);
}
.g-hd { background-color: #fff; }
.r-erwei { z-index: 20; }
.g-ft3 { background-color: #fff; }
.g-ft3 .bgf8 { background-color: #fff; border-bottom: 1px solid #eee; }
/* */
.w400 { width: 400px; }
.w450 { width: 450px; }
.w750 { width: 750px; }
.w780 { width: 780px; }
.w800 { width: 800px; }
.mt25 { margin-top: 25px; }
.pt25 { padding-top: 25px; }
.plr15 { padding-left: 15px; padding-right: 15px; }
.pt30-lr60 { padding-top: 30px; padding-left: 60px; padding-right: 60px; }

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

/* left-box */
.left-box { padding: 25px 29px 25px 30px; border-right: 1px solid #eee; height: 442px; }

/* nav-title1 */
.nav-title1 h1 { font-size: 24px; line-height: 28px; color: #222; }
.nav-title1 h2 { font-size: 24px; line-height: 28px; color: #222; }

/* enter-btn */
.enter-btn { float: left; width: 168px; height: 32px; line-height: 32px; border: 2px solid #eee; border-right-width: 0; text-align: center; color: #0057ff; font-size: 14px; }
/* more-dq */
.more-dq { float: left; position: relative; }
.more-dq .dq-btn { float: left; width:167px; height: 32px; line-height: 32px; border: 2px solid #eee; border-left-width: 1px; text-align: center; font-size: 14px; color: #333; cursor: pointer; }
.more-dq .dq-btn .i-fil2 { margin-right: 9px; margin-top: -2px; }
.more-dq .s-n-citylist { display: none; position: absolute; top: 34px; left: -170px; background-color: #fff; padding: 5px 20px 10px; border: 1px solid #eee; box-shadow: 0 10px 20px rgba(0,0,0,.2); }

/* condition-box */
.condition-box li { position: relative; margin-top: 15px; }
.condition-box .pn-more li { margin-top: 0; }
.condition-box .u-pn, .condition-box .pn-ct { width: 338px; }
.condition-box .u-pn-hover, .condition-box .u-pn-hover .pn-ct { width: 336px; }
.condition-box .u-pn-click, .condition-box .u-pn-click .pn-ct { width: 338px; }
.condition-box .btn { display: block; text-align: center; }

/* lunbotu-bar */
.pt30-lr70 { padding: 30px 70px 0; }
.lunbotu-bar { width: 660px; }
.lb-item,
.lb-item ul,
.lb-item ul li,
.lb-item ul li a { height: 400px; }
.lb-item { position: relative; overflow: hidden; }
.lb-item ul { position: absolute; left: 0; top: 0; }
.lb-item ul li { float: left; width: 660px; }
.lb-item ul li a { position: relative;  display: block; }
.lb-item .lb-infor {
	position: absolute;
	left: 0; top: 244px;
	width: 100%; height: 100%;
	background-color: #666;
	background-color: rgba(0,0,0,.8);
	text-align: center;
	-webkit-transition: all .2s;
	        transition: all .2s;
}
.lb-item li .lb-infor .icon-lb { vertical-align: baseline; }
.lb-item li .lb-pad { 
	padding: 16px 35px; 
	-webkit-transition: all .2s;
	        transition: all .2s;
}
.lb-item li .lr-name {
	height: 30px; line-height: 30px;
	font-size: 24px; color: #bbb;
}
.lb-item li .lr-name span { color: #fff; }
.lb-item li .lr-post { color: #ff946e; margin-top: 5px; }
.lb-item li .lr-skill {
	font-size: 14px; color: #fff;
	margin-top: 10px;
}
.lb-item li .lr-explain {
	height: 48px; line-height: 24px;
	font-size: 14px; color: #fff;
	text-align: left;
	overflow: hidden;
	display: none;
}
.lb-item li .lr-explain .i-lb6 { margin-right: 10px; }
.lb-item li .lr-phone { height: 32px; display: none; }
.lb-item li .lr-phone span {
	display: inline-block;
	width: 240px; height: 30px; line-height: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 16px; color: #fff;
}
.lb-item li .lr-phone .icon-lb { margin-right: 10px; }
.lb-item li .lr-other { color: #fff; display: none; }
.lb-item li .lr-other .i-lb8 { margin-right: 5px; }
.lb-item li .lr-other span em { color: #ff946e; }
		/**/
.lb-item li.lb-it-hover .lb-infor { top: 0; }
.lb-item li.lb-it-hover .lb-pad { padding: 135px 35px 0; }
.lb-item li.lb-it-hover .lr-skill { display: none; }
.lb-item li.lb-it-hover .lr-explain { margin: 10px 0 20px; display: block; }
.lb-item li.lb-it-hover .lr-phone { margin-bottom: 18px; display: block; }
.lb-item li.lb-it-hover .lr-other { display: block; }
	/**/
.lb-tab {
	padding: 19px 0;
	height: 22px; line-height: 22px;
	text-align: center; /*border-bottom: 1px solid #f8f8f8;*/
	/* 	background-color: #f8f8f8;
	box-shadow: 0 1px 3px rgba(0,0,0,.15); */
}
.lb-tab .icon-lb { margin: 0 3px; cursor: pointer; }

/* short-bar */
.short-bar a { float: left; padding-top: 60px; width: 199px; height: 160px; border-right: 1px solid #f8f8f8; text-align: center; }
.short-bar a p { margin-top: 15px; margin-bottom: 5px; color: #333; font-size: 18px; }
.short-bar a span { color: #aaa; font-size: 12px; }
.short-bar a:hover { box-shadow: 0 10px 30px rgba(0,0,0,.15); }
.short-bar a:hover span { color: #0057ff; }
.short-bar .gf-tel { width: 200px; border-right: 0; }

/* gf-pop */
.gf-pop { display: none; position: fixed; top: 50%; left: 50%; z-index: 1001; margin-top: -160px; margin-left: -300px; padding-top: 60px; width: 600px; height: 260px; background-color: #fff; box-shadow: 0 20px 60px rgba(0,0,0,.2); text-align: center; }
.gf-pop .close { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.gf-pop strong { display: block; margin-top: 5px; color: #999; }
.gf-pop p { margin-top: 30px; margin-bottom: 10px; font-size: 48px; color: #f36f20; line-height: 52px; font-family: 'dincond-boldregular'; }
.gf-pop span { color: #999; }

/* tab-nav */
.tab-nav-f20 { font-size: 20px; line-height: 24px; color: #333; }
.tab-nav-f20 span { float: left; padding: 0 10px 10px; margin-right: 20px; border-bottom: 2px solid transparent; cursor: pointer; }
.tab-nav-f20 span.tab-ct { color: #0057ff; border-bottom-color: #0057ff; }

.tab-nav-f16 { font-size: 16px; line-height: 30px; color: #333; }
.tab-nav-f16 span { float: left; margin: 0 13px; border-bottom: 2px solid transparent; cursor: pointer; }
.tab-nav-f16 span.tab-ct { color: #0057ff; border-bottom-color: #0057ff; }

/**/
.ad-lr400-bar li {
	float: left; 
	width: 280px; 
	height: 400px;
	margin-right: 26px;
    margin-top: 25px;
}
.ad-lr400-bar li.mr0 { margin-right: 0; }
.ad-lr400-bar li img {
	display: block;
	width: 100%; height: 100%;
}
.ad-list { border-radius: 2px; }
.ad-list a {
	position: relative;
	display: block;
	height: 400px;
	overflow: hidden;
}
.ad-list .ad-infor {
	position: absolute;
	left: 0; top: 250px; right: 0; bottom: 0;
	width: 100%; height: 100%;
	background: #333;
	background-color: rgba(0,0,0, .5);
	-webkit-transition: all .2s;
			transition: all .2s;
}
.ad-list .ad-pad {
	padding: 30px 20px;
	color: #fff;
	-webkit-transition: all .2s;
			transition: all .2s;
}
.ad-list .ad-name {
	height: 26px; line-height: 26px;
	font-size: 24px;
	color: #bbb;
}
.ad-list .ad-name span { color: #fff; }
.ad-list .ad-ch { color: #f18d4f; margin-top: 6px; }
.ad-list .ad-skill { font-size: 14px; margin-top: 11px; }
.ad-list .ad-tel { height: 24px; margin: 15px 0; }
.ad-list .ad-tel span {
	float: left;
	height: 22px; line-height: 24px;
	border: 1px solid #fff; border-radius: 11px;
	padding: 0 12px;
}
.ad-list .ad-tel span .icon-lb {
	float: left;
	margin: 4px 6px 0 0;
}
.ad-list .ad-tip {
	font-size: 14px; line-height: 24px;
}
.ad-list .ad-tip .icon-lb,
.ad-list .ad-other .icon-lb { vertical-align: baseline; }
.ad-list .ad-tip .i-lb6 { margin-right: 8px; }
.ad-list .ad-other { height: 20px; margin-top: 20px; }
.ad-list .ad-other span em { color: #ff946e; }
.ad-list .ad-tel,
.ad-list .ad-tip,
.ad-list .ad-other { display: none; }
	/**/
.ad-list-hover .ad-infor { top: 0; }
.ad-list-hover .ad-pad { padding: 100px 20px 0; }
.ad-list-hover .ad-skill { display: none; }
.ad-list-hover .ad-tel,
.ad-list-hover .ad-tip,
.ad-list-hover .ad-other { display: block; }
	/* 默认推荐律师 */
.ad-normal { 
	background-color: #f8f8f8; 
	-webkit-transition: all .2s;
			transition: all .2s;
}
.ad-normal:hover { 
	background-color: #f5f5f5; 
	box-shadow: 0 1px 3px rgba(0,0,0, .2);
}
.ad-normal .ad-pad { 
	display: block; 
	padding: 30px; 
	height: 340px;
	text-align: center;
}
.ad-normal .ad-photo {
	margin: 0 40px;
	width: 140px; height: 140px;
	border-radius: 50%;
	overflow: hidden;
}
.ad-normal .ad-name {
	height: 22px; line-height: 22px;
	font-size: 20px;
	margin: 26px 0 15px;
}
.ad-normal .ad-name .icon-lb { vertical-align: baseline; margin-left: 5px; }
.ad-normal .ad-office,
.ad-normal .ad-diqu { color: #999; }
.ad-normal .ad-oe { 
	height: 20px; 
	color: #f18d4f;
	margin-top: 23px;
}
.ad-normal .ad-other { 
	height: 20px; 
	color: #999;
	margin-top: 23px;
}
.ad-normal .ad-other .icon-lb,
.ad-normal .ad-oe .ico-new { vertical-align: text-top; margin-right: 10px; }
.ad-normal .ad-btn {
	height: 38px; line-height: 38px;
	background-color: #0057ff;
	font-size: 14px; color: #fff; 
	text-align: center;
	margin: 15px 20px 0;
	display: none;
}
	/**/
.ad-normal-fff {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0, .2);
}
.ad-normal-fff .ad-other { display: none; }
.ad-normal-fff:hover .ad-oe { display: none; }
.ad-normal-fff:hover .ad-other { display: block; }

/* scroll-wrap */
.scroll-wrap { position: relative; } 
.scroll-wrap .scroll-cont { height: 100%; overflow: hidden; }
.scroll-wrap .scroll-cont2 { height: 100%; overflow: hidden; }
.scroll-wrap .scroll-cont3 { height: 100%; overflow: hidden; }
.scroll-wrap .scroll-cont4 { height: 100%; overflow: hidden; }
.scroll-wrap .scroll-bar { position: absolute; top: 0; right: 8px; width: 6px; height: 100%; }
.scroll-wrap .scroll-bar2 { position: absolute; top: 0; right: 8px; width: 6px; height: 100%; }
.scroll-wrap .scroll-bar3 { position: absolute; top: 0; right: 8px; width: 6px; height: 100%; }
.scroll-wrap .scroll-bar4 { 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; }
.scroll-wrap .scroll-bar2 .scroll-slider2 { position: absolute; top: 0; right: 0; width: 6px; height: 100px; background-color: #eee; border-radius: 3px; }
.scroll-wrap .scroll-bar3 .scroll-slider3 { position: absolute; top: 0; right: 0; width: 6px; height: 100px; background-color: #eee; border-radius: 3px; }
.scroll-wrap .scroll-bar4 .scroll-slider4 { position: absolute; top: 0; right: 0; width: 6px; height: 100px; background-color: #eee; border-radius: 3px; }


/* guide-wrap */
.guide-wrap { height: 545px; }
.guide-wrap .gradient-bg { width: 720px; height: 80px; }
.guide-cont { padding: 0 60px 78px; line-height: 36px; }
.guide-cont h3 { font-size: 18px; }
.guide-cont p { font-size: 16px; }

/* flow-bar */
.flow-bar { height: 568px; }
.flow-bar .gradient-bg { width: 400px; height: 80px; }
.flow-cont { padding-bottom: 78px; }

/* tit-h84 */
.tit-h84 { padding: 30px; height: 24px; line-height: 24px; font-size: 20px; border-right: 1px solid #eee; color: #333; }

/* store-list */
.store-list li { position: relative; float: left; padding-top: 60px; width: 199px; height: 139px; text-align: center; border-right: 1px solid #eee; border-top: 1px solid #eee; }
.store-list li .store-pop { display: none; position: absolute; left: -1px; top: -1px; padding: 30px 30px 0; width: 140px; height: 170px; background-color: #fff; z-index: 1; }
.store-list li .store-pop a { display: block; margin-top: 12px; height: 26px; line-height: 26px; border: 1px solid #eee; color: #333; font-size: 14px; overflow: hidden; }
.store-list li .store-pop a:hover { height: 26px; line-height: 26px; border: 1px solid #f2571a; color: #f25618; }
.store-list li:hover { box-shadow: 0 10px 30px rgba(0,0,0,.15); }

/* zy-list */
.zy-list li { padding:20px 0; border-bottom:1px dashed #eee; }
.zy-list li.borb0 { border-bottom:0; }
.zy-list li .ad, .zy-list li .ad img { width:90px; height:90px; border-radius:50%;  overflow:hidden; }

/* similar-problems */
.similar-problems {
    position:relative;
    padding-left:120px;
    min-height:38px; _height:38px;
}
.similar-problems label {
    position:absolute; left:0; top:0;
    display:block;
    width:100px; height:38px; line-height:38px;
    font-size:14px;
    color:#aaa;
    background-color:#ddd;
    text-align:center;
}
.similar-problems a {
    float:left;
    margin:0 20px;
    height:38px; line-height:38px;
    font-size:14px;
    color:#333;
}
.similar-problems a:hover { color:#f36f20; }

.sim-tab-bar .sim-tab {
    float:left;
    padding:0 15px; margin:0;
    height:38px; line-height:38px;
    color:#333;
    font-size:14px;
    cursor:pointer;
}
.sim-tab-bar .sim-tab-now, .sim-tab-bar .sim-tab:hover {
    background-color:#0057ff;
    color:#fff;
}
.sim-nr { 
    position:relative; 
    padding:20px;
    background-color:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    border-radius:3px;
}

select, button {
    box-sizing: border-box;
}