/** #3471 lq 2022-10-31 */
.s-warn { color: #ec3b3b; }
.s-primary { color: #0057ff; }
.ptb20 { padding: 20px 0; }
.ptb40 { padding: 40px 0; }
.pt60 { padding-top: 60px; }
.pb30 { padding-bottom: 30px; }
.pb50 { padding-bottom: 50px; }
.mt12 { margin-top: 12px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.ml30 { margin-left: 30px; }
.hr-line { height: 1px; background-color: #e8e8e8; }
.line-vertical { width: 1px; height: 12px; background-color: #ddd; }
.content-bg { background: #f8f8f8 url('../../pic/bg/lawyerbyquestion.png') center top no-repeat; }
.w800 { width: 800px; }
.w310 { width: 310px; }

/* crumbs */
.crumbs { font-size: 12px; line-height: 16px; color: #bbb; }
.crumbs a { color: #bbb; }
.crumbs a:hover { color: #0057ff; }

/* nav-f32-line */
.nav-f32-line { text-align: center; }
.nav-f32-line .tit { position: relative; height: 42px; line-height: 42px; font-size: 32px; color: #4d6699; }
.nav-f32-line .tit:before,
.nav-f32-line .tit:after {
    position: absolute; top: 22px; content: '';
    width: 48px; height: 1px; background: #526e8b; opacity: 0.3;
}
.nav-f32-line .tit:before{ left: -68px; }
.nav-f32-line .tit:after { right: -68px; }

/* type-filtrate-bar */
.type-filtrate-bar { padding: 5px 40px 15px; background-color: #fff; font-size: 14px; }
.type-filtrate-bar .type-list { padding: 13px 0; }
.type-filtrate-bar .type-list .tit { top: 15px; color: #999; }
.type-filtrate-bar .type-list .type-nr { padding-left: 86px; min-height:36px;}
.type-filtrate-bar .first-grade a.is-this { background-color: #0057ff; color: #fff; border-radius: 15px; }
    /* type-list */
.type-list { position: relative; line-height: 28px; border-bottom: 1px dotted #eee; }
.type-list:last-child { border-bottom: none; }
.type-list .tit { position: absolute; left: 0; top: 5px; }
.type-list .type-nr { padding-left: 55px; }
.type-list .first-grade a { display: inline-block; padding: 0 12px; margin: 4px; }
.type-list .first-grade a.is-this { color: #fff; }
.type-list .selected a { 
    display: inline-block; padding: 0 30px 0 10px; background-color: #f8f8f8; color: #666; margin: 4px 5px; position: relative; 
}
.type-list .selected a .iconfont { 
    position: absolute; top: 10px; right: 10px; z-index: 5;
    font-size: 10px; color: #ccc; line-height: 12px;
}
        /**/
.type-list .unfold-bar { position: relative; padding-right: 30px; }
.type-list .un-ovh { overflow: hidden; }
.type-list .un-ovh.h36 { height: 36px; }
.type-list .un-ovh.h72 { height: 72px; }
.type-list .un-btn { position: absolute; bottom: 10px; right: 0; z-index: 10; width: 14px; height: 14px; line-height: 14px; text-align: center; border: 1px solid #ddd; background-color: #f9f9fb; cursor: pointer; }
.type-list .un-btn .iconfont { font-size: 12px; color: #333; line-height: 12px; font-weight: normal; transform: scale(.8); margin-top: 0; }
    /*  */
.pop-subset {
    position: absolute; left: 0; top: 0; z-index: 100; display: none;
    width: 400px; padding: 18px 10px 18px 18px; box-sizing: border-box; 
    background-color: #fff; border: 1px solid #f2f2f2; box-shadow: 0px 8px 32px rgba(0,0,0, .03); border-radius: 8px;
}
.pop-subset a { float: left; margin: 9px 14px; line-height: 20px; }
.pop-subset a.is-this { color: #0057ff; }

/* nav-f24 */
.nav-f24 { height: 32px; line-height: 32px; }
.nav-f24 .tit { float: left; font-size: 24px; }
.nav-f24 .more { position: relative; float: right; padding-right: 12px; font-size: 14px; color: #666; }
.nav-f24 .more:after {
    position: absolute; top: 0; right: 0;
    font-family: "iconfont" !important; content: "\e620"; 
    font-size: 16px; color: #999; transform: scale(.5);
}

/* lr-show */
.lr-show .name { height: 30px; line-height: 30px; overflow: hidden; }
.lr-show .name a { float: left; font-size: 24px; margin-right: 10px; }
.lr-show .name .ico-vip { float: left; width: 16px; height: 16px; margin-top: 7px; }
/* .lr-show .name span { color: #bbb; margin-right: 30px; } */
.lr-show .help { color: #666; height: 16px; line-height: 16px; overflow: hidden; }
.lr-show .info { color: #999; line-height: 18px; height: 36px; overflow: hidden; }
.lr-show .tel { font-size: 24px; }
.lr-show .site { font-size: 12px; color: #bbb; }
.lr-show .btn { 
	position: absolute; right: 30px; bottom: 60px; 
	width: 76px; height: 24px; line-height: 24px; visibility: hidden; opacity: 0; 
}
.lr-show:hover { box-shadow: 0 2px 20px 0 rgba(0,0,0, .06); }
.lr-show:hover .btn { visibility: visible; opacity: 1; }
	/*lr-show-w580*/
.lr-show-w580 { 
	float: left; width: 580px; height: 490px; background-color: #fff; border-radius: 2px; 
	margin-left: 40px; margin-bottom: 40px; position: relative;
}
.lr-show-w580 img { display: block; width: 100%; height: 242px; }
.lr-show-w580 .pad { padding: 25px 30px; }
.lr-show-w580 .help { margin-top: 12px; }
.lr-show-w580 .info { margin: 10px 0 22px; }
.lr-show-w580 .tel { font-size: 24px; }
.lr-show-w580 .site { margin-top: 15px; }
	/* lr-show-h180 */
.lr-show-h180 { 
    position: relative; height: 130px; margin-bottom: 20px;
    padding: 25px 340px 25px 180px; background-color: #fff; border-radius: 2px; 
}
.lr-show-h180 .img-block { position: absolute; left: 30px; top: 30px; width: 120px; height: 120px; }
.lr-show-h180 .help { margin: 12px 0 10px; }
.lr-show-h180 .site { position: absolute; top: 18px; right: 30px; }
.lr-show-h180 .tel { position: absolute; top: 80px; right: 30px; }
.lr-show-h180 .btn { position: absolute; bottom: 30px; right: 30px; }
.list-show-adv { margin-left: -40px; }
    /* no-art */
.lr-show-w580 .no-art { padding: 40px; text-align: center; }
.no-art .f24 { height: 32px; line-height: 32px; font-size: 24px; }
.no-art .f16 { height: 20px; line-height: 20px; font-size: 16px; color: #999; margin-top: 10px; }
.no-art .u-btn { 
    display: block; width: 160px; height: 40px; box-sizing: border-box; margin: 30px auto 0; 
    font-size: 16px; line-height: 38px; font-weight: 600; border-radius: 40px;
}

/* hot-tag-bar */
.hot-tag-bar a { 
	float: left; line-height: 48px; padding: 0 20px; background-color: #fff; border-radius: 2px;
	font-size: 16px; color: #666; margin: 0 10px 10px 0;
}
.hot-tag-bar a:hover { color: #0057ff; box-shadow: 0 2px 20px 0 rgba(0,0,0, .06); }

/* tj-lawyer-list */
.tj-lawyer-list li { position: relative; padding: 30px 320px 30px 200px; background: #fff; border-radius: 8px; margin-top: 30px; }
.tj-lawyer-list li .site { 
    position: absolute; top: 20px; right: 30px; 
    font-size: 12px; color: #bbb; line-height: 16px; height: 16px;
}
.tj-lawyer-list li .site .ico-char { float: left; margin: 1px 8px 0 0; }
.tj-lawyer-list li .photo { position: absolute; left: 30px; top: 30px; width: 140px; height: 140px; }
.tj-lawyer-list li .photo img { border-radius: 12px; }
.tj-lawyer-list li .photo .ico-vip { 
    position: absolute; right: 4px; bottom: 4px; 
    width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; 
}
.tj-lawyer-list li .tit { height: 32px; line-height: 32px; }
.tj-lawyer-list li .tit .name { float: left; font-size: 24px; font-weight: 600; margin-right: 15px;  }
.tj-lawyer-list li .tit .post { 
    float: left; height: 20px; line-height: 20px; margin-top: 6px;
    background: #fff; border: 1px solid #b3cdff; border-radius: 2px;
    padding: 0 8px; font-size: 12px; color: #578fff;
}
.tj-lawyer-list li .tag { height: 28px; line-height: 28px; margin-top: 10px; }
.tj-lawyer-list li .tag span { 
    float: left; padding: 0 10px; background: #fff8eb;margin-right: 8px;
    border-radius: 4px; font-size: 12px; color: #b38f48;
}
.tj-lawyer-list li .h20 { height: 20px; line-height: 20px; margin-top: 10px; font-size: 14px; }
.tj-lawyer-list li .help .item { float: left; }
.tj-lawyer-list li .help .line-vertical { float: left; margin: 4px 12px 0; }
.tj-lawyer-list li .new-jd { position: relative; padding: 15px 20px 15px 15px; background-color: #fafafa; border-radius: 8px; margin-top: 22px; }
.tj-lawyer-list li .new-jd dt { 
    position: absolute; left: 0; top: -12px; 
    width: 84px; height: 24px; padding: 8px 0 0 10px; background: url('../../pic/bg/dt.png') no-repeat;
    color: #527acc; line-height: 16px;
}
.tj-lawyer-list li .new-jd dd { position: relative; padding: 5px 0 5px 14px; }
.tj-lawyer-list li .new-jd dd:after {
    position: absolute; left: 0; top: 14px; content: '';
    width: 4px; height: 4px; background-color: #bbb; border-radius: 50%;
}
.tj-lawyer-list li .new-jd dd a { font-size: 14px; color: #666; }
.tj-lawyer-list li .new-jd dd a:hover { color: #0057ff; }
.tj-lawyer-list li .new-jd.txt { padding: 22px 10px 16px; }
.tj-lawyer-list li .new-jd.txt dd { padding: 0; font-size: 14px; line-height: 20px; color: #666; }
.tj-lawyer-list li .new-jd.txt dd:after { background: none; }
.tj-lawyer-list li .r-elem { position: absolute; top: 108px; right: 90px; }
.tj-lawyer-list li .r-elem .operate { height: 48px; }
.tj-lawyer-list li .r-elem .operate .item {
    float: left; width: 48px; height: 48px; line-height: 46px; text-align: center; margin: 0 10px;
    background: #fff; border: 1px solid #e8e8e8; border-radius: 50%; box-sizing: border-box;
    transition: box-shadow .2s linear; cursor: pointer;
}
.tj-lawyer-list li .r-elem .operate .item:hover { box-shadow: 0px 4px 16px rgba(0,0,0, .1); }
.tj-lawyer-list li .r-elem .operate .iconfont { font-size: 20px; }
.tj-lawyer-list li .r-elem p { font-size: 12px; line-height: 16px; color: #999; text-align: center; margin-top: 20px; }

/* popup-tel */
.popup-tel { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }
.popup-tel .bg {
    position: absolute; left: 0; top: 0; width: inherit; height: inherit;
    background-color: rgba(0,0,0, .7);
}
.popup-tel .popup-bar {
    position: absolute; left: 50%; top: 50%; text-align: center;
    width: 468px; height: 214px; padding: 40px 20px 24px; box-sizing: border-box; 
    transform: translatex(-50%) translatey(-50%);
    background: #fff; box-shadow: 0px 0px 16px rgba(0,0,0, .15); border-radius: 8px;
}
.popup-tel .popup-bar .pop-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; }
.popup-tel .popup-bar .pop-close .iconfont { font-size: 12px; color: #999; }
.popup-tel .popup-bar .h20 { font-size: 16px; line-height: 20px; }
.popup-tel .popup-bar .tel { margin-top: 16px; }
.popup-tel .popup-bar .tel .h36 { height: 36px; line-height: 36px; }
.popup-tel .popup-bar .tel .icon-tel2 { font-size: 20px; line-height: 1; margin: -8px 8px 0 0; }
.popup-tel .popup-bar .tel .f-num { font-size: 28px; }
.popup-tel .popup-bar .tel p { font-size: 12px; color: #999; line-height: 16px; margin-top: 5px; }
.popup-tel .popup-bar .btm-h16 { position: absolute; left: 24px; right: 24px; bottom: 24px; line-height: 16px; color: #999; }

/* zc-ask-list */
.zc-ask-list li { padding: 20px 0 30px; border-bottom: 1px solid #eee; }
.zc-ask-list li.pb40 { padding-bottom: 40px; }
.zc-ask-list li:last-child { border-bottom: none; }
.zc-ask-list li .tit { height: 26px; line-height: 26px; font-size: 20px; }
.zc-ask-list li .tit .t { float: right; font-size: 12px; color: #999; margin-left: 30px; }
.zc-ask-list li .tx { font-size: 12px; line-height: 16px; color: #666; margin-top: 20px; }
.zc-ask-list li .h40 { height: 40px; line-height: 40px; font-size: 12px; color: #999; margin-top: 20px; }
.zc-ask-list li .photo-arr { float: left; padding-left: 10px; margin-right: 15px; }
.zc-ask-list li .photo-arr img { float: left; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; margin-left: -10px; }
.zc-ask-list li .h16 { height: 16px; line-height: 16px; margin-top: 30px; font-size: 12px; color: #999; }
.zc-ask-list li .h16 span { float: left; }
.zc-ask-list li .h16 .line-vertical { float: left; background-color: #e8e8e8; margin: 2px 12px 0; }

/* ask-list */
.ask-list li { padding: 25px 0; border-bottom: 1px solid #eee; }
.ask-list li:last-child { border-bottom: none; }
.ask-list .tit { height: 22px; line-height: 22px; font-size: 16px; }
.ask-list .h16 { height: 16px; line-height: 16px; margin-top: 15px; font-size: 12px; color: #999; }
.ask-list .h16 span { float: left; }
.ask-list .h16 .line-vertical { float: left; background-color: #e8e8e8; margin: 2px 12px 0; }

/* tabs-link */
.tabs-link .tab-nav { height: 24px; padding-bottom: 15px; }
.tabs-link .nav-item { float: left; margin-right: 35px; font-size: 18px; line-height: 24px; cursor: pointer; }
.tabs-link .nav-item.is-this { position: relative; font-weight: 600; }
.tabs-link .nav-item.is-this:after {
    position: absolute; left: 50%; bottom: -15px; content: '';
    width: 36px; height: 4px; background: #0057ff; margin-left: -18px;
}
.tabs-link .list { overflow: hidden; }
.tabs-link .list a { float: left; font-size: 12px; line-height: 16px; color: #bbb; margin: 9px 20px 9px 0; }
.tabs-link .list a:hover { color: #0057ff; }