@charset "utf-8";
/* CSS Document */

/* banner-bar */
.banner-bar {
	height: 436px;
	background: url(../images/ask-lawyer/banner3.jpg) no-repeat center center;
	color: #fff; text-align: center;
}
.w900 { width:900px; }
.w280 { width:280px; }
.bgff { background-color:#fff; }
.box-shadow { box-shadow:0 2px 5px rgba(0,0,0,.05); }
.title { padding:25px 30px 20px; }
.lh30 { line-height:30px; }

/* tui-lawyer */
.tui-lawyer li {
    position:relative;
    padding:30px;
    background-color:#fff;
}
.tui-lawyer li:before {
    position:absolute; left:30px; right:0; top:0;
    display:block;
    content:'';
    border-top:1px solid #f2f2f2;
}
.tui-lawyer li a img {
    float:left;
    width:140px; height:140px;
}
.tui-zc em {
    float:left;
    padding:0 8px;
    height:24px; line-height:24px;
    color:#999;
    background-color:#f8f8f8;
}
.tui-zc span {
    float:left;
    padding:0 12px;
    height:24px; line-height:24px;
    color:#fff;
    border-left:1px solid #bce6d1;
}
.tui-zc span.tui-zc-bg1 { background-color:#01af63; }
.tui-zc span.tui-zc-bg2 { background-color:#39bf84; }
.tui-zc span.tui-zc-bg3 { background-color:#7acea4; }

.tui-lawyer li .tui-ask-btn {
    display:none;
    position:absolute; top:30px; right:30px;
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    color:#01af63;
}
.tui-lawyer li:hover { box-shadow:0 3px 10px rgba(0,0,0,.1); z-index:2; }

/* tui-lawyer2 */
.tui-lawyer2 li:before { right:30px; }
.tui-lawyer-eva {
    padding:15px 0 15px 20px;
    width:179px;
    border-left:1px solid #eee;
}
.s-ccdc { color:#cdcdcd; }
.s-cddd { color:#ddd; }
.mlr5 { margin-left:5px; margin-right:5px; }

.box-bor1 { border:1px solid #eee;  }

/* zc-tui */
.zc-tui li {
	float: left;
	width: 78px; height: 70px;
	text-align: center;
	border-right: 1px solid #f8f8f8;
	border-top: 1px solid #f8f8f8;
}
.zc-tui li.borr0 { border-right:0; }
.zc-tui li a {
	display: block; height: 69px; 
}
.zc-tui li.s-cbbb a { color: #bbb; }
.zc-tui li a p {
	padding: 15px 0 10px;
	height: 16px;
}
.zc-tui li a .icon-zc {
	-webkit-transition: all .2s;
	        transition: all .2s;
}
.zc-tui li a:hover { 
	background-color: #01af63;
	border-color: #01af63;
	color: #fff;
}
.zc-tui li a:hover .i-zc1 { background-position: 0 -17px; }
.zc-tui li a:hover .i-zc2 { background-position: -18px -17px; }
.zc-tui li a:hover .i-zc3 { background-position: -36px -17px; }
.zc-tui li a:hover .i-zc4 { background-position: -54px -17px; }
.zc-tui li a:hover .i-zc5 { background-position: -72px -17px; }
.zc-tui li a:hover .i-zc6 { background-position: -90px -17px; }
.zc-tui li a:hover .i-zc7 { background-position: -108px -17px; }
.zc-tui li a:hover .i-zc8 { background-position: -126px -17px; }
.zc-tui li a:hover .i-zc9 { background-position: -144px -17px; }
.zc-tui li a:hover .i-zc10 { background-position: -162px -17px; }
.zc-tui li a:hover .i-zc11 { background-position: -180px -17px; }
.zc-tui li a:hover .i-zc12 { background-position: -198px -17px; }

.title3 {
    padding:10px 20px;
    font-size:14px;
    font-weight:bold;
    background-color:#f5f5f5;
}
.local-list p { height:136px; overflow:hidden; }
.local-list p a {
    float:left;
    margin-left:10px; margin-right:9px;
    font-size:14px;
    line-height:34px;
    white-space:nowrap;
}
.local-more {
    display:block;
	-webkit-transition: all .2s;
	             transition: all .2s;
}
.local-list-hover p { height:auto; }
.local-list-hover .local-more {
    -webkit-transform:rotate(180deg);
                 transform:rotate(180deg);
}


.chose-area .area-tit {
    padding:14px 19px;
    height:20px;
}
.chose-area dd {
    position:relative;
    padding-right:55px; 
    height:40px;
    border-top:1px dotted #eee;
    overflow:hidden;
}
.chose-area dd.area-hig { height:100%; }
.chose-area .cho-num { color:#999; }
.chose-area .cho-num em { color:#666; }
.chose-area .area-type {
    float:left;
    width:88px; line-height:40px;
    text-align:center;
    background:#f8f8f8;color:#999;
    border-right:1px solid #eee;
    padding-bottom:10000px; margin-bottom:-10000px;
} 
.chose-area .area-hig .area-type { height:100%; }
.chose-area .btn-more {
    position:absolute; right:30px; top:12px;
}
.chose-area p { padding:5px 0 5px 89px; *padding-left:0; }
.chose-area p a {
    margin-left:30px; line-height:30px;
    float:left; white-space:nowrap;
    margin-bottom:5px;
}
.area-on {
    color:#333; font-weight:bold;
}
.hot-rank .btn { padding:0 24px; }

.btn-gy2 { 
    padding:0 10px; 
    background-color:#f8f8f8;
    border-color:#f8f8f8; 
    font-size:12px;
}
.btn-gy2:hover { 
    background-color:#eee; 
    border-color:#eee; 
}
.hot-reccom .btn-gy2 {
    margin-right:10px;
    margin-top:10px;
}
/* law-bz-tab */
.law-bz-tab { height:36px; }
.law-bz-tab span {
    float:left;
    margin-right:20px;
    padding:0 10px 10px;
    height:24px; line-height:24px;
    font-size:20px; 
    cursor:pointer;
}
.law-bz-tab span.law-bz-now {
    color:#01af63;
    border-bottom:2px solid #01af63;
}
.law-bz-nr .btn-gy2 {
    margin-right:20px;
    margin-top:20px;
}
.law-bz-nr .btn-gy2:hover {
    background-color:#01af63;
    border-color:#01af63;
    color:#fff;
}
/* zb-lawyer */
.zb-lawyer a {
    float:left;
    margin-right:30px;
    line-height:30px;
    color:#999;
    white-space:nowrap;
}
.zb-lawyer a:hover { color:#f25618; }
/* lawyer-rank */
.lawyer-rank { padding:19px 19px 0; }
.rank-list li {
    padding:15px 0;
    height:60px;
    border-bottom:1px dashed #eee;
}
.rank-list li.borb0 ,.n-c-list li.borb0 { border-bottom:0; }
.rank-list li a.law-photo60 {
    width:60px; height:60px;
    border-radius:50%;
    overflow:hidden;
}
.rank-list li a.law-photo60 img { display:block; width:60px; height:60px; }
.rank-list li p, .rank-list li p a { color:#333; font-size:14px; }
.rank-list li p a:hover { color:#f25618; }
.rank-list li p span { display:block; }
.rank-tab {
    height:29px;
    overflow:hidden;
}
.rank-tab a {
    float:left;
    width:119px; height:28px; line-height:28px;
    font-size:14px;
    text-align:center; color:#999;
    border-bottom:1px solid #eee;
}
.rank-tab a.now-tab {
    color:#333;
    border-bottom-color:#333;
}
/* */
.art-list2 li {
    height:48px; line-height:48px;
    overflow:hidden;
    border-bottom:1px dotted #eee;
}
.art-list2 li a { color:#333; }
.art-list2 li a:hover { color:#f25618; }
.art-list2 li.borb0 { border-bottom:0; }
.art-list2 li em {
    float:left;
    margin:18px 10px 0 0;
    width:12px; height:12px; line-height:12px;
    font-size:10px;
    text-align:center;
    background-color:#bbb;
    color:#fff;
}
.art-list2 li em.bg-gn { background-color:#5bd480; }
.art-list2 li span { font-size:12px; }
.pb0 { padding-bottom:0; }


.ptb50 { padding-top:50px; padding-bottom:50px; }

.borb1 { border-bottom:1px solid #eee; }

.tui-lawyer-eva {
    padding: 15px 0 15px 20px;
    width: 179px;
}

.lr-answer2 {
    padding-left: 70px;
}

.lr-answer {
    background-color: #f8f8f8;
    border-radius: 2px;
    display: block;
    min-height: 40px;
    padding: 20px 20px 20px 80px;
    position: relative;
}

    .lr-answer img {
        border-radius: 50%;
        display: block;
        height: 40px;
        left: 20px;
        position: absolute;
        top: 20px;
        width: 40px;
    }

    .lr-answer p {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }
/* 2017-08-02 hb-right */
.law-list .hb-right {
    position: absolute;
    right: 20px;
    top: 30px;
}

.tui-lawyer .hb-right {
    position: absolute;
    right: 20px;
    top: 30px;
}

/*call二级专长*/
.acsssubspecial {
    float: left;
    line-height: 30px;
    margin-left: 30px;
    white-space: nowrap;
}