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


@font-face {
    font-family: 'dincond-boldregular';
    src: url('../fonts/dincond-bold-webfont.eot');
    src: url('../fonts/dincond-bold-webfont.eot') 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;

}
.bgf1 { background-color:#f1f1f1; }
.bgff { background-color:#fff; }
/* banner-bar */
.banner-bar {
    display: block;
    position: relative;
    padding-top: 100px;
    height: 336px;
    background: url(../images/banner2.jpg) no-repeat center center;
    color: #fff;
    text-align: center;
}

 .banner-bar h1 {
        position: absolute;
        left: 50%;
        top: 160px;
        margin-left: -380px;
        font-size: 56px;
        line-height: 60px;
        font-weight: 300;
        letter-spacing: 5px;
        color: #fff;
    }

/* 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:#01af63;
    color:#fff;
}
.sim-nr { 
    position:relative; 
    padding:20px;
    background-color:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    border-radius:3px;
}

/*  */
.w580 { width:510px; padding:30px 30px 30px 40px; }
.w620 { width:620px; padding-top:30px; }
.lh24 { line-height:24px; }
.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; bottom:0;
    display:block;
    content:'';
    border-bottom:1px solid #f2f2f2;
}
.tui-lawyer li:last-child:before { border-bottom:0; }
.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;
    line-height:24px;
    color:#fff;
    border-left:1px solid rgb(28, 121, 255);
}
.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:rgb(28, 121, 255);
}
.tui-lawyer li:hover { box-shadow:0 3px 10px rgba(28, 121, 255,.2); z-index:2; }
.tui-lawyer li:hover:before { border-bottom:0; }
.tui-lawyer li:hover .tui-ask-btn { display:block; }

/* tui-lawyer2 */
.tui-lawyer2 li:before { right:30px; }
.tui-lawyer2 li .tui-ask-btn {
    padding-top:90px;
    top:0; right:0; bottom:0;
    width:180px;
    color:#fff;
    background-color:#01af63;
    text-align:center;
    box-shadow:-5px 0 20px rgba(1,175,99,.3);
}
.law-ensure i.i-sr14 {
    margin-right:4px;
    margin-top:5px;
    float:left;
}
.tui-lawyer-eva {
    padding:0 20px 0 49px;
    width:130px;
    border-left:1px solid #eee;
}
.s-ccdc { color:#cdcdcd; }
.mlr5 { margin-left:5px; margin-right:5px; }

/* lr-answer */
.lr-answer {
    position:relative;
    display:block;
    padding:20px 20px 20px 80px;
    min-height:40px; _height:40px;
    background-color:#f8f8f8;
    border-radius:2px;
}
.lr-answer img {
    position:absolute; top:20px; left:20px;
    display:block;
    width:40px; height:40px;
    border-radius:50%;
}
.lr-answer p {
    height:20px; line-height:20px;
    overflow:hidden;
}

/* quick-ask */
.quick-ask { 
    position:relative;
    padding-bottom:50px;
    background-color:#eee;
    border-radius:3px;
    overflow:hidden;
}
.quick-ask .u-fm {
    float:left;
    width:488px; height:164px;
    border-color:#eee;
    resize:none;
    font-size:14px;
    line-height:20px;
    overflow-y:auto;
}
.quick-ask .btn {
    position:absolute; left:0; right:0; bottom:1px;
    display:block;
    height:46px; line-height:46px;
    font-size:16px;
    text-align:center;
}
/* 在线咨询列表 */
.w900 { width:900px; }
.w280 { width:280px; }
.box-bor1 { border:1px solid #eee; }
.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;
}
/*  lr-answer2 */
.lr-answer2 { padding-left:70px; }
/* */
.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; }
/* zb-lawyer */
.zb-lawyer a {
    float:left;
    margin-right:30px;
    line-height:30px;
    color:#999;
    white-space:nowrap;
}
.zb-lawyer a:hover { color:#f25618; }
.borb1 { border-bottom:1px solid #eee; }
.ptb50 { padding-top:50px; padding-bottom:50px; }
/*online二级专长*/
.acsssubspecial {
    float: left;
    line-height: 30px;
    margin-left: 30px;
    white-space: nowrap;
}