/** #17020 By LQ 2021-04-13 */
body { font-size: 14px; }
.f16 { font-size: 16px !important; }
.s-primary { color: #0057ff; }
.s-warn { color: #ec3b3b; }
.s-c6 { color: #666; }
.s-cb { color: #bbb; }
.is-disabled { cursor: not-allowed!important; }
.u-btn { text-align: center; cursor: pointer; opacity: 1; transition: opacity .2s linear; }
.u-btn:hover { opacity: .8; }
.btn-primary { border-color: #0057ff; background-color: #0057ff; color: #fff !important; }
.btn-warn { border-color: #ec3b3b; background-color: #ec3b3b; color: #fff !important; }
.u-btn.is-disabled { background-color: #e8e8e8; border-color: #e8e8e8; color: #bbb; }
/* .ect { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ect-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } */
.hr-line { position: relative; } 
.hr-line:after { position: absolute; left: 0; bottom: 0; right: 0; content: ''; border-bottom: 1px solid #e8e8e8; transform: scaleY(0.5); }
.borb0 { border-bottom: none !important; }
.img-block { position: relative; }
.line-vertical { position: relative; margin: 0 8px; }
.line-vertical:after { position: absolute; right: 0; top: 50%; content: ''; width: 1px; height: 1em; border-right: 1px solid #e8e8e8; margin-top: -0.5em; }
em, i { font-style: normal; }

/* ico */
.ico-vip { 
    display: inline-block; vertical-align: middle; 
    width: 20px; height: 20px; background: url(../images/vip.png) no-repeat; background-size: cover; 
}
.icon-yx { 
    display: inline-block; vertical-align: middle; 
    width: 76px; height: 20px; background: url(../images/label_yx.png) no-repeat; background-size: cover;
}
.i-lawonline10 { width: 16px; height: 16px; background-position: 0 -20px; }
.i-lawonline11 { width: 11px; height: 16px; background-position: -20px -20px; }
.i-lawonline12 { width: 16px; height: 16px; background-position: -40px -20px; }
.i-lawonline13 { width: 20px; height: 16px; background-position: -60px -20px; }

/* u-label */
.u-label-1 { 
    position: absolute; left: 0; top: 0; z-index: 2;
    padding: 0 6px; line-height: 24px; background-color: #f58e08;
    color: #fff; border-radius: 0 0 10px 0; white-space: nowrap;
}
.u-label-2 { 
    position: absolute; left: 0; top: 0; z-index: 2;
    padding: 0 6px; line-height: 24px; background: linear-gradient(151deg, #0057ff 0%, #3b92ff 100%);
    color: #fff; border-radius: 0 0 4px 0; white-space: nowrap;
}

/* content-box */
.w820 { width: 820px; }
.w340 { width: 340px; }
.pb70 { padding-bottom: 70px; }
.mt60 { margin-top: 60px; }
.content-box { font-size: 14px; }
.content-box * { box-sizing: border-box; }
/* .content-box span { display: inline-block; vertical-align: middle; margin-top: -2px; } */
    /**/
.content-box.bg { padding-top: 40px; background: url('../images/1920x750.png') no-repeat center top; background-size: 100% auto; }
.ban-tx { margin-bottom: 30px; font-size: 28px; line-height: 40px; color: #97b1bb; font-weight: 300; }

/* tel-enter-box */
.tel-enter-box { 
    width: 340px; height: 320px; padding: 30px; 
    background: #fff; box-shadow: 0 5px 20px rgba(0,0,0, .05); 
}
.tel-enter-box .nav-tit { height: 30px; }
.tel-enter-box .nav-tit .icon-phone { float: left; margin: 6px 12px 0 0; font-size: 24px; color: #0057ff; }
.tel-enter-box .nav-tit strong { float: left; font-size: 24px; line-height: 30px; }
.tel-enter-box .nav-tit span { float: left; margin: 8px 0 0 8px; font-size: 16px; color: #999; }
.tel-enter-box input { 
    display: block; width: 100%;  height: 40px; padding: 0 16px; font-size: 14px;
    border: 1px solid #d9d9d9; border-radius: 4px; margin-top: 30px;
}
.tel-enter-box input::placeholder { color: #999; }
.tel-enter-box .u-btn { display: block; width: 100%; height: 44px; border-radius: 4px; margin-top: 22px; }
.tel-enter-box .advantage { padding: 0 8px; overflow: hidden; margin-top: 32px; } 
.tel-enter-box .advantage li { float: left; width: 33.333%; font-size: 14px; color: #999; text-align: center; } 
.tel-enter-box .advantage li img { display: block; margin: 0 auto 8px; width: 32px; height: 32px; }

/* art-swiper-840x320 */
.art-swiper-840x320 { width: 840px; height: 320px; }
.art-swiper-840x320 .swiper-slide { position: relative; }
.art-swiper-840x320 .lawyer { display: block; }
.art-swiper-840x320 .ban-txt { 
    position: absolute; left: 0; top: 0; color: #fff; 
    padding: 60px 320px 0 130px; text-align: center;
}
.art-swiper-840x320 .ban-txt .tit { height: 48px; line-height: 48px; }
.art-swiper-840x320 .ban-txt .name { 
    font-size: 36px; max-width: 300px; display: inline-block; vertical-align: middle; margin-top: -6px; 
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.art-swiper-840x320 .ban-txt .post { position: relative; padding-left: 10px; margin: 10px 0 0 6px; opacity: .5; line-height: 20px; display: inline-block; vertical-align: middle; }
.art-swiper-840x320 .ban-txt .post:before { position: absolute; left: 0; top: 0; content: '/'; }
.art-swiper-840x320 .ban-txt .info { margin-top: 20px; line-height: 22px; opacity: .5; -webkit-line-clamp: 3; height: 66px; }
.art-swiper-840x320 .ban-txt .btn-tip { 
    position: relative; display: inline-block; margin-top: 30px; font-size: 12px;
    padding: 0 16px; line-height: 32px; border-radius: 32px; background-color: rgba(0,0,0, .2); 
}
.art-swiper-840x320 .ban-txt .btn-tip:before,
.art-swiper-840x320 .u-btn:before {
    position: absolute; left: 50%; top: -14px; content: ''; opacity: .2;
    width: 48px; height: 1px; background-color: #fff; margin-left: -24px;
}
.art-swiper-840x320 .u-btn { 
    position: absolute; left: 50%; bottom: 63px; z-index: 10; margin-left: -182px;
    padding: 0 16px; line-height: 32px; border-radius: 32px;
     /* background-color: rgba(0,0,0, .2); */
    font-size: 12px; 
}
.art-swiper-840x320 .ban-txt .btn-tip .iconfont, 
.art-swiper-840x320 .u-btn .iconfont { font-size: 12px; margin: -2px 4px 0 0; }
.art-swiper-840x320 .ban-txt .btn-tip span,
.art-swiper-840x320 .u-btn span { font-size: 12px; margin-left: 8px; }
    /**/
.art-swiper-840x320 .pagination { 
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 10;
    height: 26px; line-height: 26px; text-align: center; 
}
.art-swiper-840x320 .pagination .swiper-pagination-switch {
    display: inline-block; vertical-align: middle; margin: -4px 5px 0; cursor: pointer;
    width: auto; height: 26px; padding: 0 10px; background-color: rgba(0,0,0, .3);
    font-size: 12px; color: rgba(255,255,255, .5); line-height: 26px;
    transition: height .2s linear;
}
.art-swiper-840x320 .pagination .swiper-active-switch { padding-bottom: 10px; color: #fff; position: relative; top: -6px; box-sizing: content-box; }
.art-swiper-840x320 .pagination .swiper-active-switch:after { 
    position: absolute; left: 50%; bottom: 6px; content: '';
    width: 24px; height: 1px; background-color: #fff; margin-left: -12px;
}
/* art-swiper-1200x320 */
.art-swiper-1200x320 { width: 1200px; height: 420px; }
.art-swiper-1200x320 .swiper-slide { position: relative; }
.art-swiper-1200x320 .lawyer { display: block; }
.art-swiper-1200x320 .ban-txt { 
    position: absolute; left: 0; top: 0; color: #fff; 
    padding: 60px 320px 0 130px; text-align: center;
}
.art-swiper-1200x320 .ban-txt .tit { height: 48px; line-height: 48px; }
.art-swiper-1200x320 .ban-txt .name { 
    font-size: 36px; max-width: 300px; display: inline-block; vertical-align: middle; margin-top: -6px; 
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.art-swiper-1200x320 .ban-txt .post { position: relative; padding-left: 10px; margin: 10px 0 0 6px; opacity: .5; line-height: 20px; display: inline-block; vertical-align: middle; }
.art-swiper-1200x320 .ban-txt .post:before { position: absolute; left: 0; top: 0; content: '/'; }
.art-swiper-1200x320 .ban-txt .info { margin-top: 20px; line-height: 22px; opacity: .5; -webkit-line-clamp: 3; height: 66px; }
.art-swiper-1200x320 .ban-txt .btn-tip { 
    position: relative; display: inline-block; margin-top: 30px; font-size: 12px;
    padding: 0 16px; line-height: 32px; border-radius: 32px; background-color: rgba(0,0,0, .2); 
}
.art-swiper-1200x320 .ban-txt .btn-tip:before,
.art-swiper-1200x320 .u-btn:before {
    position: absolute; left: 50%; top: -14px; content: ''; opacity: .2;
    width: 48px; height: 1px; background-color: #fff; margin-left: -24px;
}
.art-swiper-1200x320 .u-btn { 
    position: absolute; left: 50%; bottom: 63px; z-index: 10; margin-left: -182px;
    padding: 0 16px; line-height: 32px; border-radius: 32px;
     /* background-color: rgba(0,0,0, .2); */
    font-size: 12px; 
}
.art-swiper-1200x320 .ban-txt .btn-tip .iconfont, 
.art-swiper-1200x320 .u-btn .iconfont { font-size: 12px; margin: -2px 4px 0 0; }
.art-swiper-1200x320 .ban-txt .btn-tip span,
.art-swiper-1200x320 .u-btn span { font-size: 12px; margin-left: 8px; }
    /**/
.art-swiper-1200x320 .pagination { 
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 10;
    height: 26px; line-height: 26px; text-align: center; 
}
.art-swiper-1200x320 .pagination .swiper-pagination-switch {
    display: inline-block; vertical-align: middle; margin: -4px 5px 0; cursor: pointer;
    width: auto; height: 26px; padding: 0 10px; background-color: rgba(0,0,0, .3);
    font-size: 12px; color: rgba(255,255,255, .5); line-height: 26px;
    transition: height .2s linear;
}
.art-swiper-1200x320 .pagination .swiper-active-switch { padding-bottom: 10px; color: #fff; position: relative; top: -6px; box-sizing: content-box; }
.art-swiper-1200x320 .pagination .swiper-active-switch:after { 
    position: absolute; left: 50%; bottom: 6px; content: '';
    width: 24px; height: 1px; background-color: #fff; margin-left: -12px;
}

/* prove-item */
.prove-item span { float: left; font-size: 12px; color: #666; margin: 0 0 0 28px; }
.prove-item span .ico-lawonline { float: left; margin: 12px 8px 0 0; }

/* r-more */
.r-more { color: #666; }
.r-more .iconfont { font-size: 12px; color: #bbb; margin: -2px 0 0 4px; }
.r-more:hover .iconfont { color: #0057ff; }

/* nav-h40 */
.nav-h40 { height: 40px; line-height: 40px; }
.nav-h40 strong { font-size: 30px; line-height: 38px; font-weight: normal; }
.nav-h40 .tip-f12, .nav-tip { float: left; font-size: 12px; color: #999; float: left; margin: 0 0 0 20px; }

/* nav-f24 */
.nav-f24 { height: 32px; line-height: 32px; }
.nav-f24 strong { font-size: 24px; font-weight: normal; }
.nav-f24 .nav-tip { line-height: 16px; margin-top: 12px; }

/* nav-f20 */
.nav-f20 { height: 28px; line-height: 28px; }
.nav-f20 strong { font-size: 20px; font-weight: normal; }

/* nav-f16 */
.nav-f16 { height: 20px; line-height: 20px; }
.nav-f16 strong { font-size: 16px; }
.nav-f16 .blue-line { margin: 2px 8px 0 0; }
.blue-line { float: left; width: 4px; height: 16px; background-color: #0057ff; }

/* art-282x150 */
.art-282x150 { margin-left: -24px; }
.art-282x150 li { position: relative; z-index: 10; float: left; width: 282px; height: 150px; background-color: #fff; margin-left: 24px; }
.art-282x150 .u-btn { 
    position: absolute; left: 20px; bottom: 20px; z-index: 2; 
    width: 80px; height: 24px; line-height: 24px; border-radius: 24px; 
}
    /*lawyer*/
.art-282x150 .lawyer,
.art-282x150 .art-vacancy { position: absolute; left: 0; top: 0; width: 100%; }
.art-282x150 .lawyer .photo { overflow: hidden; height: 150px; }
.art-282x150 .lawyer .photo img { transition: all .2s linear; transform: scale(1); transform-origin: right bottom; }
.art-282x150 .lawyer .box { position: absolute; left: 0; top: 0; right: 0; padding: 13px 40px 20px 20px; height: 100%; box-sizing: border-box; }
.art-282x150 .lawyer .tit {  line-height: 30px; height: 30px; overflow: hidden; }
.art-282x150 .lawyer .tit .name { 
    display: inline-block; vertical-align: middle;
    font-size: 22px; color: #333; max-width: 132px; height: 30px; overflow: hidden;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.art-282x150 .lawyer .tit .post { position: relative; font-size: 12px; color: #666; line-height: 18px; margin: 4px 0 0 8px; padding-left: 8px; }
.art-282x150 .lawyer .tit .post:before { position: absolute; left: 0; top: -1px; content: '/'; }
.art-282x150 .lawyer .skill { 
    overflow: hidden; height: 36px; line-height: 36px; color: #fff; margin: 10px 20px 0 0;
    padding: 0 10px; border-radius: 4px; background-color: rgba(0,0,0, .1);
    background: linear-gradient(to right, rgba(0,0,0, .1) 50%, rgba(0, 0, 0, 0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
}
.art-282x150 .other { height: 0; background-color: #fff; overflow: hidden; transition: height .2s ease-in-out; }
.art-282x150 .other .pad { padding: 16px 20px; }
.art-282x150 .other .f12 { font-size: 12px; color: #bbb; margin-top: 8px; }
.art-282x150 .other .f12 span { margin-top: -4px; }
.art-282x150 li:hover .lawyer { box-shadow: 0 10px 20px rgba(0,0,0, .08); }
.art-282x150 li:hover .lawyer .photo img { transform: scale(1.02); }
.art-282x150 li:hover .lawyer .other { height: 75px; }
    /*art-vacancy*/
.art-282x150 .art-vacancy .box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; padding: 20px; color: #bbb; }
.art-282x150 .art-vacancy .tit { font-size: 18px; } 
.art-282x150 .art-vacancy .tx { margin-top: 7px; }
.art-282x150 .art-vacancy .line { width: 20px; height: 1px; background-color: #d9d9d9; margin: 14px 0 12px; }
.art-282x150 .art-vacancy .url { font-size: 12px; }

/* condition-explain */
.condition-explain { margin-left: -24px; }
.condition-explain li { float: left; margin-left: 24px; width: 282px; height: 86px; padding-top: 16px; background-color: #f8f8f8; text-align: center; }
.condition-explain .tit { height: 24px; line-height: 24px; font-size: 18px; }
.condition-explain .tit img { display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; }
.condition-explain p { font-size: 12px; color: #999; margin-top: 12px; }
    /**/
.explain-nav { height: 26px; line-height: 26px; text-align: center; }
.explain-nav span { position: relative; font-size: 20px; color: #666; }
.explain-nav span:before,
.explain-nav span:after {
    position: absolute; top: 50%; content: '';
    width: 40px; height: 1px; background-color: #ddd;
}
.explain-nav span:before { left: -52px; }
.explain-nav span:after { right: -52px; }
    /**/
.explain-link { height: 20px; text-align: center; }
.explain-link span { display: inline-block; vertical-align: middle; width: 230px; text-align: center; margin: -2px 5px 0; }
.explain-link span a { position: relative; padding-left: 14px; color: #999; }
.explain-link span a:before { 
    position: absolute; left: 0; top: 7px; content: ''; 
    width: 6px; height: 6px; background-color: #ddd; border-radius: 50%; 
}
.explain-link span a:hover { color: #0057ff; }

/* art-282x425 */
.art-282x425 { padding-top: 80px; margin-left: -24px; }
.art-282x425 li { 
    position: relative; z-index: 10; 
    float: left; width: 282px; height: 345px; margin-left: 24px; text-align: center; 
}
.art-282x425 .u-btn { 
    position: absolute; left: 50%; top: 290px; z-index: 2; 
    width: 120px; height: 28px; line-height: 28px; border-radius: 28px; margin-left: -60px;
}
.art-282x425 .lawyer,
.art-282x425 .art-vacancy { 
    position: absolute; left: 0; top: 0; 
    width: 100%; height: 345px; padding: 185px 21px 0; 
    background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0, .08); 
}
.art-282x425 .photo { position: absolute; top: -80px; width: 240px; background-color: #fff; }
.art-282x425 .tit { height: 26px; line-height: 26px; }
    /*lawyer*/
.art-282x425 .lawyer {  transition: height .2s linear; }
.art-282x425 .lawyer .photo { height: 240px; overflow: hidden; }
.art-282x425 .lawyer .photo img { transition: all .2s linear; transform: scale(1); }
.art-282x425 .lawyer .tit .name { display: block; font-size: 20px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.art-282x425 .lawyer .skill { font-size: 12px; color: #666; margin-top: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.art-282x425 .lawyer .help { font-size: 12px; color: #999; margin-top: 10px; }
.art-282x425 .lawyer .help .s-warn { margin-top: -4px; }
.art-282x425 .lawyer .other { color: #666; margin-top: 50px; visibility: hidden; opacity: 0; transition: opacity .2s ease-out; }
.art-282x425 li:hover .lawyer { height: 372px; }
.art-282x425 li:hover .lawyer .photo img { transition: all .2s linear; transform: scale(1.02); }
.art-282x425 li:hover .lawyer .other { visibility: visible; opacity: 1; }
    /*art-vacancy*/
.art-282x425 .art-vacancy { color: #bbb;  text-align: center; }
.art-282x425 .art-vacancy .tit { font-size: 20px; } 
.art-282x425 .art-vacancy .tx { margin-top: 12px; }
.art-282x425 .art-vacancy .line { width: 32px; height: 2px; background-color: #ec3b3b; margin: 18px auto 22px; }
.art-282x425 .art-vacancy .tel { font-size: 18px; }
.art-282x425 .art-vacancy .tel .iconfont { font-size: 14px; margin-right: 8px; }

/* find-bg */
.find-bg { padding: 40px 0; height: 572px; background: url('../images/1920x572.png') no-repeat center top; margin-top: 65px; }
.w792 { width: 792px; }
.w384 { width: 384px; }
    /*hot-type-bar*/
.hot-type-bar { padding: 24px 40px 0; height: 218px; }
.hot-type-bar .tag-link { padding-top: 5px; margin-left: -20px; }
.tag-link a { 
    float: left; margin: 20px 0 0 20px;
    width: 102px; height: 40px; line-height: 38px; border: 1px solid #e8e8e8; 
    font-size: 16px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    transition: color .2s linear, border-color .2s linear;
}
.tag-link a:hover { border-color: #0057ff; }

/* art-384x436 */
.art-384x436 li { position: relative; float: left; width: 384px; height: 436px; background-color: #fff; text-align: center; }
.art-384x436 .u-btn { 
    position: absolute; bottom: 43px; left: 50%; z-index: 10; margin-left: -115px; 
    width: 230px; line-height: 44px; border-radius: 44px; font-size: 16px;
}
.art-384x436 li .u-btn .iconfont { margin-right: 6px; }
    /*lawyer*/
.art-384x436 .lawyer { 
    display: block; padding: 44px 16px 0; height: 436px; 
    background: url('../images/384x104.png') no-repeat center top; 
}
.art-384x436 .lawyer .photo { 
    position: relative; width: 120px; height: 120px; margin: 0 auto 24px;
    background-color: #fff; border: 2px solid #fff; border-radius: 50%; 
}
.art-384x436 .lawyer .photo img { border-radius: 50%; }
.art-384x436 .lawyer .photo .ico-vip { position: absolute; right: 14px; bottom: 0; }
.art-384x436 .lawyer .name { font-size: 20px; color: #333; line-height: 28px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.art-384x436 .lawyer .post { height: 20px; margin-top: 8px; }
.art-384x436 .lawyer .post span { position: relative; z-index: 2; color: #999; }
.art-384x436 .lawyer .post span:after {
    position: absolute; bottom: 2px; left: -10px; right: -10px; z-index: -1; 
    content: ''; height: 10px; background-color: #e8e8e8;
}
.art-384x436 .lawyer .skill { height: 24px; margin-top: 22px; }
.art-384x436 .lawyer .skill span { 
    display: inline-block; vertical-align: middle; margin: -2px 5px 0;
    padding: 0 15px; line-height: 22px; border: 1px solid #e8e8e8; 
    font-size: 12px; color: #999; 
}
.art-384x436 .lawyer .help { color: #999; margin-top: 15px; }
    /*art-vacancy*/
.art-384x436 .art-vacancy { display: block; height: 436px; color: #bbb; }
.art-384x436 .art-vacancy .box { padding: 50px 16px; }
.art-384x436 .art-vacancy .tit { font-size: 20px; } 
.art-384x436 .art-vacancy .tx { margin-top: 12px; }
.art-384x436 .art-vacancy .line { width: 32px; height: 2px; background-color: #e8e8e8; margin: 20px auto 30px; }
.art-384x436 .art-vacancy .tel { font-size: 18px; }
.art-384x436 .art-vacancy .tel .iconfont { font-size: 14px; margin-right: 8px; }
/*340x430*/
.w340 .art-384x436 { height: 430px; box-shadow: 0 0 20px rgba(0,0,0, .08); }
.w340 .art-384x436 .lawyer .help { font-size: 12px; }
.w340 .art-384x436 .swiper-slide { position: relative; text-align: center; }
.w340 .art-384x436 .swiper-slide .u-btn { bottom: 40px; }
.w340 .art-384x436 .swiper-slide .u-btn .iconfont { margin-right: 6px; }
.w340 .art-384x436 .art-vacancy { height: 430px; }
    /**/
.w340 .art-384x436 .pagination { 
    position: absolute; top: 20px; right: 20px; z-index: 10;
    height: 4px; line-height: 4px;
}
.w340 .art-384x436 .pagination .swiper-pagination-switch {
    display: inline-block; vertical-align: middle; margin: -2px 0 0 4px; cursor: pointer;
    width: 10px; height: 4px; background-color: #fff; opacity: .5;
}
.w340 .art-384x436 .pagination .swiper-active-switch { width: 20px; opacity: 1; }

/* step-bar */
.step-bar .item { position: relative; float: left; white-space: nowrap; padding: 0 90px 0 56px; }
.step-bar .item:after {
    position: absolute; top: 50%; right: 20px; content: '';
    width: 50px; height: 1px; background-color: #d9d9d9;
}
.step-bar .item:last-child { padding-right: 0; }
.step-bar .item:last-child:after { height: 0; }
.step-bar .item .num { 
    position: absolute; left: 0; top: 0; 
    width: 40px; height: 40px; line-height: 40px; background-color: #b4bccc; border-radius: 50%; 
    font-size: 20px; color: #fff; text-align: center; margin: 0 16px 0 0;
}
.step-bar .item .tit { font-size: 18px; color: #666; line-height: 40px; }
.step-bar li.line { width: 28px; height: 1px; background-color: #ccc; margin: 10px 14px 0 10px; }

/* info-show */
.info-show .box-bar { width: 700px; height: 500px; padding: 10px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0, .08); }
.info-show .box-bar2 { width: 500px; height: 500px; padding: 10px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0, .08); }

/* ask-roll */
.ask-roll { height: 378px; }
.ask-roll .swiper-slide { width: 100%; }
.ask-roll .swiper-slide .box { position: relative; border-left: 1px solid #e8e8e8; padding: 0 0 32px 24px; margin-left: 4px; }
.ask-roll .swiper-slide .box:before {
    position: absolute; left: -9px; top: -1px; content: '';
    width: 9px; height: 9px; background-color: #bbb; border: 4px solid #fff; border-radius: 50%;
}
.ask-roll .swiper-slide .time { font-size: 12px; color: #999; line-height: 16px; }
.ask-roll .swiper-slide .txt { margin-top: 10px; }

/* eval-roll */
.eval-roll { height: 370px; }
    /*table-eval*/
.table-eval { width: 100%; font-size: 12px; line-height: 16px; border-collapse:collapse; border-spacing:0; table-layout:fixed }
.table-eval th { padding-bottom: 8px; }
.table-eval.hr-line:after { left: -30px; right: -30px; }
.table-eval .swiper-slide { float: none; }
.table-eval tr { border-bottom: 1px solid #eee; }
.table-eval td { padding: 24px 0; }
.table-eval .tx { display: block; padding-right: 10px; font-size: 14px; color: #333; }
.table-eval .other { color: #bbb; margin-top: 8px; }
.table-eval .other span { margin-right: 20px; }
.table-eval .photo { display: block; color: #999; text-align: center; }
.table-eval .photo img { display: block; margin: 0 auto 4px; width: 24px; height: 24px; border-radius: 50%; }
    /*grade-bar*/
.ico-star { font-family: "iconfont"; display: inline-block; vertical-align: middle; font-style: normal; margin-top: -2px; }
.ico-star:before { content: "\e600"; }
.grade-bar { overflow: hidden; }
.grade-bar .iconbox { position: relative; float: left; height: 20px; }
.grade-bar .ico-star { font-size: 12px; color: #e8e8e8; margin: 0 3px; }
.grade-bar .iconbox .star-color { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; }
.grade-bar .iconbox .star-color .ico-star { color: #f7ba2a; }
.grade-bar .txt { float: left; font-size: 12px; color: #f7ba2a; margin: 0 0 0 5px; }

/* auth-bar */
.auth-bar { height: 230px; }
.auth-bar li { float: left; width: 33.333%; padding-top: 48px; text-align: center; font-size: 14px; color: #bbb; }
.auth-bar li img { display: block; margin: 0 auto 20px; }
.auth-bar li div { font-size: 20px; line-height: 28px; color: #333; margin-bottom: 8px; }

/* ft-link */
.ft-link { padding: 30px 0; background-color: #151515; margin-bottom: -40px; } 
.ft-link .hr-line { height: 1px; background-color: #242424; margin-top: 40px; position: relative; } 
.ft-link .hr-line:after { border-bottom: none; } 
.ft-link .friendship-links { margin-bottom: 0; font-size: 12px; } 
.ft-link .friendship-links .label { color: #666; font-size: 12px; } 
.ft-link .friend-link-con a { font-size: 12px; color: #444; } 
.ft-link .friendship-con .zk-btn { color: #555; } 
.ft-link .friendship-con .zk-btn .iconfont { font-size: 12px; color: #666; margin-left: 5px; }

/* type-filtrate-bar */
.type-filtrate-bar { padding: 6px 30px 16px; box-shadow: 0 5px 50px 0 rgba(0,0,0, .05); }
.type-filtrate-bar .type-list { padding: 11px 0; }
.type-filtrate-bar .type-list .tit { top: 15px; color: #999; }
.type-filtrate-bar .type-list .type-nr { padding-left: 80px; min-height:36px;}
.type-filtrate-bar .type-nr a.is-this { background-color: #0057ff; color: #fff; border-radius: 15px; }
    /*type-list*/
.type-list { position: relative; line-height: 28px; border-bottom: 1px dotted #eee; }
.type-list .tit { position: absolute; left: 0; top: 5px; margin-top: 0; }
.type-list .type-nr { padding-left: 55px; }
.type-list .type-nr a { display: inline-block; padding: 0 12px; margin: 4px; }
.type-list .type-nr a.is-this { color: #fff; }
.type-list .type-nr.selected a { 
    display: inline-block; padding: 0 30px 0 10px; background-color: #f8f8f8; color: #666; margin: 4px 5px; position: relative; 
}
.type-list .type-nr.selected a .iconfont { 
    position: absolute; top: 11px; right: 10px; 
    font-size: 12px; color: #ccc; line-height: 12px; transform: scale(.8);
}
.type-list .type-nr.selected a .iconfont:hover { color: #666; }
    /**/
.type-list .unfold-bar { position: relative; padding-right: 30px; }
.type-list .un-ovh { overflow: hidden; }
.type-list .un-ovh.h36 { height: 36px; }
.type-list .un-ovh.h72 { height: 72px; }
.type-list .un-btn { 
    position: absolute; bottom: 10px; right: 0; z-index: 10; 
    width: 14px; height: 14px; line-height: 14px; text-align: center; 
    border: 1px solid #ddd; background-color: #f9f9fb; cursor: pointer; 
}
.type-list .un-btn .iconfont { font-size: 12px; color: #333; line-height: 12px; font-weight: normal; transform: scale(.7); font-weight: bold; }

/* lawyer-list */
.lawyer-list .item { position: relative; padding: 32px 0 32px 188px; min-height: 192px; box-sizing: content-box; }
.lawyer-list .photo { position: absolute; left: 0; top: 38px; width: 160px; }
.lawyer-list .photo .help { font-size: 12px; line-height: 16px; color: #999; text-align: center; margin-top: 16px; }
.lawyer-list .lawyer { position: relative; padding-right: 250px; }
.lawyer-list .lawyer .tit { height: 32px; line-height: 32px; }
.lawyer-list .lawyer .tit .name { float: left; font-size: 24px; }
.lawyer-list .lawyer .ico-vip, 
.lawyer-list .lawyer .icon-yx { float: left; margin: 6px 0 0 10px; }
.lawyer-list .lawyer .tag { height: 28px; overflow: hidden; }
.lawyer-list .lawyer .tag span { float: left; margin-right: 10px; padding: 0 10px; background-color: #f5f5f5; font-size: 12px; color: #999; }
.lawyer-list .lawyer .info { font-size: 14px; color: #999; height: 40px; overflow: hidden; }
.lawyer-list .lawyer .right { position: absolute; top: 54px; right: 20px; width: 140px; text-align: center; }
.lawyer-list .lawyer .right .u-btn { display: block; margin: 0 auto 8px; width: 96px; line-height: 32px; border-radius: 32px; }
.lawyer-list .case-bar { position: relative; background-color: #f8f8f8; }
.lawyer-list .case-bar .u-label-1 { line-height: 20px; font-size: 12px; border-radius: 0; }
.lawyer-list .case-bar .tx-list { padding: 26px 0 14px; }
.lawyer-list .case-bar .tx-list li { float: left; width: 50%; padding: 6px 20px; position: relative; }
.lawyer-list .case-bar .tx-list li a { position: relative; padding: 0 17px; }
.lawyer-list .case-bar .tx-list li a:before { position: absolute; left: 0; top: 8px; content: ''; width: 4px; height: 4px; background-color: #bbb; }

/* u-page */
.u-page { color: #aaa; font-size: 14px; }
.u-page a { display: inline-block; margin: 0 5px; min-width: 40px; height: 40px; line-height: 40px; background-color: #f8f8f8; text-align: center; color: #999; }
.u-page .u-p-prev, .u-page .u-p-next { font-family: 'SimSun'; }
.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; color: #fff; }
.u-page .disabled, .u-page .disabled:hover { cursor:default; color: #bbb; background-color: #fbfbfb; }

/* nav-style1 */
.nav-style1 { height: 40px; margin-left: -2px; }
.nav-style1 li { 
    float: left; width: 272px; line-height: 40px; background-color: #f5f5f5; margin-left: 2px; 
    font-size: 16px; color: #666; text-align: center; cursor: pointer;
}
.nav-style1 li.is-this { background-color: #0057ff; color: #fff; }

/* qa-list */
.qa-list li { padding: 30px 0; }
.qa-list li .block { position: relative; padding-left: 50px; min-height: 30px; font-size: 16px; }
.qa-list li .block .icon { 
    position: absolute; left: 0; top: 0; 
    width: 30px; height: 30px; line-height: 30px; text-align: center;
    color: #fff; background-color: #d9d9d9; border-radius: 50%;
}
.qa-list li .block .icon.da { background-color: #b3cdff; }
.qa-list li .block .txt { line-height: 30px; }
.qa-list li .block .other { font-size: 14px; color: #999; line-height: 20px; }
.qa-list li .block .other .line-vertical { margin: 0 10px; }

/* tw-list */
.tw-list li { overflow: hidden; padding: 30px 0; }
.tw-list li .img-block { float: left; width: 192px; height: 120px; margin-right: 20px; }
.tw-list li .tit { font-size: 20px; line-height: 28px; font-weight: 600; height: 28px; overflow: hidden; }
.tw-list li .inf { font-size: 12px; color: #bbb; margin: 12px 0 15px; }
.tw-list li .inf span { margin-right: 20px; }
.tw-list li .inf span .i-zx17 { width: 12px; height: 12px; background-position: -80px -100px; margin-right: 6px; }
.tw-list li p { color: #666; line-height: 22px; max-height: 44px; overflow: hidden; }

/* lawyer-corpus */
.lawyer-corpus { margin-left: -50px; margin-top: -50px; }
.lawyer-corpus li { float: left; margin-top: 40px; margin-left: 50px; width: 560px; padding: 10px 0; }
.lawyer-corpus .tit { height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: bold; }
.lawyer-corpus .det { position: relative; margin-top: 10px; padding-left: 20px; line-height: 22px; max-height: 44px; font-size: 12px; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lawyer-corpus .det:before { content: ''; position: absolute; top: 6px; left: 0; bottom: 6px; width: 3px; background-color: #e0ebff; }
.lawyer-corpus .time { line-height: 40px; font-size: 14px; color: #bbb; }
.lawyer-corpus .photo { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }
.lawyer-corpus .name { font-size: 14px; }
.lawyer-corpus .law { font-size: 12px; color: #999; }
    /*read-corpus-list*/
.read-corpus-list { margin: 0; }
.read-corpus-list li { float: none; margin: 0; background-color: transparent; padding: 30px 0; border-bottom: 1px solid #f2f2f2; width: auto; }
.read-corpus-list .tit { font-size: 16px; }
.read-corpus-list .det { padding-left: 0; height: 22px; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 14px; }
.read-corpus-list .det:before { width: 0; }
.read-corpus-list .name { font-weight: bold; font-size: 12px; }

/* rapid-bar */
.rapid-bar { 
    height: 179px; text-align: center; 
    background: url('../images/r_340x179.png') no-repeat; box-shadow: 0 3px 35px rgba(0,0,0, .08); 
}
.rapid-bar .tit { padding: 30px 30px 0; font-size: 20px; line-height: 28px; font-weight: 700; }
.rapid-bar ul { padding: 32px 15px 0; }
.rapid-bar li { float: left; width: 33.333%; color: #666; }
.rapid-bar li img { display: block; margin: 0 auto 8px; }

/* char-w340-h120 */
.char-w340-h120 { width: 340px; height: 120px; overflow: hidden; position: relative; }
.char-w340-h120.bg1 { background-color: #e1ecf2; }
.char-w340-h120.bg2 { background-color: #f0ebe1; }
.char-w340-h120 .photo { position: absolute; top: 15px; right: 30px; width: 90px; height: 90px; border-radius: 50%; }
.char-w340-h120 .lawyer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 18px 140px 0 30px; transition: all .2s linear; }
.char-w340-h120 .lawyer .name { line-height: 28px; height: 28px; overflow: hidden; }
.char-w340-h120 .lawyer .name b { font-size: 18px; color: #333; font-weight: normal; }
.char-w340-h120 .lawyer .name span { font-size: 12px; color: #999; margin-left: 8px; }
.char-w340-h120 .lawyer .tip { font-size: 12px; color: #999; line-height: 16px; overflow: hidden; margin-top: 8px; }
.char-w340-h120 .lawyer .other { 
    display: inline-block; vertical-align: middle; padding: 0 8px; line-height: 20px; margin-top: 12px;
    background-color: rgba(0,0,0, .3); border-radius: 4px;
    font-size: 12px; color: #fff;
 }
/* .char-w340-h120 .lawyer .tel { color: #333; margin-top: 10px; transition: all .2s linear; white-space: nowrap; height: 20px; overflow: hidden; }
.char-w340-h120 .lawyer .tel .iconfont { font-size: 12px; margin-right: 3px; } */
.char-w340-h120 .btn { 
    position: absolute; left: 30px; bottom: 15px; width: 75px; height: 20px; border-radius: 12px; 
    font-size: 12px; line-height: 18px; transition: opacity .2s linear; opacity: 0; visibility: hidden;
}
/* .char-w340-h120:hover .lawyer { padding-top: 10px;  }
.char-w340-h120:hover .lawyer .tip, .char-w340-h120:hover .lawyer .tel { margin-top: 2px; }
.char-w340-h120:hover .btn { opacity: 1; visibility:visible; } */
   /*empty*/
.char-w340-h120 .empty { 
    display: block; height: 120px; padding: 0 20px 0 28px; 
    background: url('../images/340x120.jpg') no-repeat; 
}
.char-w340-h120 .empty strong { display: block; padding-top: 26px; font-size: 18px; color: #666; line-height: 28px; font-weight: 500; }
.char-w340-h120 .empty p { color: #bbb; line-height: 24px; margin-top: 3px; }

/* char-w160-h160 */
.char-w160-h160 { display: block; width: 160px; height: 160px; overflow: hidden; position: relative; }
.char-w160-h160 img { transition: all .2s linear; }
.char-w160-h160 .txt { 
    position: absolute; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; overflow: hidden;
    padding: 0 13px; background: #fff; background-color: rgba(255,255,255, .9); 
    transition: all .2s linear; opacity: 1; visibility:visible;
}
.char-w160-h160 .txt b { font-size: 16px; }
.char-w160-h160 .txt span { font-size: 12px; color: #999; margin-left: 7px; }
.char-w160-h160 .lawyer { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;
    padding: 30px 20px; background-color: rgba(255,255,255, .7); 
    transition: all .2s linear; opacity: 0; visibility: hidden;
}
.char-w160-h160 .lawyer .tip { height: 20px; overflow: hidden; text-align: center; color: #666; }
.char-w160-h160 .lawyer .other,
.char-w160-h160 .lawyer .tel { height: 20px; overflow: hidden; text-align: center; font-size: 18px; color: #333; margin-top: 60px; }
.char-w160-h160 .btn { 
    position: absolute; left: 36px; right: 36px; top: 68px; z-index: 5;
    width: 88px; height: 26px; line-height: 26px;
    transition: all .2s linear; opacity: 0; visibility: hidden;
}
.char-w160-h160:hover .txt { opacity: 0; visibility: hidden; }
.char-w160-h160:hover .img-block img { -webkit-filter: blur(5px); filter: blur(5px); }
.char-w160-h160:hover .lawyer,
.char-w160-h160:hover .btn { opacity: 1; visibility:visible; }
   /*empty*/
.char-w160-h160 .empty { 
    display: block; height: 160px; padding: 0 20px; text-align: center;
    background: url('../images/160x160.jpg') no-repeat; 
}
.char-w160-h160 .empty strong { display: block; padding-top: 29px; font-size: 18px; color: #666; line-height: 26px; font-weight: 500; }
.char-w160-h160 .empty p { font-size: 12px; color: #bbb; line-height: 24px; margin-top: 8px; }
   
/*w340 char-list*/
.w340 .char-list .char-w340-h120 { margin-bottom: 20px; }
.w340 .char-list .last-mb0 .char-w340-h120:last-child { margin-bottom: 0; }
.w340 .char-list .char-w160-h160 { float: left; margin: 20px 20px 0 0; }
.char-list .char-w260-h323 { float: left; margin-right: 20px; }

/* log-roll */
.log-roll { padding: 30px; box-shadow: 0 0 20px rgba(0,0,0, .08); }
.log-roll .swiper-container { height: 416px; }
.log-roll .swiper-slide { float: none; }
.log-roll .blue-line { margin-left: -30px; }
.log-roll .box { position: relative; border-left: 1px solid #e8e8e8; padding: 6px 0 24px 19px; margin-left: 4px; }
.log-roll .box:before { 
    position: absolute; left: -5px; top: -1px; content: ''; 
    width: 11px; height: 27px; background-color: #fff; 
}
.log-roll .box:after { 
    position: absolute; left: -5px; top: 8px; content: ''; 
    width: 7px; height: 7px; border: 2px solid #b3cdff; border-radius: 50%; 
}
.log-roll .time { font-size: 12px; line-height: 16px; color: #bbb; }
.log-roll .lawyer { position: relative; padding-left: 40px; display: block; margin-top: 16px; }
.log-roll .lawyer .photo { position: absolute; left: 0; width: 30px; height: 30px; border-radius: 50%; }
.log-roll .lawyer .tx { font-size: 12px; color: #666; line-height: 16px; margin-top: 6px; }

/* scene-bar */
.scene-bar { box-shadow: 0 0 20px rgba(0,0,0, .08); }
.scene-bar .tit { 
    height: 87px; padding: 30px; background: url('../images/r_340x87.png') no-repeat; 
    font-size: 20px; line-height: 26px; font-weight: bold;
}
.scene-bar ul { padding: 18px 24px; }
.scene-bar li { padding: 13px 0; }
.scene-bar li img { float: left; margin-right: 24px; }
.scene-bar li strong { display: block; font-size: 18px; line-height: 24px; }
.scene-bar li p { color: #bbb; margin-top: 4px; }

/* know-how-bar */
.know-how-bar { padding: 30px; }
.know-how-bar .blue-line { margin-left: -30px; }
.know-how-bar li { padding: 10px 0; }
.know-how-bar li a { position: relative; padding-left: 18px; font-size: 16px; }
.know-how-bar li a:before { position: absolute; left: 0; top: 10px; content: ''; width: 6px; height: 6px; background-color: #bbb; }



.box-about-text div{
    font-size: 17px;
    font-weight: bold;
    line-height: 40px
}
.address{
    font-size: 17px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 15%;
}
.address div{ width: 275px; }
.address img{ width: 100% }
.div-font{
    display: flex;
    align-items: center;
    margin-top: 10%;
}
.box-about-text{
    margin-left: 3%;
}
.box-logo-text{
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-logo-text img{
    width: 100px;
    margin-left: 180%;
}
.box-about-images{
    margin-left: 3%;
}

.wechat-dy{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wechat-dy div{
    flex: 1;
}

.wechat-dy img{
    width: 200px;
}