/* #10388 */
.w590 { width: 590px; }
.fixed-top { position: fixed; left: 0; top: 0; right: 0; z-index: 500; }
.fb { font-weight: bold; }
.fn { font-weight: normal; }
.s-gn { color: #11b790; }
.block { display: block; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.pt5 { padding-top: 5px; }
.pt15 { padding-top: 15px; }
.pt40 { padding-top: 40px; }
.pb30 { padding-bottom: 30px; }
.plr30{ padding-left: 30px; padding-right: 30px; }
.ico-vip, .ico-play, .ico-praise { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 100% 100%; }
.ico-vip {width: 24px;height: 24px;background-image: url('../lawyer-homepage/ico_v.png');}
.ico-play { width: 60px; height: 60px; background-image: url('//image.64365.com/images/2020/lawyer-homepage/play.png'); }
.ico-praise {width: 40px; height: 40px;background-image: url('//image.64365.com/images/2020/lawyer-homepage/like_normal.png');}
.ico-praise.is-click {background-image: url('//image.64365.com/images/2020/lawyer-homepage/like_click.png');}

/* ip-tag */
.ip-tag { 
    height: 20px; background: rgba(0,0,0, .1); border-radius: 2px; border: 1px solid rgba(255,255,255, .2);
    padding: 0 4px; font-size: 12px; color: #fff; opacity: .6; box-sizing: border-box;
}
.ip-tag .ico-ip {
    display: inline-block; vertical-align: middle; margin: -4px 0 0 2px;
    width: 12px; height: 12px; background: url('//image.64365.com/ui_v2/pc/pic/ico_ip.png');
}
.ip-tag .pop {
    position: absolute; top: 28px; right: 0; visibility: hidden;
    width: 300px; padding: 12px; box-sizing: border-box;
    background: rgba(0,0,0, .8); border-radius: 4px;
    font-size: 12px; line-height: 20px; color: #fff;
    transition: .2s linear;
}
.ip-tag .pop:after {
    position: absolute; top: -5px; right: 5px; content: ''; 
    border: 5px solid transparent; border-bottom-color: rgba(0,0,0, .8); border-top: none;
}
.ip-tag .ico-ip:hover .pop {
    visibility: visible;
}

/* banner-1 */
.banner-1 { height: 550px; overflow: hidden; position: relative; }
.banner-1 .bg { position: absolute; top: 0; left: 50%; margin-left: -960px; }
.banner-1 .top-data { position: absolute; left: 50%; top: 0; z-index: 10; margin-left: -600px; padding-top: 50px; color: #fff; text-align: center; }
.banner-1 .top-data .ip-tag { position: absolute; top: 12px; right: 12px; }
.banner-1 .top-data .photo { margin: auto; display: block; width: 160px; height: 160px; padding: 11px; background-color: rgba(255,255,255, .04); border-radius: 50%; }
.banner-1 .top-data .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.banner-1 .top-data .lr { height: 30px; line-height: 30px; margin-top: 12px; }
.banner-1 .top-data .lr .name { font-size: 22px; font-weight: 500;display: inline; }
.banner-1 .top-data .lr .ico-vip { margin: -8px 0 0 10px; }
.banner-1 .top-data .inf { height: 20px; opacity: .7; margin-top: 12px; }
.banner-1 .top-data .inf span { margin: 0 10px; }
.banner-1 .top-data .inf .icon-position-o { font-size: 14px; margin-right: 8px; }
.banner-1 .top-data .skill { height: 28px; margin-top: 17px; }
.banner-1 .top-data .skill span { display: inline-block; margin: 0 10px; padding: 0 15px; background-color: rgba(255,255,255, .2); border-radius: 4px; line-height: 28px; }
.banner-1 .top-data .txt { width: 620px; margin: auto;  margin-top: 22px; position: relative; }
.banner-1 .top-data .txt p { font-size: 12px; line-height: 22px; max-height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.banner-1 .top-data .txt:before, .banner-1 .top-data .txt:after { position: absolute;  content: '"'; font-size: 100px; line-height: 30px; font-style: italic; opacity: .1; font-family: -webkit-body; }
.banner-1 .top-data .txt:before { left: -40px; top: 15px; }
.banner-1 .top-data .txt:after { right: 10px; bottom: -18px; }
.banner-1 .h110 { position: absolute; left: 0; right: 0; bottom: 0; height: 107px; background-color: rgba(255,255,255, .2); color: #fff; border-bottom: 3px solid #11b790; }
.banner-1 .h110 .num,
.banner-1 .h110 .num li { float: left; } 
.banner-1 .h110 .num li.n { width: 136px; padding-top: 26px; text-align: center; }
.banner-1 .h110 .num li.line { width: 1px; height: 16px; background-color: #fff; opacity: .3; margin-top: 62px; }
.banner-1 .h110 .num li span { opacity: .7; }
.banner-1 .h110 .num li p { font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin-top: 10px; }
.banner-1 .h110 .icon-phone { float: left; font-size: 34px; margin-top: 45px; }
.banner-1 .h110 .tel { float: left; font-size: 38px; line-height: 46px; margin: 32px 0 0 15px; }
.banner-1 .h110 .btn-ask {
    float: left; margin: 32px 50px 0 40px; width: 140px; line-height: 44px; background-color: #11b790; border-radius: 22px; 
    font-size: 18px; color: #fff; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear;
}
.banner-1 .h110 .btn-ask .iconfont { font-size: 20px; margin: -2px 6px 0 0; }
.banner-1 .h110 .btn-ask:hover { background-color: #FF9B37; }

/* t-nav-h80 */
.t-nav-h80 { height: 80px; background-color: #fff; }
.t-nav-h80 .main-nav li { float: left; margin-right: 45px; }
.t-nav-h80 .main-nav li a { float: left; font-size: 20px; color: #999; line-height: 80px; position: relative; }
.t-nav-h80 .main-nav li a:after { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background-color: #11b790; content: ''; -webkit-transition: all .1s linear; transition: all .1s linear; }
.t-nav-h80 .main-nav li.is-this a { color: #333; }
.t-nav-h80 .main-nav li.is-this a:after, .t-nav-h80 .main-nav li a:hover:after { height: 3px; }
.t-nav-h80 .btn-ask {
    float: right; margin: 18px 0 0 40px; width: 140px; line-height: 44px; background-color: #11b790; border-radius: 22px; 
    font-size: 18px; color: #fff; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear; display: none;
}
.t-nav-h80 .btn-ask .iconfont { font-size: 20px; margin: -2px 6px 0 0; }
.t-nav-h80 .btn-ask:hover { background-color: #FF9B37; }
.t-nav-h80.fixed-top { -webkit-box-shadow: 0 10px 46px rgba(0,0,0, 0.05); box-shadow: 0 10px 46px rgba(0,0,0, 0.05); }
.t-nav-h80.fixed-top .btn-ask { display: block; }

/* ask-type */
.ask-type { height: 140px; margin-left: -20px; }
.ask-type .item { 
    float: left; width: 285px; height: 140px; padding: 30px 26px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px;
    color: #fff; position: relative; margin-left: 20px; -webkit-transition: all .2s linear; transition: all .2s linear; 
}
.ask-type .item div { font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; }
.ask-type .item p { margin-top: 5px; }
.ask-type .item img { position: absolute; right: 16px; bottom: 12px; }
.ask-type .item .btn-white { 
    position: absolute; left: 26px; bottom: 13px; 
    height: 28px; background-color: #fff; padding: 0 16px; border-radius: 14px; 
    font-size: 12px; line-height: 28px; opacity: 0; -webkit-transition: all .2s linear; transition: all .2s linear;
}
.ask-type .item .btn-white .iconfont { font-size: 14px; margin-right: 3px; }
.ask-type .item:hover { padding-top: 20px; }
.ask-type .item:hover .btn-white { opacity: 1; bottom: 23px; }
.ask-type .bg-green { background-color: #11b790; }
.ask-type .bg-green .btn-white { color: #11b790; }
.ask-type .bg-blue  { background-color: #5fa7ef; }
.ask-type .bg-blue .btn-white { color: #5fa7ef; }
.ask-type .bg-orange{ background-color: #ef995f; }
.ask-type .bg-orange .btn-white { color: #ef995f; }
.ask-type .bg-brown { background-color: #bcb198; }
.ask-type .bg-brown .btn-white { color: #bcb198; }

/* nav */
.borb1 { border-bottom: 1px solid #e6e6e6; }
.nav-f30 { height: 40px; line-height: 40px; padding-bottom: 20px; }
.nav-f30 strong { float: left; font-size: 30px; }
.nav-f30 .f18 { float: left; margin: 6px 0 0 10px; font-size: 18px; color: #999; }
.nav-f18 { height: 24px; line-height: 24px; position: relative; }
.nav-f18 .line-green { float: left; width: 4px; height: 18px; background-color: #11B790; margin: 3px 0 0 -30px; }
.nav-f18 strong { float: left; font-size: 18px; }
.nav-f18 .tab-nav strong { font-weight: normal; color: #999; cursor: pointer; margin-right: 30px; }
.nav-f18 .tab-nav strong.is-this { font-weight: bold; color: #333; }

/* w590-h390 */
.w590-h390 { width: 590px; height: 390px; background-color: #fff; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w590-h390 .pie-tu { height: 310px; overflow: hidden; position: relative; z-index: 10; }
.w590-h390 .updown-roll-bar { position: relative; }
.w590-h390 .updown-roll-bar .ovh { height: 310px; overflow: hidden; position: relative; }
.w590-h390 .updown-roll-bar .roll-nr { position: absolute; top: 0; left: 0; right: 0; }
.w590-h390 .updown-roll-bar .bg { position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 0)), color-stop(80%, #fff)); background-image: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, #fff 80%); }

/* txt-jd */
.txt-jd li { padding: 15px 0; }
.txt-jd .title { line-height: 22px; height: 22px; overflow: hidden; }
.txt-jd .info { font-size: 12px; color: #999; line-height: 16px; height: 16px; overflow: hidden; margin-top: 12px; }
.txt-jd .info .fr { margin-left: 20px; }

/* tel-jd */
.tel-jd li { padding: 15px 0; }
.tel-jd li div { font-size: 12px; line-height: 16px; height: 16px; overflow: hidden; }
.tel-jd li .icon-phone { font-size: 12px; color: #11b790; margin: 0 10px 0 0; }
.tel-jd li .fr { color: #999; margin-left: 20px; }

/* h375-bar */
.h375-bar { height: 345px; padding: 30px 30px 0; background-color: #fff; }
.tw-show { margin-left: -30px; }
.tw-show li { float: left; width: 360px; margin: 30px 0 0 30px; }
.tw-show .img_block { display: block; overflow: hidden; position: relative; }
.tw-show .img_block .ico-play { position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.tw-show .img_block:hover .ico-play { opacity: 1; visibility: visible; }
.tw-show .h204 { height: 204px; }
.tw-show .h144 { height: 144px; }
.tw-show .tit { font-size: 16px; height: 20px; overflow: hidden; margin-top: 10px; }
.tw-show .inf { font-size: 12px; color: #666; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px; }
.tw-show .tag { height: 16px; overflow: hidden; margin-top: 10px; }
.tw-show .tag span { float: left; font-size: 12px; color: #999; margin-right: 20px; }

/* chartlet-h120 */
.chartlet-h120 {
    height: 120px;
    background: url('//image.64365.com/images/2020/lawyer-homepage/banner2-bg.png') no-repeat center;
    overflow: hidden;
    position: relative;
}
.chartlet-h120 .lawyer { display: block; width: 1200px; height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 250px 0 365px; margin: auto; position: relative; }
.chartlet-h120 .lawyer .photo { position: absolute; left: 250px; top: 15px; width: 80px; height: 80px; padding: 5px; background-color: rgba(255,255,255, .1); border-radius: 50%; }
.chartlet-h120 .lawyer .photo img { border-radius: 50%; }
.chartlet-h120 .lawyer .photo .ico-vip { position: absolute; right: 9px; bottom: 6px; width: 20px; height: 20px; }
.chartlet-h120 .lawyer .tx { font-size: 20px; color: #fff; line-height: 50px; height: 50px; overflow: hidden; padding-top: 35px; }
.chartlet-h120 .btn { 
    position: absolute; left: 50% ; top: 38px; margin-left: 375px;
    width: 140px; height: 44px; background-color: #fff; border-radius: 22px; 
    font-size: 18px; color: #39b6aa; line-height: 44px; text-align: center;
}
.chartlet-h120 .btn .iconfont { font-size: 20px; margin: -2px 8px 0 0; }
    /**/
.chartlet-h120.bg2 { background: url('//image.64365.com/images/2020/lawyer-homepage/banner2-bg.png') no-repeat center; }
.chartlet-h120.bg2 .lawyer { padding-left: 290px; padding-right: 310px; }
.chartlet-h120.bg2 .lawyer .photo { left: 150px; }
.chartlet-h120.bg2 .lawyer .tx .f-num { font-size: 40px; }
.chartlet-h120.bg2 .btn { margin-left: 310px; }

/* sco-bar */
.sco-bar { height: 80px; }
.sco-bar .score { float: left; font-size: 66px; line-height: 80px; }
.sco-bar .eval-sco { float: left; margin: 16px 0 0 13px; }
.sco-bar .eval-sco dt { color: #999; }
.sco-bar .eval-sco dd { height: 22px; margin-top: 6px; }
.sco-bar .eval-sco dd .icon-star { float: left; font-size: 22px; color: #bbb; line-height: 22px; margin-right: 5px; }
.sco-bar .eval-sco dd .icon-star.is-this {  color: #f25618; }
.sco-bar .btn-eva { 
    width: 130px; height: 40px; background-color: #11b790; -webkit-transition: all .2s linear; transition: all .2s linear; margin-top: 20px;
    font-size: 16px; color: #fff; line-height: 40px; text-align: center;  
}
.sco-bar .btn-eva .iconfont { font-size: 18px; margin: -2px 8px 0 0; }
.sco-bar .btn-eva:hover { opacity: .8; }

/* impress-bar */
.impress-bar { min-height: 63px; overflow: hidden; position: relative; padding: 0 0 27px 100px; background-color: #f5f5f5; }
.impress-bar dt { 
    position: absolute; left: 0; top: 0; bottom: 0;  height: 100%;
    font-size: 16px; color: #999; text-align: center; 
    width: 86px; border-right: 1px dashed #e6e6e6;
}
.impress-bar dt .center-hack { display:inline-block; height:100%; vertical-align:middle; }
.impress-bar dt div { display: inline-block; font-size: 16px; line-height: 24px; vertical-align: middle; }
.impress-bar dd { overflow: hidden; padding: 7px 0 0 0; }
.impress-bar dd span { float: left; padding: 0 14px; line-height: 34px; background-color: #fff; border: 1px solid #e2e2e2; color: #999; margin: 20px 0 0 20px; }
.impress-bar dd .no-data { color: #999; text-align: center; line-height: 90px; height: 56px; }

/* evaluate-list */
.evaluate-list .item { position: relative; padding: 30px 320px 30px 80px; }
.evaluate-list .item:after { position: absolute; left: 80px; bottom: 0; right: 0; height: 1px; background-color: #e6e6e6; content: ''; }
.evaluate-list .item .photo { position: absolute; left: 0; top: 30px; width: 60px; height: 60px; }
.evaluate-list .item .photo img { border-radius: 50%; }
.evaluate-list .item .user { height: 22px; }
.evaluate-list .item .user span { float: left; margin-right: 30px; color: #999; }
.evaluate-list .item .user .name { font-size: 16px; color: #333; }
.evaluate-list .item .five-star { height: 14px; margin-top: 6px; }
.evaluate-list .item .five-star .iconfont { float: left; margin-right: 5px; font-size: 14px; color: #bbb; line-height: 14px; }
.evaluate-list .item .five-star .iconfont.is-this { color: #f25618; }
.evaluate-list .item .tag { height: 26px; margin-top: 12px; }
.evaluate-list .item .tag span { float: left; padding: 0 10px; border: 1px solid #e2e2e2; margin-right: 10px; font-size: 12px; color: #999; line-height: 24px; }
.evaluate-list .item .txt { font-size: 16px; line-height: 30px; margin-top: 17px; }
.evaluate-list .item .img-list { height: 100px; margin-top: 15px; }
.evaluate-list .item .img-list li { float: left; width: 100px; height: 100px; margin-right: 10px; }
.evaluate-list .item .ico-praise { position: absolute; right: 0; bottom: 30px; cursor: pointer; }

/* more-f16*/
.more-f16 { padding: 30px 0; font-size: 16px; }

/* info-show-bar */
.info-show-bar { padding: 80px 0; background-color: #fff; }
    /**/
.lawyer-inf { width: 500px; padding: 0 40px; }
.lawyer-inf .nav-f30 { height: 40px; line-height: 40px; }
.lawyer-inf .nav-f30 strong { font-size: 30px; font-weight: normal; float: none;text-overflow: ellipsis;white-space: nowrap; }
.lawyer-inf .nav-f30 .line { float: left; width: 4px; height: 28px; background-color: #f43651; margin: 8px 0 0 -40px; }
    /**/
.lawyer-inf { position: relative; }
.lawyer-inf .unfold-bar { min-height: 340px; }
.lawyer-inf .un-ovh { height: 290px; overflow: hidden; }
.lawyer-inf .un-nr { font-size: 16px; color: #666; line-height: 30px; }
.lawyer-inf .un-nr p { padding-bottom: 20px; }
.lawyer-inf .un-btn { 
    height: 50px; background-color: #f5f5f5; -webkit-transition: all .2s linear; transition: all .2s linear;
    font-size: 16px; color: #999; text-align: center; line-height: 50px; cursor: pointer; 
}
.lawyer-inf .un-btn .iconfont { margin: -2px 0 0 8px; }
.lawyer-inf .un-btn:hover { background-color: #eee; }
.lawyer-inf .bg { position: absolute; left: 40px; right: 40px; bottom: 50px; height: 80px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 0)), color-stop(80%, #fff)); background-image: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, #fff 80%); }
.lawyer-inf .unfold-bar.show .bg { display: none; }
.unfold-bar.show .un-btn .iconfont { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* swiper-w600-h400 */
.swiper-w600-h400 { width: 600px; height: 400px; }
.swiper-w600-h400 .sw-btn { 
    position: absolute; top: 167px; z-index: 10; cursor: pointer;
    width: 42px; height: 66px; background-color: rgba(0,0,0, 0.5); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
    font-family: cursive; font-size: 18px; color: #fff; text-align: center; line-height: 66px; font-weight: bold; 
}
.swiper-w600-h400 .sw-btn:hover { background-color: #11b790; }
.swiper-w600-h400 .btn-prev { left: 0; }
.swiper-w600-h400 .btn-next { right: 0; }

/* lr-info-bar */
.lr-info-bar { padding: 30px 30px 24px; background-color: #fff; }
    /**/
.lr-info-bar .inf-list { margin-top: 24px; }
.lr-info-bar .inf-list li { position: relative; padding: 6px 24px 6px 96px; color: #666; line-height: 24px; min-height: 24px; }
.lr-info-bar .inf-list li label { position: absolute; left: 0; top: 6px; color: #333; font-weight: bold; }
.lr-info-bar .inf-list li .ico-rz { display: inline-block; vertical-align: middle; margin: -5px 0 0 5px; font-size: 12px; color: #11b790; }
.lr-info-bar .inf-list li .ico-rz .iconfont { margin: -2px 2px 0 0; }
.lr-info-bar .inf-list .baidu-map { height: 240px; }
    /**/
.lr-info-bar table { width: 100%; }
.lr-info-bar table th { height: 38px; font-weight: bold; }
.lr-info-bar table td { padding: 7px 0; color: #666; line-height: 24px; }
    /**/
.lr-info-bar .un-ovh { height: 152px; overflow: hidden; }
.lr-info-bar .un-ovh.h224 { height: 224px; }
.lr-info-bar .un-btn { height: 20px; color: #999; text-align: center; cursor: pointer; margin-top: 15px; }
.lr-info-bar .un-btn .iconfont { font-size: 12px; margin: -2px 0 0 8px; }

/* l-data */
.l-data { 
    width: 420px; height: 620px; padding-top: 102px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #fff;
    background: url('../lawyer-homepage/bg_420x620.png') no-repeat; 
}
.l-data .photo { margin: auto; width: 80px; height: 80px; padding: 5px; background-color: rgba(255,255,255, .1); border-radius: 50%; position: relative; }
.l-data .photo img { border-radius: 50%; }
.l-data .photo .ico-vip { position: absolute; right: 9px; bottom: 6px; width: 20px; height: 20px; }
.l-data .tit { font-size: 22px; line-height: 50px; margin-top: 20px; }
.l-data .tit .f-num { font-size: 40px; margin: 0 2px; }
.l-data .line { font-size: 16px; position: relative; margin-top: 75px; }
.l-data .line:after { position: absolute; left: 50%; top: -50px; content: '/'; }
.l-data .btn { 
    display: block; margin: 65px auto 0; width: 112px; height: 44px; background-color: #f25618; 
    font-size: 18px; color: #fff; text-align: center; line-height: 44px; border-radius: 22px;
}

/* r-780 */
.r-780 { width: 780px; height: 620px; background-color: #fff; }
.r-780 .type-list { padding: 25px 0 12px; }
.type-list { padding: 20px 0 3px; margin: 0 30px; border-bottom: 2px solid #e6e6e6; }
.type-list li { padding: 4px 60px 4px 60px; position: relative; font-size: 12px; line-height: 16px; }
.type-list li label { position: absolute; left: 0; top: 4px; color: #999; }
.type-list li .tag { line-height: 16px; overflow: hidden; }
.type-list li .tag.h16 { height: 16px; overflow: hidden; }
.type-list li .tag a { float: left; color: #666; margin: 0 15px 10px; }
.type-list li .tag a:hover, .r-780 .type-list li .all:hover { color: #f25618; }
.type-list li .all { position: absolute; right: 0; top: 4px; color: #999; }

/* case-list */
.case-list { margin-left: 30px; margin-right: 30px; }
.case-list li { padding: 14px 0; }
.case-list li .tit { height: 20px; overflow: hidden; font-size: 16px; }
.case-list li .tit .tag { float: left; padding: 0 10px; background-color: #11b790; margin-right: 10px; font-size: 12px; color: #fff; }
.case-list li .tit a {  font-weight: bold; }
.case-list li .inf { height: 28px; overflow: hidden; line-height: 28px; margin-top: 8px; }
.case-list li .inf span { float: left; color: #bbb; }
.case-list li .inf span em { color: #666; }
.case-list li .inf .line { float: left; width: 1px; height: 12px; background-color: #bbb; margin: 8px 10px 0; }
.case-list li .tx { line-height: 28px; height: 56px; overflow: hidden; }
.case-list li .tx span { color: #bbb; }

/* wenji-bar */
.wenji-bar { padding: 30px; background-color: #fff; }
.wj-list { margin-left: -30px; }
.wj-list li { float: left; width: 360px; height: 192px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f8f8f8; margin: 30px 0 0 30px; position: relative; }
.wj-list li .tag { position: absolute; top: 0; right: 20px; height: 24px; padding: 0 6px; background-color: #bbb; font-size: 12px; color: #fff; line-height: 24px; }
.wj-list li .tit { height: 24px; overflow: hidden; font-size: 18px; line-height: 24px; font-weight: bold; }
.wj-list li .tx { height: 72px; overflow: hidden; color: #666; line-height: 24px; margin-top: 15px; }
.wj-list li .other {  font-size: 12px; color: #999; height: 20px; overflow: hidden; margin-top: 23px; }

/* fw-list */
.fw-list { margin-left: -20px; }
.fw-list li { float: left; width: 590px; height: 156px; padding: 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; margin: 0 0 20px 20px; }
.fw-list li .tit { line-height: 22px; height: 44px; overflow: hidden; }
.fw-list li .tx, .fw-list li .other { font-size: 12px; color: #999; height: 20px; overflow: hidden; margin-top: 10px; }
.fw-list li .other { margin-top: 25px; }
.fw-list li .other span { float: left; margin-right: 20px; }

/* tel-list */
.tel-list { margin-left: -20px; }
.tel-list li { float: left; width: 590px; height: 56px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; margin: 0 0 20px 20px; }
.tel-list li div { font-size: 12px; line-height: 16px; height: 16px; overflow: hidden; }
.tel-list li .fr { color: #999; margin-left: 20px; }
.tel-list li .icon-phone { float: left; font-size: 14px; color: #11b790; margin-right: 10px; }

/* fixed-right */
.fixed-right { position: fixed; bottom: 10%; right: 20px; z-index: 100; }
.fixed-right ul { width: 50px; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0, 0.1); box-shadow: 0 6px 12px rgba(0,0,0, 0.1); }
.fixed-right ul li { border-bottom: 1px solid #f5f5f5; position: relative; }
.fixed-right ul li:last-child { border-bottom: none; }
.fixed-right .lk { display: block; min-height: 50px; text-align: center; line-height: 50px; color: #999; cursor: pointer; }
.fixed-right .lk .iconfont { font-size: 22px; }
.fixed-right .link .lk { padding: 6px 0 8px; line-height: 30px; }
.fixed-right .link .lk p { font-size: 12px; line-height: 14px; }
.fixed-right ul .popup { position: absolute; top: 0; right: 60px; padding-right: 10px; visibility: hidden; opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.fixed-right ul .popup:after { position: absolute; top: 20px; right: -2px; border: 6px solid transparent; border-left-color: #fff; content: ''; }
.fixed-right ul .popup .erwei { width: 110px; padding: 15px 0; background-color: #fff; -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0, 0.1); box-shadow: 0 3px 20px 0 rgba(0,0,0, 0.1); }
.fixed-right ul .popup .erwei img { display: block; margin: auto; width: 80px; height: 80px; }
.fixed-right ul .popup .erwei p { font-size: 12px; color: #999; line-height: 16px; text-align: center; margin-top: 8px; }
.fixed-right .lk:hover, .fixed-right ul li:hover .lk { background-color: #11b790; color: #fff; }
.fixed-right ul li:hover .popup { right: 50px; visibility: visible; opacity: 1; }


/* banner-2 */
.banner-2 { height: 600px; overflow: hidden; position: relative;background-color:#534940; }
.ban-img{display:flex;    align-items: center;}
.ban-img img{width: 120px;
    border-radius: 50%;
    height: 120px;
    object-fit: cover;margin-right:15px;}
.banner-2 .bg { position: absolute; top: 0; left: 50%; margin-left: -960px; }
/* .banner-2 .ban-txt { position: absolute; left: 50%; top: 60px; width: 600px; margin-left: -530px; color: #fff; } */
.banner-2 .ban-txt { 
    position: absolute; left: 50%; top: 0; margin-left: -600px; 
    width: 1200px; padding: 60px 530px 0 70px; box-sizing: border-box; color: #fff; 
}
.banner-2 .ban-txt .ip-tag { position: absolute; top: 12px; right: 12px; }
.banner-2 .ban-txt .lawyer { height: 50px; overflow: hidden; line-height: 50px; }
.banner-2 .ban-txt .lawyer .name { font-size: 40px; margin-right: 13px; }
.banner-2 .ban-txt .lawyer .post { font-size: 18px; font-weight: 300; }
.banner-2 .ban-txt .lawyer .ico-vip { width: 18px; height: 15px; margin: -2px 0 0 5px; }
.banner-2 .ban-txt .diqu { height: 30px; overflow: hidden; margin-top: 18px; font-size: 20px; line-height: 30px; }
.banner-2 .ban-txt .diqu .icon-position-o { font-size: 20px; margin: -2px 10px 0 0; }
.banner-2 .ban-txt .skill { height: 28px; overflow: hidden; margin-top: 16px; }
.banner-2 .ban-txt .skill span { float: left; margin-right: 10px; padding: 0 15px; background-color: rgba(255,255,255, 0.2); border-radius: 4px; line-height: 28px; }
.banner-2 .ban-txt .txt { padding: 50px 0 30px; position: relative; }
.banner-2 .ban-txt .txt:after { position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background-color: rgba(255,255,255, .2); content: ''; }
.banner-2 .ban-txt .txt p { line-height: 22px; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.banner-2 .ban-txt .tel-bar { height: 40px; overflow: hidden; margin-top: 28px; line-height: 40px; }
.banner-2 .ban-txt .tel-bar .icon-phone { float: left; margin-right: 15px; font-size: 30px;}
.banner-2 .ban-txt .tel-bar .tel { font-size: 38px; }
.banner-2 .ban-txt .btn-ask {
    display: block; width: 160px; line-height: 44px; background-color: #11b790; border-radius: 22px; 
    font-size: 18px; color: #fff; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear; margin-top: 25px;
}
.banner-2 .ban-txt .btn-ask .iconfont { font-size: 20px; margin: -2px 10px 0 0; }
.banner-2 .ban-txt .btn-ask:hover { background-color: #FF9B37; }

/* banner-3 */
.banner-3 .ban-img { height: 360px; overflow: hidden; position: relative; color: #fff; }
.banner-3 .ban-img .bg { position: absolute; top: 0; left: 50%; margin-left: -960px; }
.banner-3 .ban-img .txt { position: absolute; left: 50%; top: 0; z-index: 10; width: 580px; height: 360px; margin-left: -600px; display: table; }
.banner-3 .ban-img .txt .h240 { display: table-cell; font-size: 40px; line-height: 60px; font-family: 'Simsun'; font-weight: bolder; vertical-align: middle; }
.banner-3 .ban-img .txt .h240 p { max-height: 240px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.banner-3 .ban-img .top-data { 
    position: absolute; top: 0; left: 50%; z-index: 10; margin-left: 50px;
    width: 550px; height: 360px; padding: 50px 0; -webkit-box-sizing: border-box; box-sizing: border-box; 
    background-color: rgba(17,183,144, .8); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C811b790,endColorstr=#C811b790);
}
.banner-3 .top-data .ip-tag { position: absolute; top: 12px; right: 12px; }
.banner-3 .top-data .pad { padding: 0  54px; }
.banner-3 .top-data .lr { line-height: 40px; height: 40px; }
.banner-3 .top-data .lr .name { float: left; max-width: 390px; height: 40px; overflow: hidden; font-size: 30px; }
.banner-3 .top-data .lr .ico-vip { width: 30px; height: 30px; margin-left: 10px; }
.banner-3 .top-data .inf { height: 20px; overflow: hidden; margin-top: 20px; }
.banner-3 .top-data .inf span { float: left; opacity: 0.7; }
.banner-3 .top-data .inf span .iconfont { font-size: 14px; margin: -2px 3px 0 0; }
.banner-3 .top-data .skill { height: 28px; overflow: hidden; margin-top: 20px; }
.banner-3 .top-data .skill span { 
    float: left; padding: 0 15px; height: 28px; line-height: 28px; border-radius: 2px; margin-right: 10px; 
    background-color: rgba(255,255,255, .3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);
}
.banner-3 .top-data .num { height: 60px; padding: 0 22px; position: relative; margin-top: 80px; }
.banner-3 .top-data .num:after { 
    position: absolute; left: 54px; top: -30px; content: '';
    width: 14px; height: 1px; background-color: #fff; opacity: 0.3; filter:Alpha(opacity=30); 
}
.banner-3 .top-data .num li { float: left; width: 120px; text-align: center; }
.banner-3 .top-data .num .n span { opacity: 0.7; filter:Alpha(opacity=70); }
.banner-3 .top-data .num .n p { font-size: 24px; line-height: 40px; height: 40px; overflow: hidden; }
.banner-3 .top-data .num .line { float: left; width: 1px; height: 14px; background-color: #fff; opacity: .3; filter:Alpha(opacity=30); margin-top: 33px; }
    /**/
.banner-3 .h120 { height: 120px; background-color: #333; }
.banner-3 .h120 .r-touch {  padding-top: 28px; }
.banner-3 .h120 .r-touch .tel-bar { height: 46px; overflow: hidden; color: #fff; line-height: 46px; }
.banner-3 .h120 .r-touch .tel-bar .icon-phone { float: left; font-size: 32px; margin-right: 12px; }
.banner-3 .h120 .r-touch .tel-bar .tel { font-size: 38px; }
.banner-3 .h120 .r-touch .tel-time { font-size: 12px; color: #999; line-height: 22px; }
.banner-3 .h120 .r-touch .btn-ask  {
    float: right; width: 140px; line-height: 44px; background-color: #fff; border-radius: 22px; 
    font-size: 18px; color: #333; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear; margin: 12px 0 0 60px;
}
.banner-3 .h120 .r-touch .btn-ask .iconfont { font-size: 20px; margin: -2px 10px 0 0; }
.banner-3 .h120 .r-touch .btn-ask:hover { background-color: #FF9B37; color: #fff; }
.banner-3 .h120 .team-swiper { float: left; margin-top: 17px; }
    /**/
.team-show { height: 120px; color: #999; }
.team-show .tit { float: left; margin: 40px 10px 0 0; font-size: 16px; }
.team-show .no-team { float: left; padding: 17px 10px 0; font-size: 12px; line-height: 22px; }
.team-show .no-team img { display: block; margin: 0 auto 8px; width: 60px; height: 60px; border-radius: 50%; }
.team-swiper { width: 270px; height: 86px; padding: 0 10px; position: relative; }
.team-swiper .swiper-slide { width: 90px; height: 86px; text-align: center; }
.team-swiper .swiper-slide .photo { display: block; margin: auto; width: 56px; height: 56px; background-color: #fff; padding: 2px; border-radius: 50%; position: relative; }
.team-swiper .swiper-slide .photo img { border-radius: 50%; }
.team-swiper .swiper-slide .photo .ico-vip { width: 14px; height: 14px; position: absolute; right: 0; bottom: 0; }
.team-swiper .swiper-slide p { font-size: 12px; line-height: 16px; height: 16px; overflow: hidden; margin-top: 10px; }
.team-swiper .swiper-slide p a { color: #fff; }
.team-swiper .swiper-btn { position: absolute; top: 25px; font-size: 16px; color: #fff; font-weight: bolder; font-family: serif; cursor: pointer; opacity: .6; -webkit-transition: all .2s linear; transition: all .2s linear; }
.team-swiper .swiper-btn:hover { opacity: 1; }
.team-swiper .swiper-btn.prev { left: 0; }
.team-swiper .swiper-btn.next { right: 0; }

/* banner-4 */
.banner-4 .ban-img { height: 420px; overflow: hidden; position: relative; color: #fff; }
.banner-4 .ban-img .bg { position: absolute; top: 0; left: 50%; margin-left: -960px; }
.banner-4 .h180 { height: 180px; background-color: #fff; position: relative; }
.banner-4 .h180 .team-show { position: absolute; top: -165px; right: 50%; margin-right: -600px; color: #fff; }
.banner-4 .h180 .team-show .tit { margin-top: 25px; }
.banner-4 .h180 .team-show .no-team { padding-top: 0; }
.banner-4 .data { 
    position: absolute; left: 50%; bottom: 0; z-index: 100; margin-left: -600px;
    width: 1200px; height: 240px; padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(61,70,78, .98); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E53d464e,endColorstr=#E53d464e);
}
.banner-4 .data .ip-tag { position: absolute; top: -348px; right: 12px; }
.banner-4 .data:after { position: absolute; top: -17px; right: -17px; border: 17px solid transparent; border-bottom-color: #11b790; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.banner-4 .data .left { width: 800px; color: #fff; }
.banner-4 .data .pad { padding: 0 60px; }
.banner-4 .data .lr { height: 40px; overflow: hidden; line-height: 40px; }
.banner-4 .data .lr .name { float: left; max-width: 500px; height: 40px; overflow: hidden; font-size: 30px; color: #efd3ab; }
.banner-4 .data .lr .ico-vip { float: left; margin: 6px 0 0 20px; width: 30px; height: 30px; }
.banner-4 .data .lr span { margin-left: 20px; opacity: 0.7; filter:Alpha(opacity=70); }
.banner-4 .data .skill { height: 28px; overflow: hidden; margin-top: 15px; }
.banner-4 .data .skill span { 
    float: left; padding: 0 15px; height: 28px; line-height: 28px; border-radius: 2px; margin-right: 10px; 
    background-color: rgba(255,255,255, .2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);
}
.banner-4 .data .num { padding: 0 30px; margin-top: 35px; }
.banner-4 .data .num li { float: left; width: 120px; text-align: center; }
.banner-4 .data .num .n span { opacity: 0.7; filter:Alpha(opacity=70); }
.banner-4 .data .num .n p { font-size: 24px; line-height: 40px; height: 40px; overflow: hidden; }
.banner-4 .data .num .line { float: left; width: 1px; height: 14px; background-color: #fff; opacity: .3; filter:Alpha(opacity=30); margin-top: 33px; }
.banner-4 .r-touch { width: 340px; padding: 30px 60px 0 0; }
.banner-4 .r-touch .btn-ask  {
    float: right; width: 140px; line-height: 44px; background-color: #11b790; border-radius: 22px; 
    font-size: 18px; color: #fff; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear;
}
.banner-4 .r-touch .btn-ask .iconfont { font-size: 20px; margin: -2px 10px 0 0; }
.banner-4 .r-touch .btn-ask:hover { background-color: #FF9B37; }
.banner-4 .r-touch .tel-bar { height: 46px; overflow: hidden; color: #efd3ab; line-height: 46px; text-align: right; margin-top: 31px; }
.banner-4 .r-touch .tel-bar .icon-phone {  font-size: 32px; line-height: 32px; margin: -2px 12px 0 0; }
.banner-4 .r-touch .tel-bar .tel { display: inline-block; vertical-align: middle; font-size: 38px; }
.banner-4 .r-touch .tel-time { font-size: 12px; color: #999; line-height: 22px; text-align: right; margin-top: 6px; }

/* main-nav2 */
.main-nav2 { height: 80px; }
.main-nav2 li { display: inline-block; font-size: 20px; line-height: 80px; position: relative; }
.main-nav2 li:after { position: absolute; left: 50%; bottom: 0; margin-left: -40px; width: 80px; height: 4px; background-color: #11b790; content: ''; }

/* team-lr-list */
.team-lr-list { margin: 50px 0 0 -20px; }
.team-lr-list li { float: left; width: 590px; height: 260px; margin: 0 0 20px 20px; position: relative; z-index: 1; }
.team-lr-list li .card { position: absolute; left: 0; top: 0; right: 0; height: 260px; padding: 40px 50px 0 160px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: height .1s ease-in-out; transition: height .1s ease-in-out; }
.team-lr-list .card .photo { position: absolute; left: 40px; top: 40px; width: 100px; height: 100px; }
.team-lr-list .card .photo img { border-radius: 50%; }
.team-lr-list .card .lr { height: 30px; overflow: hidden; line-height: 30px; }
.team-lr-list .card .lr .name { font-size: 22px; }
.team-lr-list .card .tag { height: 20px; overflow: hidden; margin-top: 10px; }
.team-lr-list .card .tag span { color: #999; }
.team-lr-list .card .skill { height: 28px; overflow: hidden; margin-top: 10px; }
.team-lr-list .card .skill span { float: left; margin-right: 10px; padding: 0 15px; background-color: #ebebeb; border-radius: 4px; color: #999; line-height: 28px; }
.team-lr-list .card .tx { height: 60px; overflow: hidden; font-size: 16px; color: #666; line-height: 30px; margin-top: 25px; }
.team-lr-list .card .lr-page { display: none; }
.team-lr-list li:hover { z-index: 2; }
.team-lr-list li:hover .card { height: 280px; -webkit-box-shadow: 0 10px 46px 0 rgba(0,0,0, 0.06); box-shadow: 0 10px 46px 0 rgba(0,0,0, 0.06); }
.team-lr-list li:hover .card .lr-page { display: block; }

/* list-nodata */
.list-nodata { padding: 20px 0 30px; text-align: center; }
.list-nodata img { display: inline-block; width: 60px; height: 64px; }
.list-nodata p { font-size: 16px; color: #999; margin-top: 20px; }

/* case-no */
.case-no { padding-bottom: 10px; margin-left: -30px; }
.case-no li { float: left; width: 380px; height: 250px; padding-top: 50px; background-color: #fff; margin-left: 30px; text-align: center; }
.case-no li strong { display: block; font-size: 26px; line-height: 28px; }
.case-no li p { color: #999; margin-top: 5px; }
.case-no li img { display: block; width: 60px; height: 60px; margin: 50px auto 0; }

/* 2020-05-09 */
.banner-3 .top-data .lr .name, .banner-1 .top-data .lr .name {color: #fff;}
.banner-3 .ban-img .txt .h240 p {max-height: 120px;  -webkit-line-clamp: 2;}
.team-swiper {float: left;padding-left: 0; width: auto; }
.team-swiper .wrapper,.team-swiper .swiper-slide {    float: left;}

/* #16691 By LQ 2021-04-01 改引用之前底部咨询修改*/
/* .fx-b-erwei { 
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 600;
    padding: 10px; background: rgba(0,0,0, .7);
    text-align: center; font-size: 20px; color: #fff; line-height: 100px; 
}
.fx-b-erwei img { display: inline-block; vertical-align: middle; margin: -2px 0 0 20px; width: 80px; border: 4px solid #FFF; } */


/* #17172 by LJ 2021-04-19 增加图标 */
.ico-bee {
    display: inline-block; vertical-align: middle; margin-top: -14px;
    width: 30px; height: 44px; background: url('../../ui_v2/pc/pic/activity-may/ico-bee.png');
}

/* LTX-4733 2022-05-25  */
.bee-txt { display: inline-block; vertical-align: middle; margin-top: -3px; border-radius: 11px; line-height: 22px; height: 22px; overflow: hidden; cursor: pointer; }
.bee-txt .ico-lable-bee { display: inline-block; vertical-align: middle; margin-top: -3px; width: 76px; height: 22px; background: url('../../ui_v3/pc/pic/activity/vanguard_2022/ico-label-bee.png') no-repeat; }
.bee-txt .wz { display: inline-block; vertical-align: middle; margin-top: -3px; padding: 0 8px 0 4px; font-size: 12px; color: #7A450F; background-color: #FAF3E6; position: relative; opacity: 1 !important; float: none !important; margin-left: 0 !important; }
.bee-txt .wz:before { content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; border: 1px solid #C6A88A; border-radius: 0 22px 22px 0; border-left: 0; width: 200%; height: 200%; transform: scale(.5,.5) translate(-50%,-50%); }
.bee-explain { position: absolute; width: 347px; display: none; z-index: 200; padding-top: 12px; margin-left: -173px; }
.bee-explain .ex-tit { height: 56px; line-height: 56px; background: url('../../ui_v3/pc/pic/activity/vanguard_2022/bee-card.png') no-repeat; padding-left: 100px; font-size: 18px; color: #7A450F; text-align: left; font-weight: bold; position: relative; }
.bee-explain .ex-cont { margin: -29px 10px 0; padding: 44px 20px 24px; background: #fff; background: linear-gradient(180deg, #FFF2E0 0%, #FFFFFF 100%); box-shadow: 0 0 40px rgba(0, 0, 0, .2); }
.bee-explain .ex-cont .ex-lab { text-align: center; line-height: 24px; margin-left: -7px; }
.bee-explain .ex-cont .ex-lab span { display: inline-block; vertical-align: middle; margin-top: -3px; width: 138px; line-height: 22px; border: 1px solid #D6A46A; border-radius: 2px; font-size: 14px; color: #7A450F; margin-left: 5px; margin-bottom: 8px; }
.bee-explain .ex-cont .ex-disc { margin-top: 12px; font-size: 14px; color: #333; line-height: 22px; text-align: left; }

.banner-1 .top-data .lr .bee-txt { margin: -8px 0 0 10px; }
.banner-2 .ban-txt .lawyer h1 { display: inline; }
.banner-2 .ban-txt .bee-txt { margin-top: 8px; margin-bottom: -8px; }
.banner-3 .top-data .inf { line-height: 22px; height: 22px; margin-top: 18px; }
.banner-3 .top-data .inf .bee-txt { float: left; margin-top: 0; margin-right: 8px; }
.banner-4 .data .lr .bee-txt { margin-left: 20px; }


/* #1826 2022-08-05 */
.archives-cup { display: inline-block; vertical-align: middle; margin-top: -3px; border-radius: 50%; width: 24px; height: 24px; background: url('../lawyer-homepage/ico-arrow.png') center center no-repeat; position: relative; z-index: 1; cursor: pointer; }
.archives-cup:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: #000; opacity: .3; border: 1px solid #fff; border-radius: 50%; overflow: hidden; }
.archives-cup:hover:before { opacity: .4; }
.banner-1 .top-data .lr .archives-cup { margin: -8px 0 0 14px; }
.banner-2 .ban-txt .archives-cup { margin: -5px 0 0 14px; }
.banner-3 .top-data .archives-cup { margin: -3px 0 0 10px; }
.banner-4 .data .lr .archives-cup { margin-left: 10px; }

.archives-pop { position: absolute; width: 287px; background-color: #fff; padding: 20px 20px 24px; z-index: 200; display: none; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2000); margin-left: -173px; margin-top: 16px; }
.archives-pop .title { font-size: 18px; font-weight: bold; line-height: 1; border-left: 4px solid #11B790; padding-left: 8px; color: #333; }
.archives-pop .list { margin-top: 24px; }
.archives-pop .list li { margin-top: 12px; line-height: 22px; font-size: 14px; position: relative; padding-left: 76px; }
.archives-pop .list .tit { font-weight: bold; position: absolute; top: 0; left: 0; color: #333; }
.archives-pop .list .txt { color: #666;word-break:break-all; }

.lawyerinfo-floor { position: absolute; left: 50%; margin-left: -792px; z-index: 10; border-right: 1px solid #E6E6E6; background-color: #fff; }
.lawyerinfo-floor-fixed { position: fixed; top: 120px !important; }
.lawyerinfo-floor li { position: relative; width: 128px; padding-left: 32px; line-height: 52px; border-bottom: 1px solid #E6E6E6; font-size: 18px; color: #666; cursor: pointer; z-index: 1; }
.lawyerinfo-floor li:last-child { border-bottom: 0; }
.lawyerinfo-floor li:hover { color: #11B790; }
.lawyerinfo-floor .is-this { color: #11B790; font-weight: bold; }
.lawyerinfo-floor li:before { content: ''; position: absolute; top: 50%; left: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #E6E6E6; margin-top: -2px; }
.lawyerinfo-floor .is-this:before { background-color: #11B790; }
.lawyerinfo-floor .is-this:after { content: ''; position: absolute; top: 0; right: -1px; bottom: 0; border-right: 2px solid #11B790; }

.case-bar { padding: 30px; background-color: #fff; }
.case-bar .case-list { margin-left: 0; margin-right: 0; }
.case-bar .case-list li { border-bottom: 1px solid #F2F2F2; }
.case-bar .case-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.case-bar .case-list li .tx { height: auto; }

.t-nav-h80-bar { height: 80px; }
.ml20 { margin-left: 20px; }
.mr5 { margin-right: 5px; }
.f12 { font-size: 12px; }

.wenasnswer-swiper { height: 311px; margin-top: 10px; }
.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: 7px 0 9px; }
.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 { font-size: 16px; line-height: 22px; }
.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; }

/* 2022-08-12 #2219 */
.ask-type-w3 .item { width: 386px; }

/* 2022-08-26 #2862 */
/* guide-bar */
.guide-bar {
    padding-top: 50px; margin-bottom: 40px;
    background: url('../../images/2020/findlawyer/bg-findlawyer.png') top center no-repeat;
}
.guide-bar .nav-f30 { 
    font-size: 30px; font-weight: bold; 
    line-height: 38px; 
}
    /* guide-list */
.guide-list { margin: 60px 60px 0; }
.guide-list li {
    float: left; margin: 0 50px;
    width: 260px; text-align: center;
}
.guide-list .ico {
    display: block; margin: auto;
}
.guide-list .title {
    margin-top: 12px; 
    font-size: 18px; font-weight: bold; line-height: 26px; 
}
.guide-list .text {
    margin-top: 10px;
    color: #999; line-height: 22px;
}
    /* why-bar */
.why-bar {
    margin-top: 50px; padding: 30px 0;
    background-color: #fff;
    box-shadow: 0 16px 30px rgba(0,0,0,.08);
}
.why-list {
    padding: 0 20px; width: 560px;
}
.why-list dt {
    position: relative; padding-left: 14px;
    font-size: 18px; font-weight: bold; line-height: 26px;
}
.why-list dt:before {
    content: ''; position: absolute; top: 4px; left: 0;
    width: 4px; height: 18px; background-color: #f43651;
}
.why-list dd {
    position: relative; margin-top: 18px; 
    padding-left: 14px; height: 20px;
    color: #666; line-height: 20px; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;
}
.why-list dd:before {
    content: ''; position: absolute; top: 8px; left: 0;
    width: 6px; height: 6px;
    background-color: #e6e6e6; border-radius: 50%;
}


/* 2023-03-22 */
.h375-bar { height: auto; min-height: 375px; }

/* lawcase-list */
.lawcase-list { position: relative; overflow: hidden; margin-bottom: -15px; } 
.lawcase-list:before,
.lawcase-list:after { content: ''; position: absolute; left: 50%; width: 20px; height: 20px; margin-left: -10px; background-color: #fff; z-index: 1; }
.lawcase-list:before { top: 0; }
.lawcase-list:after { bottom: 0; }
.lawcase-list li { padding: 30px; float: left; width: 50%; box-sizing: border-box; position: relative; }
.lawcase-list li:nth-child(2n) { padding-right: 0; }
.lawcase-list li:nth-child(2n+1) { padding-left: 0; }
.lawcase-list li:before,
.lawcase-list li:after { content: ''; position: absolute; }
.lawcase-list li:before { top: 0; right: 0; bottom: 0; border-left: 1px solid #F2F2F2; }
.lawcase-list li:after { left: 0; right: 0; top: 0; border-top: 1px solid #F2F2F2; }
.lawcase-list li:nth-child(2n):before { display: none; }
.lawcase-list li:nth-child(1):after,
.lawcase-list li:nth-child(2):after { display: none; }
.lawcase-list li .tit { height: 20px; overflow: hidden; font-size: 16px; margin-bottom: 16px; }
.lawcase-list li .tit .tag { float: left; padding: 0 10px; background-color: #11b790; margin-right: 10px; font-size: 12px; color: #fff; }
.lawcase-list li .tit a {  font-weight: bold; }
.lawcase-list li .inf { height: 28px; overflow: hidden; line-height: 28px; margin-top: 8px; }
.lawcase-list li .inf span { float: left; color: #bbb; }
.lawcase-list li .inf span em { color: #666; }
.lawcase-list li .inf .line { float: left; width: 1px; height: 12px; background-color: #bbb; margin: 8px 10px 0; }
.lawcase-list li .tx { position: relative; line-height: 24px; height: 72px; overflow: hidden; color: #666; }
.lawcase-list li .tx span { color: #999; }
.lawcase-list li .tx a { margin-left: 20px; color: #999; }
.lawcase-list li a:hover { color: #1AC095 !important; }
.banner-1 .top-data .txt p a:hover,.banner-2 .ban-txt .txt p a:hover,.banner-3 .ban-img .txt .h240 p a:hover {opacity: 1 !important;}
.banner-3 .ban-img .txt .h240 p {max-height: 66px;font-size: 14px;line-height: 22px; display: block;font-family: "Microsoft Yahei";
  font-weight: normal;}
.banner-3 .ban-img .txt { width: 590px;  }


/* #16955 lj 2023-11-1 */
.eva-old-line {
    margin: 30px 0;
    text-align: center;
    color: #bbb;
    font-size: 14px;
}
.eva-old-line span {
    position: relative;
}
.eva-old-line span:before,
.eva-old-line span:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 60px;
    height: 1px;
    background-color: #e5e5e5;
}
.eva-old-line span:before { margin-left: -76px; }
.eva-old-line span:after { margin-left: 16px; }