body { min-width: 1200px; }
.w800 { width: 800px; }
.w740 { width: 740px; }
.w380 { width: 380px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.mt60 { margin-top: 60px; }
.pt25 { padding-top: 25px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pb15 { padding-bottom: 15px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pt5 { padding-top: 5px; }
.plr40 { padding-left: 40px; padding-right: 40px; }
.plr30 { padding-left: 30px; padding-right: 30px; }
.ptb30_lr40 { padding: 25px 40px; }

/* banner_h440 */
.banner_h440 { height: 440px; overflow: hidden; position: relative; }
.banner_h440 img { position: absolute; left: 50%; top: 0; margin-left: -960px; }

/* nav_f24 */
.nav_f24 { height: 34px; font-size: 24px; line-height: 34px; }
.nav_f24 strong span { color: #f25618; }
.nav_f18 strong { font-size: 18px; line-height: 24px; font-weight: 600; }
.nav_f18.h88 { height: 24px; padding: 37px 0 28px; }

.more { font-size: 16px; color: #999; position: relative; padding-right: 15px; }
.more:after { 
    position: absolute; top: 50%; right: 0; margin-top: -4px;
    border-right: 1px solid #ccc; border-top: 1px solid #ccc;
    width: 6px; height: 6px; content: ''; transform: rotate(45deg)
}
.more:hover:after { border-color: #f25618; }

/* jx_jieda_list */
.jx_jieda_list { border-top: 1px solid #f2f2f2; }
.jx_jieda_list .item { padding: 35px 0 30px; border-bottom: 1px solid #f2f2f2; }
.jx_jieda_list .item h4 { font-size: 18px; line-height: 26px; }
.jx_jieda_list .item .inf { height: 70px; margin-top: 15px; }
.jx_jieda_list .item .inf .lawyer {
    float: left; height: 40px; line-height: 40px; min-width: 260px; padding: 15px 20px; border-radius: 35px;
    background: linear-gradient(90deg, #f5f5f5 1%, #ffffff 100%); transition: all .25s linear;
}
.jx_jieda_list .item .inf .lawyer img { 
    float: left; width: 40px; height: 40px;
    border-radius: 50%; box-shadow: 0 2px 10px 0 rgba(0,0,0, .2); 
}
.jx_jieda_list .item .inf .lawyer b { color: #333; margin: 0 15px; }
.jx_jieda_list .item .inf .lawyer span { font-size: 12px; color: #666; }
.jx_jieda_list .item .inf .lawyer:hover { box-shadow: 0 2px 10px rgba(0,0,0, .1); }
.jx_jieda_list .item .inf .fr { margin-top: 25px; }
.jx_jieda_list .item .inf .fr span { float: left; font-size: 12px; color: #999; margin-left: 15px; }

/* new_jieda_list */
.new_jieda_list .item { display: block; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0,0,0, .08); margin-top: 20px; }
.new_jieda_list .item .img_block { overflow: hidden; }
.new_jieda_list .item .pad { padding: 25px; }
.new_jieda_list .item .pad h3 { font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; }
.new_jieda_list .item .pad p { font-size: 12px; color: #999; margin-top: 8px; }

/* online_ask_lawyer */
.online_ask_lawyer { width: 820px; }
.online_ask_lawyer li { float: left; width: 380px; height: 200px; margin: 0 30px 30px 0; position: relative; }
.online_ask_lawyer li .lr_card { position: absolute; top: 0; transition: all .25s linear; }
.online_ask_lawyer li:hover .lr_card { top: -5px; box-shadow: 0 5px 15px 0 rgba(0,0,0, .03); }
    /* lr_card */
.lr_card { 
    width: 380px; height: 200px;
    background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0,0,0, .01); 
}
.lr_card .lawyer { display: block; width: 225px; height: 175px; padding: 25px 35px 0 120px; }
.lr_card img { 
    position: absolute; left: 20px; top: 30px; 
    width: 80px; height: 80px; border-radius: 50%; 
}
.lr_card h3 { font-size: 18px; color: #333; font-weight: 600; line-height: 28px; height: 28px; overflow: hidden; }
.lr_card .skill { color: #666; height: 20px; overflow: hidden; margin: 6px 0 9px; }
.lr_card .info { color: #999; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 15px; }
.lr_card .btn { 
    position: absolute; left: 120px; bottom: 22px;
    width: 104px; height: 30px; background-color: #f25618; border-radius: 15px; 
    color: #fff; text-align: center; line-height: 30px;
}

/* more_type */
.more_type { width: 320px; height: 408px; padding: 22px 30px 0; }
.more_type .item { 
    display: block; height: 58px; border-bottom: 1px solid #f2f2f2; 
    padding: 18px 0 0 60px; position: relative;
}
.more_type .item:last-child { border-bottom: none; }
.more_type .item .iconfont { 
    position: absolute; left: 5px; top: 22px; 
    font-size: 28px; color: #999; line-height: 28px; 
    transition: all .15s linear;
}
.more_type .item .f16 { color: #333; font-size: 16px; }
.more_type .item .f14 { color: #ccc; margin-top: 2px; }
.more_type .item:hover .iconfont  { transform: scale(1.2); }

/* consult_type_bar */
.consult_type_bar { padding: 27px 40px 38px; }
.consult_type_bar .tag-list { margin-top: 15px; }
.consult_type_bar .tag-list a { 
    float: left; padding: 0 5px; margin: 6px 25px 6px 0; cursor: pointer;
    font-size: 14px; color: #666; line-height: 24px; 
}
.consult_type_bar .tag-list a:hover { color: #f25618; }
.consult_type_bar .tag-list a.cur { background-color: #f25618; color: #fff; }
.consult_type_bar .tag-list.subordinate { border-top: 1px solid #eee; margin-top: 20px; padding-top: 20px; }

/* tab_nav_black */
.tab_nav_black { border-bottom: 1px solid #ddd; height: 36px; }
.tab_nav_black span { 
    float: left; width: 50%; padding-bottom: 10px; position: relative;
    font-size: 16px; line-height: 26px; text-align: center; cursor: pointer;
}
.tab_nav_black span.cur:after {
    position: absolute; left: 0; bottom: -1px; right: 0;
    height: 2px; background-color: #333; content: '';
}

/* received_list */
.received_list { padding-bottom: 20px; }
.received_list li { height: 60px; padding: 20px 0; border-bottom: 1px solid #eee; }
.received_list li:last-child { border-bottom: none; }
.received_list li .img_block { float: left; width: 60px; height: 60px; margin-right: 20px; }
.received_list li .img_block img { border-radius: 50%; }
.received_list li h4 { font-size: 16px; line-height: 30px; padding-top: 4px; }
.received_list li p span { color: #f25618; }

/* r_guide */
.r_guide { 
    height: 332px; padding: 25px 40px;
    background: url('../../images/2019/law_ask/bg/bg_380x382.jpg') no-repeat; 
}
.r_guide h3 { font-size: 24px; color: #fff; line-height: 28px; font-weight: 300; text-align: center; }
.r_guide .btn { 
    display: block; height: 40px; line-height: 40px; 
    background-color: #01af63; border-radius: 20px;
    font-size: 16px; color: #fff; text-align: center;
}
    /**/
.step_bar { padding: 32px 0 25px; }
.step_bar dl { padding: 10px 0; position: relative; }
.step_bar dl.b_line:after {
    position: absolute; left: 18px; top: 49px;
    width: 1px; height: 30px; background-color: #fbfcfc;
    content: '';
}
.step_bar dl dt { 
    float: left; width: 34px; height: 34px; margin: 4px 30px 4px 0;
    border: 1px solid #fff; border-radius: 50%; 
    font-size: 16px; color: #fff; text-align: center; line-height: 36px;
}
.step_bar dl .f16 { font-size: 16px; color: #fff; line-height: 24px; }
.step_bar dl .f12 { font-size: 12px; color: #858f99; }

/* detail_page */
.detail_page { padding: 60px; }
    /* */
.det-title h1 { font-size: 32px; line-height: 46px; font-weight: 600; }
.det-title .inf { height: 20px; font-size: 12px; color: #bbb; margin-top: 18px; }
.det-title .inf span { float: left; margin-right: 25px; }
.det-title .inf span em { color: #01af63; margin-right: 10px; }
.det-title .inf span em:last-child { margin-right: 0; }
    /* */
.det-nr { padding-top: 45px; font-size: 16px; line-height: 32px; }
.det-plot { height: 273px; margin-top: 20px; }
.det-tip { color: #bbb; margin-top: 35px; }

/* other_question */
.q_item { padding: 15px 0; }
.q_item .wen { height: 24px; overflow: hidden; }
.q_item .wen span { 
    float: left; width: 32px; height: 24px; margin-right: 10px;
    background-color: #ccc; border-radius: 4px 4px 4px 0;
    color: #fff; text-align: center; line-height: 24px;
}
.q_item .wen a { font-size: 18px; line-height: 24px; font-weight: 600; }
.q_item .da { padding: 18px 42px 20px 42px; background-color: #f9f9f9; margin-top: 16px; }
.q_item .da .tx { line-height: 22px; color: #666; }
.q_item .da .lr_info { height: 40px; margin-top: 15px; }
.q_item .da .lr_info .img_block { float: left; width: 40px; height: 40px; margin-right: 15px; }
.q_item .da .lr_info .img_block img { border-radius: 50%; }
.q_item .da .lr_info dl { float: left; margin-right: 20px; }
.q_item .da .lr_info dd { height: 18px; line-height: 18px; }
.q_item .da .lr_info dd .icon-authentication { color: #ff9600; margin: -2px 0 0 8px; }
.q_item .da .lr_info dd .icon-phone { font-size: 14px; color: #666; margin: -2px 8px 0 0; }
.q_item .da .lr_info dd.tel { color: #999; margin-top: 4px; }
.q_item .da .lr_info .btn { 
    float: left; width: 78px; height: 26px; margin-top: 6px;
    border: 1px solid #f25618; border-radius: 14px; 
    color: #f25618; line-height: 28px; text-align: center;
}
.q_item .da .lr_info .btn:hover { background-color: #f25618; color: #fff; }
.q_item .da .lr_info .num { float: right; color: #999; line-height: 40px; }
.q_item .da .lr_info .num em { color: #01af63; }
.q_item .da .lr_info .num:hover { text-decoration: underline; }

/* zb_tag */
.zb_tag { padding-top: 8px; }
.zb_tag a { 
    float: left; padding: 0 10px; height: 32px; margin: 20px 20px 0 0;
    background-color: #80d895; border-radius: 4px;
    font-size: 12px; color: #fff; line-height: 32px; 
    transition: all .25s linear;
}
.zb_tag a:hover { background-color: #51c66d; }

/* hot-tag-bar */
.hot-tag-bar .item { 
    overflow: hidden; border-bottom: 1px solid #eee; 
    font-size: 14px; position: relative; padding: 4px 0 16px 100px; 
}
.hot-tag-bar .item .tit { position: absolute; left: 0; top: 0; color: #999; line-height: 52px; }
.hot-tag-bar .item .unfold-bar { position: relative; padding-right: 60px; }
.hot-tag-bar .item .unfold-bar .un-ovh { height: 32px; overflow: hidden; }
.hot-tag-bar .item .unfold-bar .un-nr a { float: left; color: #666; white-space: nowrap; margin: 12px 15px 0 0; }
.hot-tag-bar .item .unfold-bar .un-btn { position: absolute; top: -4px; right: 0; color: #666; line-height: 52px; cursor: pointer; }
.hot-tag-bar .item .unfold-bar .un-btn .icon-more-arrow { font-size: 10px; color: #999; margin: 0 0 0 9px; }
.hot-tag-bar .item.show .un-btn .icon-more-arrow { transform: rotate(180deg); margin-top: -2px; }

/* source_lawyer */
.source_lawyer { padding: 27px 30px 0; height: 463px; }
.source_lawyer img { display: block; width: 160px; height: 160px; border-radius: 50%; margin: 27px auto 0; }
.source_lawyer .name { font-size: 20px; line-height: 28px; text-align: center; margin: 25px 0 11px; }
.source_lawyer .name .icon-authentication { font-size: 18px; color: #ff9600; line-height: 18px; margin: -4px 0 0 5px; }
.source_lawyer .office { color: #bbb; text-align: center; }
.source_lawyer .inf { color: #666; height: 20px; margin: 12px 0 33px; }
.source_lawyer .inf .icon-left-marks { color: #ccc; margin: -2px 5px 0 0; }
.source_lawyer .btn { display: block; width: 238px; height: 40px; margin: auto; font-size: 16px; line-height: 40px; text-align: center; }

/* twzs-list */
.twzs-list li { overflow: hidden; margin-bottom: 27px; }
.twzs-list li .img_block { float: left; width: 125px; height: 82px; margin-right: 20px; }
.twzs-list li h3, .twzs-list li p { height: 20px; overflow: hidden; }
.twzs-list li h3 { font-size: 18px; }
.twzs-list li .f12 { font-size: 12px; color: #bbb; margin: 15px 0 10px; }

/* hot-tui-unfold */
.hot-tui-unfold { padding-bottom: 20px; }
.hot-tui-unfold .un-ovh {
    height: 260px;
    overflow: hidden;
}
.hot-tui-unfold .un-nr { margin-left: -20px; }
.hot-tui-unfold .un-nr a {
    float: left; margin: 0 0 20px 20px;
    padding: 0 19px; line-height: 32px;
    background-color: #f5f5f5; border-radius: 16px;
    font-size: 14px; color: #666; max-width: 112px; height: 32px; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis; text-align: center;
}
.hot-tui-unfold .un-nr a:hover { color: #f25618; }
.hot-tui-unfold .un-btn {
    margin-top: 10px; font-size: 16px; color: #666;
    text-align: center;
    cursor: pointer;
}
.hot-tui-unfold .un-btn .iconfont {
    font-size: 12px; margin-left: 10px;
}
.hot-tui-unfold.show .un-btn .iconfont {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* #17768  2021-05-14 by lxl*/
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.pt30{padding-top: 30px;}
.pb10{padding-bottom: 10px;}
.pb25{padding-bottom: 25px;}
.mt8{margin-top: 8px;}
.mr8{margin-right: 8px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.ver-middle{vertical-align: middle;}
.s-c999{color:#999;}
.block{display: block;}
.ect{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ect-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.nav_f18{font-size: 18px; line-height: 24px; }
.nav_f18 strong{font-weight: 600;}
.s-oe {color: #f25618!important;}

/* tag-list */
.consult_type_bar .tag-list{margin-left: 0;}
.tag-list{margin-left:-16px;margin-top:10px}
.tag-list .item{float:left;padding:0 20px;border-radius:30px;margin:12px 0 0 16px;color:#666;line-height:30px;background-color:#F5F5F5;cursor:pointer;}
.tag-list .item:hover{color:#11B790}
.tag-list .item.active,.tag-list .item.cur{color:#fff;background-color:#11B790}
.tag-list.new-law-list .item{max-width: 280px;}

/* 最新精选问答 */
.new-good-list li{padding:30px 0 20px;border-bottom:1px solid #E6E6E6}
.new-good-list li:last-child{border-bottom:0}
.new-good-list img{width:24px;height:24px;border-radius:50%}

/* 大家都在看 */
.people-look-list li{height:24px;overflow:hidden;margin-top:12px}
.people-look-list li>a{color:#666;width:250px}
.people-look-list li>a:hover{color:#f25618}

/* 图文详情 */
.u-btn{display:inline-block;vertical-align:middle;padding:0 15px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:30px;cursor:pointer;
    -webkit-transition:all .2s linear;transition:all .2s linear;}
.btn-warn{border-color:#F43651;background-color:#F43651;color:#fff}
.btn-warn:hover{background-color:#ef5858;border-color:#ef5858;color:#fff}
.det-plot{position: relative;}
.det-plot .u-btn{position: absolute;right: 55px;top: 40px;padding: 0;width: 106px;line-height: 36px;font-size: 16px;opacity: 0;visibility: hidden;}
.det-plot:hover .u-btn{opacity: 1;visibility: visible;}

/* tab */
.tabs-bar{overflow:hidden}
.tab-nav{color:#666;border-bottom:1px solid #e6e6e6}
.tab-nav .tab-link{display:inline-block;vertical-align:middle;padding:5px 4px 10px;margin-right:30px;cursor:pointer}
.tab-nav .tab-link:nth-child(8n){margin-right:0}
.tab-nav .tab-link.cur{position:relative;color:#11B790}
.tab-nav .tab-link.cur:after{position:absolute;left:0;right:0;bottom:0px;content:'';border-bottom:2px solid #11B790}
.tab-nav .tab-link.no-border:after{border-bottom:0}
.tabs-bar .unfold-bar{position:relative;border-bottom:1px solid #e6e6e6}
.tabs-bar .unfd-ovh{overflow:hidden}
.tabs-bar .unfd-btn{position:absolute;top:5px;right:2px;font-size:14px;color:#666;cursor:pointer;padding-left:20px;background-color:#fff}
.tabs-bar .unfd-btn:hover{color:#333}

/* yuyin-list */
.yuyin-list{}
.yuyin-list .img-block img { display: block; width: 100%; height: 100%; }
.yuyin-list li{padding:33px 0 35px;border-bottom:1px solid #eee;position:relative}
.yuyin-list li:last-child{border-bottom:none}
.yuyin-list li .r-voice{position:absolute;top:90px;right:14px;z-index:10}
.yuyin-list li .r-voice .move{position:relative}
.yuyin-list li .r-voice .play{border:2px solid #5e9df3;width:56px;height:56px}
.yuyin-list li .r-voice p{font-size:14px;color:#bbb;text-align:center;margin-top:15px}
.yuyin-list li h3{font-size:20px;line-height:30px;height:30px;overflow:hidden}
.yuyin-list li .lr-huifu{padding:0 120px 0 60px;position:relative;margin-top:25px}
.yuyin-list li .lr-huifu .img-block{position:absolute;left:0;top:0;width:40px;height:40px}
.yuyin-list li .lr-huifu .img-block img{border-radius:50%}
.yuyin-list li .lr-huifu .name{font-size:16px;height:20px;overflow:hidden}
.yuyin-list li .lr-huifu .hf-nr{font-size:14px;line-height:24px;height:48px;overflow:hidden;position:relative;margin:11px 0 15px}
.yuyin-list li .lr-huifu .hf-nr .unfold-btn{position:absolute;right:0;bottom:0;background-color:#fff;color:#01af63;cursor:pointer;padding-left:12px}
.yuyin-list li .lr-huifu .hf-nr .unfold-btn .i-ms27{margin-left:5px}
.yuyin-list li .info span{font-size:14px;color:#bbb;margin-right:20px}
.yuyin-list li .lr-huifu .show-all .unfold-btn .i-ms27{-weblit-transform:rotate(180deg);transform:rotate(180deg)}
.r-voice .move{width:60px;height:60px;background-color:#fff;border-radius:50%;box-shadow:0 5px 20px rgba(79,122,182,.15);cursor:pointer}
.r-voice .move audio{display:none}
.r-voice .move .loader1,.r-voice .move .loader2,.r-voice .move .loader3,.r-voice .move .loader4,.r-voice .move .loader5{width:3px;background-color:#5e9df3;border-radius:3px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
.r-voice .move .loader1:after,.move .loader2:after,.move .loader3:after,.move .loader4:after,.move .loader5:after{position:absolute;left:0;content:'';width:3px;height:3px;background-color:#3080ee;border-radius:50%}
.r-voice .move .loader1{height:12px;margin-left:-12px}
.r-voice .move .loader5{height:12px;margin-left:12px}
.r-voice .move .loader2{height:18px;margin-left:-6px}
.r-voice .move .loader4{height:18px;margin-left:6px}
.r-voice .move .loader3{height:26px}
.r-voice .move .loader1:after,.move .loader3:after,.move .loader5:after{bottom:0}
.r-voice .move .loader2:after,.move .loader4:after{top:0}
.play .loader1,.play .loader2,.play .loader3,.play .loader4,.play .loader5{-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out}
.play .loader1{-webkit-animation-delay:0s;animation-delay:0s}
.play .loader2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
.play .loader3{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.play .loader4{-webkit-animation-delay:-0.48s;animation-delay:-0.48s}
.play .loader5{-webkit-animation-delay:-0.64s;animation-delay:-0.64s}
@-webkit-keyframes load1{0%,80%,100%{height:12px}
40%{height:24px}
}@keyframes load1{0%,80%,100%{height:12px}
40%{height:24px}
}

/* #24122 2024-09-09 */
/* art-lawyer-ask-h100 */
.art-lawyer-ask-h100 { height: 100px; margin-top: 15px; }
.art-lawyer-ask-h100 .lawyer {
    position: relative; display: block; height: inherit; padding: 30px 0 0 100px; box-sizing: border-box;
    background: url('../../ui_v3/pc/pic/art/bg_lr_h100.png') no-repeat;
}
.art-lawyer-ask-h100 .photo {
    position: absolute; left: 22px; top: 15px; 
    width: 70px; height: 70px; background: #fff; box-sizing: border-box; 
    padding: 3px; border: 2px solid #A1E6DB; border-radius: 50%;
}
.art-lawyer-ask-h100 .photo img { border-radius: inherit; }
.art-lawyer-ask-h100 .h24 { height: 24px; line-height: 22px; }
.art-lawyer-ask-h100 .h24 .name { float: left; font-size: 16px; color: #111F34; font-weight: 600; }
.art-lawyer-ask-h100 .h24 .lab-rz {
    float: left; width: 76px; height: 16px; margin: 1px 0 0 6px;
    background: url('../../ui_v3/pc/pic/art/bg_lr_h100_lab.png');
}


/* #25073 2024-12-24  */
.f14 { font-size: 14px; }
.mt-2 { margin-top: -2px; }
.ml2 { margin-left: 2px; }
.pb20 { padding-bottom: 20px; }
.yuyin-list li .lr-huifu .hf-nr { max-height: 48px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;  margin-bottom: 0; height: auto; }
.yuyin-list li .lr-huifu .info { margin-top: 15px; }
.yuyin-list li .lr-huifu .name { line-height: 24px; height: auto; overflow: visible; }
.yuyin-list .ask-btn {
    display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 15px; padding: 0 11px; text-align: center; background-color: #fff; border: 1px solid #F25618; border-radius: 12px; cursor: pointer; line-height: 22px; font-size: 14px; color: #F25618;
}
.yuyin-list .ask-btn:hover { background-color: #F25618; color: #fff; }
.twzs-list li h3.ect { line-height: 25px; font-size: 16px; }
.twzs-list li .tx.ect-clamp {
    margin-top: 12px; color: #999; font-size: 14px; line-height: 22px;
    height: auto;
}
/* wenasnswer-swiper */
.mt4 { margin-top: 4px; }
.wenasnswer-swiper { height: 680px; width : 320px; }
.wenasnswer-swiper.h690 { height: 690px; }
.wenasnswer-swiper.h570 { height: 570px; }
.wenasnswer-swiper.h440 { height: 440px; }
.wenasnswer-swiper .pagination { position: absolute; right: 0; bottom: 0; left: 0; text-align: center; line-height: 4px; }
.wenasnswer-swiper .pagination span { display: inline-block; width: 20px; height: 4px; background-color: #e6e6e6; border-radius: 4px; margin: 0 2px; cursor: pointer; }
.wenasnswer-swiper .pagination span.swiper-active-switch { background-color: #1AC095; }
.wenasnswer-list li { position: relative; padding: 20px 0; }
.wenasnswer-list li:before { content: ''; position: absolute; right: 0; bottom: 0; left: 28px; border-bottom: 1px solid #E6E6E6; }
.wenasnswer-list li:last-child:before { display: none; }
.wenasnswer-list .con { display: block; position: relative; padding-left: 28px; }
.wenasnswer-list .con .ico { position: absolute; top: 3px; left: 0; width: 16px; height: 16px; background: url('../../ui_v3/pc/pic/lawyerhome/ico-wen.png') no-repeat; }
.wenasnswer-list .con .tit { color: #333; font-size: 16px; line-height: 22px; }
.wenasnswer-list .con .tit:hover { color: #1AC095 !important; }
.wenasnswer-list .con .txt { margin-top: 12px; font-size: 14px; color: #666; line-height: 1; }
.wenasnswer-list .info { margin-top: 12px; line-height: 24px; padding-left: 28px; }
.wenasnswer-list .lawyer { float: left; padding: 2px 24px 2px 2px; border-radius: 12px; background-color: #F7F7F7; font-size: 12px; position: relative; line-height: 20px; }
.wenasnswer-list .lawyer:before { content: ''; position: absolute; top: 6px; right: 8px; width: 12px; height: 12px; background: url('../../ui_v3/pc/pic/lawyerhome/ico-arrow-gray.png'); }
.wenasnswer-list .lawyer .photo { float: left; width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; }
.wenasnswer-list .lawyer .name { color: #1AC095; float: left; }
.wenasnswer-list .lawyer .line { float: left; margin: 4px 8px; border-right: 1px solid #DFE2E8; height: 10px; }
.wenasnswer-list .lawyer .tag { color: #808080; float: left; }
.wenasnswer-list .lawyer:hover { background-color: #eee; }
.wenasnswer-list .other { margin-top: 12px; line-height: 1; padding-left: 28px; font-size: 12px; }
.hot-tui-unfold .un-ovh { height: 240px }
.hot-tui-w1 .un-nr a { max-width: none; float: none; display: block; box-sizing: border-box; text-align: left; margin-bottom: 16px; }
.hot-tui-w1 .un-btn { margin-top: 8px; }
.hot-tui-w1.show .un-btn { margin-top: 24px; }

/** #31312 2025-04-15 */
.tw-other-swiper { padding-bottom: 4px; box-sizing: border-box; }
.tw-other-swiper .pagination { position: absolute; right: 0; bottom: 0; left: 0; text-align: center; line-height: 4px; }
.tw-other-swiper .pagination span { display: inline-block; width: 20px; height: 4px; background-color: #e6e6e6; border-radius: 4px; margin: 0 2px; cursor: pointer; }
.tw-other-swiper .pagination span.swiper-active-switch { background-color: #1AC095; }

.tw-other-list .f13 { font-size: 13px; }
.tw-other-list li { padding: 30px 0 30px 42px; border-bottom: 1px solid #F2F2F2; }
.tw-other-list li:last-child { border-bottom: none; }
.tw-other-list li .wen { position: relative; display: flex; align-items: center; justify-content: space-between; height: 24px; }
.tw-other-list li .wen .ect { flex: 1; margin-right: 20px; font-size: 18px; font-weight: 500; }
.tw-other-list li .da { position: relative; font-size: 14px; color: #666; line-height: 22px; margin-top: 20px; }
.tw-other-list li .wen:after,
.tw-other-list li .da:after {
    position: absolute; left: -42px; top: 0; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center; font-size: 14px; 
    width: 32px; height: 24px; background: #ccc; border-radius: 4px 4px 4px 0px; border: 1px solid #ccc;
}
.tw-other-list li .wen:after { content: '问'; color: #fff; }
.tw-other-list li .da:after  { content: '答'; border-color: #DFF2EF; background: #F0FCFA; color: #0EB298; }
.tw-other-list li .pic { display: block; height: 56px; margin-top: 10px; }

/* r_guide_white */
.r_guide_white { padding: 38px 40px; }
.r_guide_white h3 { font-size: 24px; line-height: 28px; font-weight: 300; text-align: center; letter-spacing: 1.5px; }
.r_guide_white .btn { 
    display: block; height: 40px; line-height: 40px; background-color: #01af63; border-radius: 20px; 
    font-size: 16px; color: #fff; text-align: center; 
}
.r_guide_white .step_bar { padding: 23px 0 26px; }
    /*step_bar*/
.step_bar dl { padding: 10px 0; position: relative; }
.step_bar dl.b_line:after { position: absolute; left: 18px; top: 49px; width: 1px; height: 30px; background-color: #bdbdbd; content: ''; }
.step_bar dl dt { 
    float: left; width: 34px; height: 34px; margin: 4px 30px 4px 0; 
    border: 1px solid #bbb; border-radius: 50%; 
    font-size: 16px; color: #999; text-align: center; line-height: 36px; 
}
.step_bar dl .f16 { font-size: 16px; color: #666; line-height: 24px; }
.step_bar dl .f12 { font-size: 12px; color: #999; }


/* #33983 2026-06-01  tj_lawyer */
.tj_lawyer { padding: 27px 20px 30px; }
.tj_lawyer .nav_f18,
.tj_lawyer .plr10 { padding: 0 10px; }
.tj_lawyer .info { display: flex; align-items: center; margin-top: 20px; }
.tj_lawyer .flex-item { flex: 1; display: table; padding-top: 1px; }
.tj_lawyer .photo { width: 60px; height: 60px; border-radius: 8px; margin-right: 12px; }
.tj_lawyer .name { font-size: 16px; color: #333; line-height: 22px; font-weight: 600; }
.tj_lawyer .lab_rz {
    padding: 0 4px; height: 18px; background: #F7F3E4; border-radius: 2px;
    font-size: 12px; color: #855F42; margin-left: 4px;
    display: inline-flex; align-items: center;
    position: relative; top: -2px;
}
.tj_lawyer .helps { display: flex; align-items: center; margin-top: 10px; }
.tj_lawyer .helps span { 
    position: relative; margin-right: 16px; 
    font-size: 12px; color: #666; 
}
.tj_lawyer .helps span.star { padding-left: 16px; background: url('../../ui_v2/pc/pic/icon/star_12.png') no-repeat left center; }
.tj_lawyer .helps span:after {
    position: absolute; right: -8px; top: 6px; content: "";
    width: 1px; height: 10px; background-color: #eee;
}
.tj_lawyer .s-f88 { color: #FF8638 !important; }
.tj_lawyer .helps span:last-child { margin-right: 0; }
.tj_lawyer .helps span:last-child:after { display: none; }
.tj_lawyer .info_list dd { 
    display: flex; padding: 2px 0; white-space: nowrap;
    font-size: 12px; color: #4D4D4D; line-height: 18px;
}
.tj_lawyer .info_list .post { position: relative; margin-left: 8px; }
.tj_lawyer .info_list .post:before {
    position: absolute; left: -5px; top: 2px; content: '';
    width: 1px; height: 10px; background: #eee;
}
.tj_lawyer  .info_desc {
    position: relative; padding: 10px; margin-top: 10px; 
    background: #FAFAFA; border-radius: 4px;
    font-size: 12px; color: #666; line-height: 18px;
}
.tj_lawyer .info_desc a { 
    position: absolute; right: 10px; bottom: 10px;
    padding-left: 20px; color: #999; 
    background: linear-gradient(270deg, #FAFAFA 70%, rgba(250,250,250, 0) 100%);
}
.tj_lawyer .info_desc a:hover { color: #FF8638; }
.tj_lawyer .tj_reason {
    padding: 10px; margin-top: 12px;
    background: #FCFBF5 url('../../ui_v2/pc/pic/icon/tag-tuijian.png') left 10px top 10px no-repeat; border-radius: 4px;
    font-size: 12px; color: #666; line-height: 18px; text-indent: 52px;
}
.tj_lawyer .btn_block {
    display: flex; align-items: center; justify-content: center; height: 40px;
    background: #F43651; border-radius: 4px; margin: 20px 10px 0;
    font-size: 14px; color: #fff; font-weight: 600; 
}