@charset "utf-8";
/* CSS Document */
/** #7932  浜岀骇鍩熷悕缃戠珯鏍峰紡 */
.w1200 {
    width: 1200px;}
.ma {
    margin-left: auto;
    margin-right: auto;
}
.f14 { font-size: 14px; }
.ml30 { margin-left: 30px; }
.w840 { width: 840px; }
.w340 { width: 340px; }
.bg-f5 { background-color: #f5f5f5; }
.mt10 { margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.wt100{ width:100%}
.mb50{ margin-bottom:50px;}
.pt10 { padding-top: 10px; }
.pt55-b60 { padding: 55px 0 60px; }
.pb30{ padding-bottom:30px;}
.bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000;  background: #000; opacity: .5; filter:Alpha(opacity=50); }
.bg-shadow { background-color: #fff; box-shadow: 0px 8px 20px 0px rgba(102, 102, 102, 0.06); }

/* btn */
.btn { transition: all .2s linear; }
.btn:hover { opacity: .8; }
.more-btn { 
    display: block; width: 128px; height: 38px; margin: auto; 
    border: 1px solid #333; border-radius: 20px; font-size: 16px; line-height: 38px; text-align: center;
}
.more-btn .ico-oth { margin-left: 8px; }
.more-btn:hover { border-color: #2053f7; }
.more-btn:hover .i-ot4 { background-position: -108px -15px; }

.k1 { padding: 50px 0 60px; }
/* lawyer-show */
.lawyer-show { width: 240px; height: 424px; padding: 30px 30px 0; position: relative; }
.lawyer-show .i-ot1 { position: absolute; left: 0; top: 43px; z-index: 10; }
.lawyer-show .name { height: 40px; }
.lawyer-show .name b { float: left; font-size: 20px; font-weight:100; line-height: 40px; }
.lawyer-show .name .label { 
    float: left; padding: 0 11px; background-color: #0157be; border-radius: 12px; 
    font-size: 12px; color: #fff; line-height: 24px; margin: 8px 0 0 8px;
}
.lawyer-show .info { margin-top: 5px; }
.lawyer-show .info li { line-height: 32px; color: #666; height: 32px; overflow: hidden; }
.lawyer-show .info li .ico-oth { float: left; margin: 7px 20px 0 0; }
    /**/
.w340 .lawyer-show { width: 240px; height: auto; padding: 50px; }
.w340 .lawyer-show .i-ot1 { top: 63px; }
.w340 .lawyer-show .btn { 
    display: block; height: 48px; border-radius: 24px; margin-top: 20px;
    background-color: #fb1808; box-shadow: 0 4px 10px 0 rgba(230,14,0, .2);  
    font-size: 16px; line-height: 48px; 
}


    /* */
.witness-bar { padding: 0 30px; height: 112px; background: url('/images/yanxuan/dotted-box.png') no-repeat; }
.witness-bar ul { padding-top: 26px; }
.witness-bar ul li { float: left; font-size: 16px; line-height: 24px; font-weight: 600; margin-right: 50px; }
.witness-bar ul li .ico-lawyer { margin-right: 10px; }
.witness-bar .tip { color: #666; margin-top: 16px; }

/* serve-list */
.serve-list .item { float: left; width: 280px; height: 231px; margin-right: 30px; padding: 35px 50px 0; }
.serve-list .item .tit { font-size: 24px; line-height: 30px; font-weight: 600; }
.serve-list .item .tip { font-size: 14px; color: #aaa; margin: 13px 0 10px; padding-left: 20px; position: relative; }
.serve-list .item .tip:after {
    position: absolute; left: 4px; top: 3px; content: '';
    border: 7px solid transparent; border-left-color: #ccc; transform: scaleY(.85);
}
.serve-list .item .tx { color: #666; line-height: 22px; height: 44px; overflow: hidden; }
.serve-list .item .btn { 
    display: block; width: 160px; height: 40px; font-size: 16px; line-height: 40px; margin-top: 30px;
    border-radius: 20px; box-shadow: 0 4px 10px 0 rgba(0,53,223, .2); 
}
.serve-list .item .btn-red { box-shadow: 0 4px 10px 0 rgba(230,14,0, .2); }
.serve-list .item .is-disabled { background-color: #ddd; color: #666; box-shadow: none; cursor: not-allowed; }
.serve-list .bg1 { background: url('/images/yanxuan/bg_380x266a.png') no-repeat; }
.serve-list .bg2 { background: url('/images/yanxuan/bg_380x266b.png') no-repeat; }
.serve-list .bg3 { background: url('/images/yanxuan/bg_380x266c.png') no-repeat; margin-right: 0; }



/* case-bar */
.case-bar { height: 522px; padding-top: 55px; background: url('/images/yanxuan/bg_577.png') no-repeat; }
.case-bar .nav-f28 .l-line { background-color: #fff; }
.case-bar .nav-f28 strong,
.case-bar .nav-f28 span { color: #fff; }
.case-bar .more-btn { border-color: #fff; color: #fff; margin-top: 45px; }
    /**/
.case-card { height: 318px; }
.case-card li { float: left; width: 380px; height: 320px; background-color: #fff; margin-right: 30px; transition: all .2s linear; }
.case-card li:hover { box-shadow: 0 10px 15px 0 rgba(0,0,0, .2); }
.case-card li .hd { height: 113px; padding: 25px 30px 0; background: #7890dd url('/images/yanxuan/bg_h180.png') no-repeat; }
.case-card li .title { font-size: 20px; line-height: 26px; font-weight: 600; height: 52px; overflow: hidden; }
.case-card li .title a { color: #333; }
.case-card li .other { height: 20px; margin-top: 13px; }
.case-card li .other span { float: left; margin-right: 15px; font-size: 12px; color: #bbb; }
.case-card li .other span .ico-lawyer { float: left; margin: 4px 10px 0 0; }
.case-card li .tx { padding: 23px 30px 0; color: #999; line-height: 24px; height: 72px; overflow: hidden; }
.case-card li .lawyer { padding: 0 30px; height: 32px; overflow: hidden; margin-top: 22px; }
.case-card li .lawyer .img-block { float: left; line-height: 32px; font-size: 16px; }
.case-card li .lawyer .img-block img { float: left; width: 32px; height: 32px; border-radius: 50%; margin-right: 10px; }
.case-card li .lawyer .more { 
    float: right; width: 82px; height: 30px; border: 1px solid #ebebeb; border-radius: 16px; 
    color: #999; line-height: 30px; text-align: center; transition: all .2s linear;
}
.case-card li .lawyer .more .i-ot4 { margin-left: 10px; opacity: .4; }
.case-card li .lawyer .more:hover { border-color: #0057ff; color: #0057ff; }
.case-card li .lawyer .more:hover .i-ot4 { background-position: -108px -15px; opacity: 1; }
/* .case-card li.bg1 .hd { background: url('../images/img/bg_h180.png') no-repeat; } */
.case-card li:hover .hd { background: #7890dd; }
.case-card li:hover .title a { color: #fff; }

/* swiper-container */
.swiper2 { height: 320px; position: relative; }
.swiper2 .swiper-container { height: 320px; }

/* article-list */
.article-list { border-top: 1px solid #e7e7e7; }
.article-list li { height: 106px; padding: 30px 0; border-bottom: 1px solid #e7e7e7; }
.article-list li .img-block { float: left; width: 150px; height: 106px; margin-right: 30px; }
.article-list li .title { font-size: 16px; font-weight: 600; height: 20px; overflow: hidden; }
.article-list li .other { height: 20px; overflow: hidden; margin-top: 12px; }
.article-list li .other span { float: left; margin-right: 30px; font-size: 12px; color: #bbb; }
.article-list li .other span .ico-lawyer { margin-right: 8px; }
.article-list li .other span em { color: #fb1809; font-style: normal; margin-right: 3px; }
.article-list li .tx { color: #666; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px; }
.article-list.r-2 li { float: left; width: 570px; margin-right: 60px; }




/* map-bar */
#dituContent { height: 530px; }
.map-bar { height: 530px; position: relative; }
.map-bar .info-bar { 
    position: absolute; top: 80px; left: 50%; margin-left: 20px; 
    width: 580px; height: 355px; background-color: #53596c;
}
.map-bar .info-bar ul { padding-top: 20px; }
.map-bar .info-bar ul li { padding: 15px 40px 15px 105px; position: relative; }
.map-bar .info-bar ul li .ico-oth { position: absolute; left: 40px; top: 25px; }
.map-bar .info-bar ul li b { display: block; font-size: 24px; color: #fff; line-height: 30px; }
.map-bar .info-bar ul li p { line-height: 24px; color: #e0e0e0; max-height: 48px; overflow: hidden; margin-top: 2px; }
.map-bar .info-bar .btn-bar { height: 30px; line-height: 30px; padding: 0 40px 0 105px; }
.map-bar .info-bar .btn-bar .btn-red { 
    float: left; width: 90px; height: 30px; cursor: pointer;
    font-size: 14px; color: #fff; text-align: center; 
    transition: all .2s linear; border-radius: 2px; margin-right: 20px;
}
.map-bar .info-bar .btn-bar .btn-diqu { color: #fff; text-decoration: underline; cursor: pointer; }
.map-bar .info-bar .btn-bar .btn-diqu .i-ot10 { margin-left: 5px; }
.map-bar .info-bar .btn-bar .btn-diqu:hover { text-decoration: none; }

/* ft-bar */
.ft-bar { background-color: #29292a; }
.ft-bar .ft-link { overflow: hidden; padding: 35px 0 35px 75px; border-bottom: 1px solid #353536; position: relative; }
.ft-bar .ft-link dt { position: absolute; left: 0; color: #fff; }
.ft-bar .ft-link dd { overflow: hidden; }
.ft-bar .ft-link dd a { color: #fff; margin-right: 15px; transition: all .2s linear; }
.ft-bar .ft-link dd a:hover { opacity: .5; }
    /**/
.ft-bar .f-b { padding: 35px 0; }
.ft-bar .f-b .f24 { font-size: 24px; color: #fff; line-height: 30px; padding-bottom: 7px; }
.ft-bar .f-b .f12 { color: #666; margin-top: 5px; }
.ft-bar .f-b .f12 span { color: #aaa; margin-right: 35px; }
.ft-bar .f-b .f12 span a { color: #fff; }

/* popup-bar */
.popup-bar { 
    position: fixed; left: 50%; top: 50%; z-index: 1002;
    background-color: #fff; border-radius: 4px; box-shadow: 0 0 60px 0 rgba(0,0,0, .2);
}
.popup-bar .pop-close { 
    position: absolute; top: 20px; right: 20px; cursor: pointer; 
    width: 20px; height: 20px; line-height: 20px; text-align: center;
    transition: all .15s linear;
}
.popup-bar .pop-close:hover { transform: rotate(90deg); }
.popup-bar .tit { padding: 20px 30px 0; font-weight: 600; }
/* pop-fuwudiqu */
.pop-fuwudiqu { width: 390px; padding-bottom: 50px; margin: -165px 0 0 -195px; }
.pop-fuwudiqu dl { padding-top: 20px; }
.pop-fuwudiqu dl dt { padding: 0 30px; height: 28px; margin-bottom: 12px; }
.pop-fuwudiqu dl dt span { float: left; padding: 0 12px; line-height: 28px; color: #fff; background-color: #0057ff; border-radius: 14px; }
.pop-fuwudiqu dl dd { padding: 0 20px; overflow: hidden; }
.pop-fuwudiqu dl dd span { float: left; line-height: 28px; color: #666; margin: 0 10px; }
/* pop-dispatch */
.pop-dispatch { width: 330px; height: 200px; padding: 55px 30px; margin: -155px 0 0 -195px; text-align: center; }
.pop-dispatch strong { display: block; font-size: 24px; line-height: 30px; font-weight: 400; }
.pop-dispatch .input-txt { border-bottom: 2px solid #0057ff; margin-top: 32px; }
.pop-dispatch .input-txt .tips { left: 0; right: 0; font-size: 18px; color: #bbb; line-height: 24px; }
.pop-dispatch .input-txt .txt { display: block; width: 100%; line-height: 24px; padding-bottom: 16px; font-size: 18px; text-align: center; }
.pop-dispatch .tip { font-size: 12px; color: #666; margin: 15px 0; }
.pop-dispatch .btn { 
    display: block; width: 140px; height: 36px; border-radius: 18px; margin: auto; 
    font-size: 16px; line-height: 36px;
}
.pop-dispatch .btn-disable { width: 138px; height: 34px; line-height: 34px; background-color: #bbb; color: #fff; }

/* r-fixed */
.r-fixed { position: fixed; bottom: 10%; right: 10px; z-index: 500; width: 80px; }
.r-fixed li { position: relative; margin-top: 6px; }
.r-fixed li .normal {
    display: block; width: 80px; height: 68px; 
    background-color: #fff; border-radius: 3px; box-shadow: 0 2px 3px 0 rgba(102,102,102, .14);
    font-size: 12px; color: #999; text-align: center; padding-top: 12px; cursor: pointer;
}
.r-fixed li .normal .ico-share { display: block; margin: 0 auto 6px; transition: all .15s ease-in-out; }
.r-fixed li .popup { position: absolute; right: 80px; bottom: 0; padding-right: 10px; display: none; }
.r-fixed li .erwei { width: 110px; height: 110px; padding: 10px; }
.r-fixed li .tel { padding: 15px 20px; }
.r-fixed li .tel dt { font-size: 12px; color: #aaa; }
.r-fixed li .tel dt .ico-oth { margin-right: 3px; }
.r-fixed li .tel dd { font-size: 22px; line-height: 26px; white-space: nowrap; margin-top: 4px; }
.r-fixed li .share-list { width: 296px; height: 80px; padding: 20px 12px 0; }
.r-fixed li .share-list span { float: left; width: 74px; font-size: 12px; color: #aaa; text-align: center; cursor: pointer; }
.r-fixed li .share-list span .ico-share { display: block; margin: 0 auto 4px; }
.r-fixed li .share-list span:hover { color: #666; }
    /**/
.r-fixed li:hover .i-se1, .r-fixed li.is-this .i-se1 { background-position: 0 -32px; }
.r-fixed li:hover .i-se2, .r-fixed li.is-this .i-se2 { background-position: -32px -32px; }
.r-fixed li:hover .i-se3, .r-fixed li.is-this .i-se3 { background-position: -64px -32px; }
.r-fixed li:hover .i-se4, .r-fixed li.is-this .i-se4 { background-position: -96px -32px; }
.r-fixed li:hover .i-se5, .r-fixed li.is-this .i-se5 { background-position: -128px -32px; }
.r-fixed li:hover .i-se6, .r-fixed li.is-this .i-se6 { background-position: -160px -32px; }
.r-fixed li:hover .i-se7, .r-fixed li.is-this .i-se7 { background-position: -192px -32px; }
.r-fixed li:hover .i-se8, .r-fixed li.is-this .i-se8 { background-position: -224px -32px; }
.r-fixed li:hover .normal, .r-fixed li.is-this .normal { color: #fb1809; }

/* 鍐呴〉鏍峰紡 */
.plr30 { padding-left: 30px; padding-right: 30px; }
.pt25 { padding-top: 25px; }

/* photo-show */
.photo-show { margin-top: 25px; padding-bottom: 30px; }
.photo-show li { float: left; width: 180px; height: 180px; margin-right: 15px; }
.photo-show li .img-block { 
    display: block; height: 172px; padding: 2px 6px 6px 2px; position: relative;
    background: url('//css.66law.cn/images/2018/fufei_lawyer/bg/bg-w180x180.jpg') no-repeat;
}
.photo-show li .img-block .tit { 
    position: absolute; left: 2px; right: 6px; bottom: 6px; 
    height: 28px; overflow: hidden; line-height: 24px; background-color: rgba(0,0,0, .7); 
    font-size: 12px; color: #fff; text-align: center;

}
.photo-show li .img-block .ico-lawyer { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; }
.photo-show li .img-block:hover .tit { text-decoration: underline; }



/* nav-f18_b */
.nav-f18_b { height: 26px; line-height: 26px; position: relative; }
.nav-f18_b .blue_line { position: absolute; left: -30px; top: 5px; width: 4px; height: 18px; background-color: #5c92ff; }
.nav-f18_b b { font-size: 18px; font-weight:100;}
.nav-f18_b span { font-size: 12px; color: #999; }

/* lr-jianjie */
.lr-jianjie .unfold-bar { 
    /* float: left; width: 560px;  */
    padding-bottom: 5px; position: relative; 
}
.lr-jianjie .unfold-bar .un-ovh { /*height: 240px;*/ overflow: hidden; }
.lr-jianjie .unfold-bar .un-nr { font-size: 16px; color: #666; line-height: 30px; text-align: justify; text-justify: inter-ideograph; }
.lr-jianjie .unfold-bar .un-btn { 
    position: absolute; left: 0; right: 0; bottom: 0; 
    height: 20px; padding-top: 55px; font-size: 14px; color: #666; text-align: center; cursor: pointer;
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, .5) 20%, rgba(255, 255, 255, 1) 100%, #FFFFFF 100%);
    background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, .5) 20%, rgba(255, 255, 255, 1) 100%, #FFFFFF 100%);
}
.lr-jianjie .unfold-bar .un-btn .i-lr28 { margin: 0 0 0 5px; }
.lr-jianjie .unfold-bar.show .un-btn { padding-top: 30px; }
.lr-jianjie .unfold-bar.show .un-btn .i-lr28 { transform: rotate(180deg); margin: -3px 0 0 5px; }
    /**/
.lr-jianjie .img-block { 
    float: right; width: 172px; height: 172px; padding: 2px 6px 6px 2px; position: relative;
    background: url('/images/2018/fufei-lawyer/bg/bg-w180x180.jpg') no-repeat;
}
.lr-jianjie .img-block .tit { 
    position: absolute; left: 2px; right: 6px; bottom: 6px; 
    height: 28px; overflow: hidden; line-height: 24px; background-color: rgba(0,0,0, .7); 
    font-size: 12px; color: #fff; text-align: center;

}
.lr-jianjie .img-block:hover .tit { text-decoration: underline; }

/* sc-tag */
.sc-tag { padding-bottom: 5px; overflow: hidden; }
.sc-tag li { 
    float: left; width: 120px; height: 48px; background-color: #5c92ff; border-radius: 4px; 
    font-size: 16px; color: #fff; text-align: center; line-height: 48px; margin: 0 20px 20px 0;
}

/* xinxi-list */
.xinxi-list { padding-bottom: 15px; font-size:14px; }
.xinxi-list li { overflow: hidden; border-bottom: 1px solid #f2f2f2; }
.xinxi-list li .item { float: left; width: 50%; overflow: hidden; line-height: 22px; padding: 12px 0; position: relative; }
.xinxi-list li label { position: absolute; left: 0; top: 12px; color: #999; }
.xinxi-list li p { float: left; padding: 0 15px 0 85px; min-height: 22px; max-height: 44px; overflow: hidden; }
.xinxi-list li .rz-tag { float: left; color: #11bb65; }
.xinxi-list li .rz-tag .i-lr32 { margin-right: 4px; }
.xinxi-list li.block .item { width: 100%; }

/* licheng-bar */
.licheng-bar { padding: 22px 160px 15px 20px; }
.licheng-bar .item { margin-bottom: 34px; }
.licheng-bar .item dt { font-size: 24px; color: #0057ff; font-weight: 600; line-height: 30px; }
.licheng-bar .item dd { padding-left: 40px; position: relative; margin-top: 8px; }
.licheng-bar .item dd:after { position: absolute; left: 40px; top: 0; content: ''; width: 1px; height: 6px; background-color: #fff; }
.licheng-bar .item dd .tiao { padding-bottom: 25px; border-left: 1px solid #eee; position: relative; }
.licheng-bar .item dd .tiao .dot { position: absolute; left: -6px; top: 6px; width: 11px; height: 11px; background-color: #5c92ff; border-radius: 50%; }
.licheng-bar .item dd .tiao p { padding-left: 25px; font-size: 16px; line-height: 24px; }

/* meiti-list */
.meiti-list { padding: 8px 0 15px; }
.meiti-list li { padding: 15px 20px; background-color: #f5f5f5; margin-top: 20px; }
.meiti-list li b { display: block; font-size: 16px; line-height: 26px; }
.meiti-list li p { color: #666; line-height: 24px; margin-top: 9px; }

/* table-rongyu */
.table-rongyu { table-layout: fixed; margin-top: 7px; }
.table-rongyu th, .table-rongyu td {
    padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #eee; 
    line-height: 24px; word-break:break-all;
}
.table-rongyu th { color: #999; font-weight: 600; }
.table-rongyu .w160 { width: 120px;  padding-right: 40px; }
.table-rongyu .w200 { width: 200px; padding-left: 60px; }

/* chengjiu-list */
.chengjiu-list { padding: 16px 0; }
.chengjiu-list li { height: 48px; overflow: hidden; line-height: 48px; }
.chengjiu-list li span { color: #666; }
.chengjiu-list li span .ico-lawyer { float: left; margin: 16px 10px 0 0; }
.chengjiu-list li p { float: right; width:70%}

/* tu-list */
.tu-list { margin-top: 27px; }
.tu-list a { float: left; width: 180px; height:180px; margin: 0 20px 50px 0; }
.tu-list a img { display: block; width: 100%; height: 180px; margin-bottom: 16px; }
.tu-list a p { height: 20px; overflow: hidden; text-align: center; }

/* tab-bar */
.tabs-nav { height: 61px; line-height: 61px; padding-top: 7px; border-bottom: 1px solid #e6e6e6; }
.tabs-nav li { float: left; font-size: 16px; margin-right: 40px; position: relative; cursor: pointer; }
.tabs-nav li.is-this, .tabs-nav li.is-this .s-c9 { color: #0057ff !important; }
.tabs-nav li.is-this:after { position: absolute; left: 0; bottom: -1px; right: 0; content: ''; height: 4px; background-color: #0057ff; }

/* yin-sp-bar */
.yin-sp-bar { padding-top: 60px; position: relative; }
.yin-sp-bar .tabs-nav { 
    position: absolute; left: 0; top: 0; right: 0; 
    height: 60px; line-height: 60px; padding: 0; background-color: #e1e2e6; border: none;
}
.yin-sp-bar .tabs-nav li { position: relative; width: 33.333%; height: 60px; margin: 0; color: #666; text-align: center; } 
.yin-sp-bar .tabs-nav li:after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 1px solid #fff; content: ''; }
.yin-sp-bar .tabs-nav li:last-child:after { border-right: none; }
.yin-sp-bar .tabs-nav li.is-this { background-color: #fff; font-weight: 600; }
.yin-sp-bar .tabs-nav li.is-this:after { height: 0; }

/* video-list2 */
.video-list2 li { height: 157px; padding: 30px 0 30px; border-bottom: 1px solid #ebebeb; }
    /**/
.video-list2 li .img-block { float: left; width: 280px; height: 157px; margin-right: 30px; position: relative; }
.video-list2 li .img-block .bg { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;
    background-color: rgba(0,0,0, .3); display: none; 
}
.video-list2 li .img-block .i-lr43 { position: absolute; left: 50%; top: 50%; z-index: 10; margin: -20px 0 0 -20px; }
.video-list2 li .img-block .time { 
    position: absolute; right: 10px; bottom: 10px;
    height: 20px; padding: 0 8px; background-color: rgba(0,0,0, .5); border-radius: 10px; 
    font-size: 12px; color:#fff;
}
.video-list2 li .img-block.show .i-lr43 { background-position: -50px -115px; }
    /**/
.video-list2 li h4 { height: 34px; overflow: hidden; font-size: 16px; line-height: 34px; }
.video-list2 li p { color: #999; line-height: 24px; height: 72px; overflow: hidden; margin: 5px 0 22px 0; }
.video-list2 li .info { height: 20px; overflow: hidden; }
.video-list2 li .info span { font-size: 12px; color: #999; margin-right: 20px; }
.video-list2 li .info span .ico-lawyer { margin-right: 4px; }

/* audio-list2 */
.audio-list2 li { padding: 26px 230px 24px 0; border-bottom: 1px solid #ebebeb; position: relative; }
.audio-list2 li h4 { height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.audio-list2 li .info { height: 20px; overflow: hidden; margin: 14px 0 11px; }
.audio-list2 li .info span { font-size: 12px; color: #999; margin-right: 20px; }
.audio-list2 li .info span .ico-lawyer { margin-right: 4px; }
.audio-list2 li p { color: #666; line-height: 24px; height: 72px; overflow: hidden; margin: 0; }
    /**/
.audio-list2 li .voice-bar { position: absolute; top: 58px; right: 60px; }
.voice-bar { width: 100px; text-align: center; }
.voice-bar .voice-btn { cursor: pointer; }
.voice-bar .voice-btn .voice-ico { display: block; width: 48px; height: 48px; background-position: -100px -115px; margin: 0 auto 15px; }
.voice-bar .voice-btn .voice-time { color: #666; font-weight: 600; text-align: center; padding-left: 10px; }
.voice-bar .voice-btn audio { display: none; }
.voice-bar .voice-btn.play .voice-ico { background-position: -160px -115px; }

/* u-page */
.u-page { padding: 40px 0; color: #999; font-size: 12px; }
.u-page a { 
    display: inline-block; width: 38px; height: 38px; line-height: 38px; 
    border: 1px solid #eee;background-color: #fff; margin-left: -1px;
    text-align: center; color: #999; 
}
.u-page .u-p-prev, .u-page .u-p-next { width: auto; padding: 0 19px; white-space: nowrap; }
.u-page span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.u-page a:hover, .u-page a.cur { background-color: #0057ff; border-color: #0057ff; color: #fff; }

/* yh-pingjia-bar */
.yh-pingjia-bar { padding-top: 60px; position: relative; }
.yh-pingjia-bar .tabs-nav { 
    position: absolute; left: 0; top: 0; right: 0; 
    height: 60px; line-height: 60px; padding: 0; background-color: #e1e2e6; border: none;
}
.yh-pingjia-bar .tabs-nav li { width: 280px; height: 60px; margin: 0; color: #666; text-align: center; } 
.yh-pingjia-bar .tabs-nav li:nth-child(1),
.yh-pingjia-bar .tabs-nav li:nth-child(2) { width: 279px; border-right: 1px solid #fff; }
.yh-pingjia-bar .tabs-nav li.cur { background-color: #fff; font-weight: 600; }
.yh-pingjia-bar .tabs-nav li.cur:after { height: 0; }

/* wd-list */
.wd-list li { padding: 30px 0; border-bottom: 1px solid #f2f2f2; }
.wd-list li .wen, .tabs-item li .da { height: 20px; overflow: hidden; position: relative; padding-left: 30px; }
.wd-list li .wen .ico-lawyer, .tabs-item li .da .ico-lawyer { position: absolute; left: 0; top: 0; margin-top: 0; }
.wd-list li .wen a { font-weight: 600; }
.wd-list li .da { color: #666; margin-top: 11px; }
.wd-list li .info { height: 20px; overflow: hidden; margin-top: 18px; }
.wd-list li .info span { float: left; color: #ccc; margin-right: 20px; }
.wd-list li .info span .ico-lawyer { float: left; margin: 2px 10px 0 0; }

/* zixun-fw-bar */
.zixun-fw-bar { position: relative; }
.zixun-fw-bar .tabs-nav { 
    position: absolute; left: 0; top: 0; right: 0; 
    height: 60px; line-height: 60px; padding: 0; background-color: #e1e2e6; border: none;
}
.zixun-fw-bar .tabs-nav li { width: 280px; height: 60px; margin: 0; color: #666; text-align: center; } 
.zixun-fw-bar .tabs-nav li:nth-child(1),
.zixun-fw-bar .tabs-nav li:nth-child(2) { width: 279px; border-right: 1px solid #fff; }
.zixun-fw-bar .tabs-nav li.cur { background-color: #fff; font-weight: 600; }
.zixun-fw-bar .tabs-nav li.cur:after { height: 0; }
.zixun-fw-bar .wd-list { margin-top: 8px; }
.zixun-fw-bar .wd-list li { padding: 20px 0; }
    /**/
.zx-fw-box { height: 214px; padding: 60px 60px 0; }
.zx-fw-box dl { float: left; width: 320px; padding-right: 30px; height: 150px; border-right: 1px solid #ebebeb; margin-top: 30px; }
.zx-fw-box dl dt { font-weight: 600; line-height: 30px; margin-bottom: 7px; }
.zx-fw-box dl dd { position: relative; padding-left: 25px; color: #666; line-height: 28px; min-height: 28px; }
.zx-fw-box dl dd .i-lr14 { position: absolute; left: 0; top: 14px; }
.zx-fw-box .pj-box { float: left; padding: 35px 0 0 60px; width: 306px; }
.zx-fw-box .pj-box p { color: #666; line-height: 28px; height: 28px; overflow: hidden; }
.zx-fw-box .pj-box p span { color: #333; }
.zx-fw-box .pj-box p em { color: #ec3b3b; font-style: initial; font-weight: 600; }
.zx-fw-box .pj-box .btn { display: block; width: 140px; height: 40px; border-radius: 20px; font-size: 16px; line-height: 40px; margin-top: 12px; }
.zx-fw-box .pj-box .btn-disable { background-color: #ccc; color: #fff; cursor: not-allowed; }

/* table-fw */
.table-fw th { font-weight: 600; padding: 26px 0 18px; border-bottom: 1px solid #ebebeb; }
.table-fw td { padding: 15px 0; border-bottom: 1px solid #f2f2f2; }
.table-fw .w440 { width: 390px; padding-right: 50px; }
.table-fw .w100 { width: 100px; padding-right: 30px; }
.table-fw .w70  { width: 70px; padding-right: 30px; }

/* no-data */
.no-data { height: 400px; padding-top: 200px; text-align: center; }
.no-data img { display: block; width: 62px; height: 56px; margin: auto; }
.no-data p { font-size: 16px; color: #999; margin-top: 15px; }

/* case-list2 */
.case-list2 { margin-top: 8px; }
.case-list2 li { padding: 25px 0; border-bottom: 1px solid #ebebeb; }
.case-list2 li h4 { height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.case-list2 li p { line-height: 24px; height: 48px; overflow: hidden; color: #666; margin: 5px 0 3px; }
.case-list2 li .info { height: 20px; }
.case-list2 li .info span { float: left; font-size: 12px; color: #999; padding-right: 20px; margin-right: 20px; position: relative; }
.case-list2 li .info span:after { position: absolute; top: 4px; right: 0; content: ''; width: 1px; height: 12px; background-color: #ddd; }
.case-list2 li .info span:last-child { margin-right: 0; padding-right: 0; }
.case-list2 li .info span:last-child:after { width: 0; }

/* wenji-detail */
.wenji-detail { padding: 25px 60px; }
    /**/
.fh-bar { height: 24px; }
.fh-bar a { font-size: 16px; color: #666; line-height: 24px; position: relative; }
.fh-bar a .i-lr13 { position: absolute; left: -30px; top: 10px; }
.fh-bar a:hover { text-decoration: underline; }
    /**/
.wenji-detail .det-title { padding: 30px 0 26px; border-bottom: 1px solid #ebebeb; }
.wenji-detail .det-title h1 { font-size: 24px; color: #000; line-height: 36px; }
.wenji-detail .det-title .info span { font-size: 12px; color: #999; margin-right: 20px; }
.wenji-detail .det-nr { padding: 22px 0 40px; font-size: 16px; line-height: 30px; }

/* zonghe-pj */
.zonghe-pj { height: 115px; position: relative; padding-left: 150px; margin: 30px 0; }
    /**/
.zhpj-bar { 
    position: absolute; left: 0; top: 0; 
    width: 149px; height: 115px; text-align: center; border-right: 1px solid #ebebeb; 
}
.zhpj-bar .five-star { width: 80px; margin: auto; padding-top: 65px; }
.zhpj-bar .five-star em { font-family:"DIN-Medium"; font-size: 48px; line-height: 60px; left: 0; top: 2px; right: 0; text-align: center; }
    /**/
.yx-tag { padding-left: 40px; }
.yx-tag .tag { height: 75px; overflow: hidden; margin-top: 20px; }
.yx-tag .tag span { 
    float: left; padding: 0 14px; height: 28px; background-color: #f2f6fa; 
    color: #666; line-height: 28px; margin: 0 10px 10px 0;
}
    /**/
.pj-type { padding: 0 20px; height: 32px; background-color: #f2f6fa; }
.pj-type span { float: left; color: #666; line-height: 32px; margin-right: 50px; cursor: pointer; }
.pj-type span.mr70 { margin-right: 70px; }
.pj-type span.cur { color: #0057ff; }
    /**/
.table-pingjia { table-layout: fixed; }
.table-pingjia th { padding: 16px 0; border-bottom: 1px solid #ebebeb; font-weight: 600;  word-break:break-all; }
.table-pingjia th.w300 { width: 280px; padding-left: 20px; }
.table-pingjia td { color: #666; line-height: 24px; vertical-align: top; padding: 20px 0 13px; border-bottom: 1px solid #f2f2f2; }
.table-pingjia .w300 { width: 300px; }
.table-pingjia .w100 { width: 100px; padding-left: 30px; padding-right: 50px; }
.table-pingjia .w80 { width: 80px; padding-right: 25px; }
.table-pingjia td .tag { overflow: hidden; padding-bottom: 4px; }
.table-pingjia td .tag span { float: left; padding: 0 10px; height: 28px; line-height: 28px; background-color: #f2f6fa; margin: 0 10px 10px 0; }
.table-pingjia td .f12 { display: block; font-size: 12px; color: #ccc; }
.table-pingjia td .time { margin-top: 6px; }
.table-pingjia td .five-star.star-le em { font-size: 14px; }
        /**/
.table-pingjia .stat-list .s-item { padding: 3px 0; }
.table-pingjia .stat-list .s-item span { margin-right: 5px; }
.table-pingjia .stat-list .s-item .five-star.star-le .star-gray { margin-top: 7px; }
.table-pingjia .stat-list .s-item .five-star.star-le em { top: 3px; }
    /**/
.zonghe-pj .stat-list { padding: 10px 0 0 40px; }
.stat-list .s-item { height: 20px; padding: 6px 0; }
.stat-list .s-item span { float: left; color: #666; margin-right: 10px; }
.stat-list .s-item .five-star em { color: #666; font-weight: 500; }

/* wenji-type */
.wenji-type { height: 36px; padding-bottom: 10px; }
.wenji-type a { float: left; height: 34px; line-height: 34px; padding: 0 15px; border: 1px solid #ccc; border-radius: 18px; margin-right: 10px; }
.wenji-type a:hover { color: #0057ff; }
.wenji-type a.cur { background-color: #0057ff; border-color: #0057ff; color: #fff; }

/* case-list3 */
.case-list3 { margin-top: 8px; }
.case-list3 li { padding: 25px 0; border-bottom: 1px solid #ebebeb; }
.case-list3 li h4 { height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; }
.case-list3 li p { line-height: 24px; height: 48px; overflow: hidden; color: #666; margin: 10px 0 9px; }
.case-list3 li .info { height: 20px; }
.case-list3 li .info span { float: left; font-size: 12px; color: #999; margin-right: 20px; }
.case-list3 li .info span .ico_lawyer { float: left; margin: 3px 8px 0 0; }

/* lianxi-bar */
.lianxi-bar { padding: 28px 60px 50px 0; }
.lianxi-bar ul { float: left; width: 430px; }
.lianxi-bar ul li { min-height: 36px; line-height: 36px; position: relative; padding-left: 90px; }
.lianxi-bar ul li label { position: absolute; left: 0; top: 0; width: 70px; text-align: right; color: #999; }
.lianxi-bar ul li p { float: left; margin-right: 5px; }
.lianxi-bar ul li .btn-tel { 
    display: inline-block; height: 22px; line-height: 22px; padding: 0 9px;
    border: 1px solid #0057ff; border-radius: 12px;
    font-size: 12px; color: #0057ff; margin: 6px 0 0 10px;
}
.lianxi-bar ul li .btn-tel .i_lr29 { margin-right: 5px; }
.lianxi-bar ul li .btn-tel:hover { text-decoration: underline; }
    /**/
.lianxi-bar .r-erwei { float: right; width: 140px; margin-top: 32px; }
.lianxi-bar .r-erwei img { display: block; width: 100%; height: 140px; margin-bottom: 16px; }
.lianxi-bar .r-erwei p { color: #666; text-align: center; }

/* map-ny */
.map-ny { padding-top: 23px; border-top: 1px solid #ebebeb; }
.map-ny dt { font-size: 18px; color: #666; font-weight: 600; line-height: 30px; }
.map-ny dd.map { height: 585px; margin-top: 26px; }
.map-ny dd.map-btn { height: 76px; line-height: 76px; text-align: center; }
.map-ny dd.map-btn .i-lr27 { margin-right: 10px; }

/* 2019-10-21 add 涓ラ€変娇鐢ㄤ笂涓€涓粯璐逛簩绾у煙鍚嶅緥甯堜粙缁嶆牱寮� */
/* ico_link */
.ico_link {display: inline-block; vertical-align: middle;background: url('/images/2018/fufei_lawyer/ico_link.png') no-repeat;width: 11px;height: 11px;}
/* table-list */
.table-list {table-layout: fixed;margin-top: 7px;}
.table-list th, .table-list td {padding-top: 14px;padding-bottom: 14px;border-bottom: 1px solid #f2f2f2;line-height: 24px;word-break: break-all;}
.table-list th {color: #999;font-weight: 600;background-color: #f2f2f2;padding-top: 9px;padding-bottom: 9px;}
.table-list .w1 {padding-left: 30px; padding-right: 20px;width: 180px;}
.table-list .w2 { padding-left: 30px;padding-right: 20px;width: 140px;}
.table-list .w3 {padding-right: 20px;width: 80px;}

.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px;}

/* u-page */
.u-page { padding: 40px 0; color: #999; font-size: 12px; }
.u-page a { display: inline-block; width: 38px; height: 38px; line-height: 38px; border: 1px solid #eee;background-color: #fff; margin-left: -1px;text-align: center; color: #999; }
.u-page .u-p-prev, .u-page .u-p-next { width: auto; padding: 0 19px; white-space: nowrap; }
.u-page span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.u-page a:hover, .u-page a.u-p-on { background-color: #0057ff; border-color: #0057ff; color: #fff; }

/* 2019-10-17 */
.ask-tabs .ask-tabs-nav { overflow: hidden; }
.ask-tabs .ask-tabs-nav li { float: left; padding: 0 25px; min-width: 70px; height: 34px; line-height: 34px; text-align: center; margin-right: 20px; border: 1px solid #ccc; border-radius: 18px; font-size: 14px; cursor: pointer; }
.ask-tabs .ask-tabs-nav li:last-child { margin-right: 0; }
.ask-tabs .ask-tabs-nav li.cur { color: #fff; border-color: #0057ff; background-color: #0057ff; }

/* 2020-02-04  #9413 */
.ico-excel { float: left; width: 24px; height: 24px; margin: 3px 0 0 10px; }

/* #17242 LQ 2021-04-20 */
.menu-bar ul li .u-lable { 
    position: absolute; top: -8px; right: -36px; 
    line-height: 18px; padding: 0 5px; border-radius: 7px 7px 7px 0px;
    background: linear-gradient(147deg, #FFB029 0%, #F58E08 100%);
    font-size: 12px; color: #fff;
}

.ico-video { 
    display: inline-block; vertical-align: middle; width: 23px; height: 14px; 
    background: url('//css.66law.cn/ui_v1/m/pic/ico/ico_video.png') no-repeat; background-size: cover;
}
.lawyer-show .img-block { position: relative; }
.lawyer-show .video-ident { 
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 0 10px; height: 32px; line-height: 32px; background-color: rgba(0,0,0, .8);
    font-size: 14px; color: #bbb;
}
.lawyer-show .video-ident .ico-video { margin: -2px 8px 0 0; }

/* nav-f16 */
.nav-f16 { padding: 35px 30px 5px; font-size: 16px; overflow: hidden; }
.nav-f16 span { position: relative; float: left; padding-right: 20px; margin-right: 20px; }
.nav-f16 span.is-this { color: #0057ff; }
.nav-f16 span:after {
    position: absolute; top: 4px; right: 0; content: '';
    width: 1px; height: 14px; background-color: #e8e8e8;
}
.nav-f16 span:last-child { margin-right: 0; }
.nav-f16 span:last-child:after { width: 0; }

/* video-block */
.video-block { display: block; position: relative; }
.video-block .bg { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;
    background-color: rgba(0,0,0, .3); display: none; 
}
.video-block .i-lr43 { position: absolute; left: 50%; top: 50%; z-index: 10; margin: -20px 0 0 -20px; }
.video-block .time { 
    position: absolute; right: 10px; bottom: 10px;
    height: 20px; padding: 0 8px; background-color: rgba(0,0,0, .5); border-radius: 10px; 
    font-size: 12px; color:#fff;
}
.video-block:hover .i-lr43 { background-position: -50px -115px; }
 
/* video-list-show */
.video-list-show { margin-left: -24px; padding-bottom: 40px; }
.video-list-show li { float: left; width: 378px; margin: 30px 0 0 24px; }
.video-list-show li .video-block { height: 213px; }
.video-list-show li .tit { font-size: 16px; line-height: 22px; margin-top: 16px; }
.video-list-show li .info { font-size: 12px; color: #999; line-height: 20px; margin-top: 10px; }
    /**/
.video-244x137 li { width: 244px; }
.video-244x137 li .video-block { height: 137px; }
.video-244x137 li .video-block .i-lr43 { transform: scale(.75); }

/* detail-video */
.detail-video { padding: 40px 60px; }
.detail-video h1 { font-size: 24px; line-height: 32px; }
.detail-video .other { font-size: 12px; line-height: 16px; margin-top: 24px; }
.detail-video .other span { color: #999; margin-right: 20px; }
.detail-video .video { display: block; width: 100%; height: 405px; margin: 45px 0; }
.detail-video .conts { font-size: 16px; line-height: 32px; }
.detail-video .conts dt { font-weight: 700; margin-bottom: 8px; }
.detail-video .conts p { padding: 6px 0; }
.detail-video .det-copy { font-size: 14px; color: #bbb; margin-top: 55px; }

/** HLX-2348 LJ 2021-09-27 */
/* consult-tabs-bar */
.consult-tabs-nav li { float: left; font-size: 14px; margin-right: 40px; position: relative; cursor: pointer; padding-bottom: 10px; line-height: 22px; }
.consult-tabs-nav li.is-this { color: #0057ff; }
.consult-tabs-nav li.is-this:before { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 2px; background-color: #0057FF; }

/* choice-calendar */
.choice-calendar .txt { float: left; padding: 5px 19px 5px 9px; border: 1px solid #d9d9d9; border-radius: 4px; line-height: 20px; width: 120px; font-size: 14px; background: url('../../images/yanxuan/ico-calendar.png') 125px 7px no-repeat; cursor: pointer; }
.choice-calendar .txt::placeholder { color: #bbb; }
.choice-calendar .btn { width: 64px; border-radius: 4px; margin-left: 8px; font-size: 14px; border: 1px solid #d9d9d9; background: transparent; color: #000; }
.choice-calendar .btn:hover { color: #0057ff; }

/* layui-laydate */
.layui-laydate .layui-laydate-content .layui-this { background-color: #0057ff !important; }
.laydate-footer-btns span { line-height: 24px !important; }
.laydate-footer-btns span:hover { color: #0057ff !important; }
.laydate-month-list>li { border-radius: 18px; }

/** BBB-557 LQ 2021-11-30 */
/* r-fixed-small */
.r-fixed-small { position: fixed; right: 16px; bottom: 5%; z-index: 600; width: 60px; transition: right .2s ease-in-out; }
.r-fixed-small li { position: relative;border-bottom: 1px solid #f5f5f5; }
.r-fixed-small li:last-child,
.r-fixed-small li:nth-last-child(2) { border-bottom-color: #fff; }
.r-fixed-small li .normal {
    box-sizing: border-box; display: block; height: 55px; padding-top: 8px; cursor: pointer;
    background-color: #fff; box-shadow: 0 2px 3px 0 rgba(102,102,102, .14);
    font-size: 12px; color: #666; text-align: center; line-height: 18px;
}
.r-fixed-small li .normal .ico-share-small { display: block; margin: 0 auto 2px; transition: .2s linear; }
.r-fixed-small li .popup { position: absolute; right: 100%; bottom: -1px; padding-right: 10px; display: none; }
.r-fixed-small .popup > * { box-sizing: border-box; }
.r-fixed-small .popup .bg-shadow { position: relative; }
.r-fixed-small .popup .bg-shadow:after {
    position: absolute; bottom: 23px; right: -10px; content: '';
    border: 5px solid transparent; border-left-color: #fff;
} 
.r-fixed-small .popup .erwei { width: 100px; padding: 5px;  }
.r-fixed-small .popup .tel { width: 180px; height: 70px; padding: 8px 10px; }
.r-fixed-small .popup .tel dd { font-size: 22px; margin-top: 10px; }
.r-fixed-small .popup .share-list { /*width: 200px;*/ width: 150px; height: 56px; padding: 9px; }
.r-fixed-small .popup .share-list .ico-share { margin-top: 0; }
.r-fixed-small .popup .share-list .share-btn { float: left; margin: 0 3px; cursor: pointer; } 
.r-fixed-small li:hover .popup { display: block; }
.r-fixed-small li:hover .normal { color: #fc4c40; }
.r-fixed-small li:hover .ico-share1 { background-position: 0 -20px; }
.r-fixed-small li:hover .ico-share2 { background-position: -22px -20px; }
.r-fixed-small li:hover .ico-share3 { background-position: -44px -20px; }
.r-fixed-small li:hover .ico-share4 { background-position: -66px -20px; }
.r-fixed-small li:hover .ico-share5 { background-position: -88px -20px; }
.r-fixed-small li:hover .ico-share6 { background-position: -110px -20px; }
.r-fixed-small li:hover .ico-share7 { background-position: -132px -20px; }
.r-fixed-small li:hover .ico-share8 { background-position: -154px -20px; }
.r-fixed-small li:hover .ico-share9 { background-position: -176px -20px; }
.r-fixed-small .btn-fold { 
    position: absolute; right: 60px; bottom: 0; margin-top: -29px;
    width: 14px; padding: 6px 8px 18px; background: #f2f4ff; box-shadow: 0 1px 5px rgba(0,0,0, .1); 
    line-height: 16px; color: #2670ff; cursor: pointer; 
}
.r-fixed-small .btn-fold:after {
    position: absolute; bottom: 10px; right: 14px; content: '';
    width: 3px; height: 3px; border: 1px solid #2670ff; border-bottom: none; border-left: none;
    transform: rotate(45deg);
}
.r-fixed-small.is-hide { right: -60px; }
.r-fixed-small.is-hide .btn-fold:after { transform: rotate(225deg); }

/* HLX-6288 LQ 2022-06-22 */
/* wz-list */
.wz-list { padding: 24px 0 34px; }
.wz-list li { padding: 10px 0; }
.wz-list li a { display: block; font-size: 16px; }
.wz-list li span { float: right; font-size: 14px; color: #999; margin-left: 16px; }

.ip-tag { 
    display: inline-block; vertical-align: middle; margin: -2px 0 0 30px;
    background: rgba(255,255,255, .1); padding: 0 12px; border-radius: 20px;
    font-size: 12px; line-height: 22px; color: #ccc;
}