/**
   * NEW: #9877  by LiJuan  2020-04-23
*/
.ico-vip {
    display: inline-block; vertical-align: middle; margin-top: -2px;
    width: 13px; height: 13px; 
    background: url('//css.66law.cn/mobile/images/accusal/authentica.png') no-repeat; background-size: 100% 100%; 
}
.plr16 { padding-right: 16px; padding-left: 16px; }
.pb50 { padding-bottom: 50px; }
.bg-ff { background-color: #fff; }

/* bottom-fixed */
.bottom-fixed {
    position: fixed; right: 0; bottom: 0; left: 0; z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff; -webkit-box-shadow: 0 0 11px rgba(0,0,0,.15); box-shadow: 0 0 11px rgba(0,0,0,.15);
}
.bottom-fixed .item {
    position: relative; height: 50px;
    text-align: center;
}
.bottom-fixed .flex-1 {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; line-height: 1;
}
.bottom-fixed .flex-1:before {
    content: ''; position: absolute; top: 0; bottom: 0; left: 0;
    width: 1px; background-color: #eee;
    -webkit-transform: scaleX(.5);
            transform: scaleX(.5);
}
.bottom-fixed .flex-1:first-child:before { width: 0; }
.bottom-fixed .flex-1 .iconfont {
    font-size: 16px; color: #999;
}
.bottom-fixed .flex-1 .txt {
    margin-top: 5px; font-size: 12px;
}
.bottom-fixed .flex-3 {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    font-size: 18px; font-weight: bold; line-height: 50px;
    color: #fff; background-color: #ec3b3b;
}
@supports (bottom: env(safe-area-inset-bottom)) {
    .bottom-fixed {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* detail-bar */
.detail-bar { padding: 28px 16px; }
    /* title-f24 */
.detail-bar .title-f24 {
    font-size: 24px; font-weight: bold; line-height: 28px;
}
    /* lawyer-expert */
.lawyer-expert {
    position: relative; margin-top: 20px; padding-left: 16px;
}
.lawyer-expert:before {
    content: ''; position: absolute; top: 4px; left: 0;
    width: 4px; height: 32px; background-color: #b3cdfe;
}
.lawyer-expert .name { font-size: 12px; }
.lawyer-expert .ico-vip { margin-left: 4px; margin-right: 4px; }
.lawyer-expert .tag {
    position: relative; display: inline-block; vertical-align: middle;
    margin: -2px 4px 0; padding: 0 6px; height: 14px; 
    font-size: 9px; color: #0057ff; line-height: 14px;
}
.lawyer-expert .tag:before {
    content: ''; position: absolute; top: 0; left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; width: 200%; height: 200%;
    border: 1px solid #0057ff; border-radius: 28px;
    -webkit-transform: scale(.5,.5) translate(-50%,-50%);
            transform: scale(.5,.5) translate(-50%,-50%);
}
.lawyer-expert .tag-red { color: #f05759; }
.lawyer-expert .tag-red:before { border-color: #f05759; }
.lawyer-expert .txt {
    font-size: 12px; color: #999;
}

/* */
.accusal-nav-h46 { height: 46px; }
/* accusal-nav */
.accusal-nav {
    width: 100%; height: 46px;
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* background-color: #f5f5f5; */
    white-space: nowrap; text-align: center;
}
.accusal-nav-fixed {
    position: fixed; top: 0; left: 0; right: 0; z-index: 800;
    background-color: #fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.08); box-shadow: 0 5px 10px rgba(0,0,0,.08);
}
.accusal-nav::-webkit-scrollbar {
    display: none;
}
.accusal-nav .item {
    position: relative;
    display: inline-block; margin-right: 24px;
    font-size: 13px; font-weight: bold; line-height: 46px;
}
.accusal-nav .item:first-child { margin-left: 16px; }
.accusal-nav .item:last-child { margin-right: 16px; }
.accusal-nav .item.is-this { color: #0057ff; }
.accusal-nav .item.is-this:before {
    content: ''; position: absolute; right: 0; bottom: 0; left: 0;
    height: 2px; background-color: #0057ff;
}

/* accusal-unfold-bar */
.accusal-unfold-bar {
    position: relative;
    padding: 0 16px; 
}
.accusal-unfold-bar .un-ovh {
    overflow: hidden;
    height: 100vh; 
}
.accusal-unfold-bar .un-btn {
    position: relative; display: block;
    padding-bottom: 28px; 
    font-size: 16px; color: #0057ff; 
    line-height: 20px; text-align: center;
}
.accusal-unfold-bar .un-btn:before {
    content: ''; position: absolute; right: 0; top: -80px; left: 0;
    height: 80px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
}
.accusal-unfold-bar .un-btn .iconfont { 
    margin-left: 5px; margin-top: -2px; font-size: 12px; 
}
.accusal-unfold-bar.show .un-btn:before { height: 0; }

/* accusal-con */
.accusal-con {
    padding: 28px 0; position: relative;
}
.accusal-con:before {
    content: ''; position: absolute; top: 0; right: 0; left: 0;
    height: 1px; background-color: #eaeaea;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5); -webkit-transform-origin: center bottom; transform-origin: center bottom;
}
.accusal-con:first-child:before { height: 0; }
.accusal-con .detail-link { 
    font-size: 13px; color: #0057ff;
}
.accusal-con .titf17 { 
    float: left; 
    font-size: 17px; font-weight: bold;
}
.accusal-con .detail {
    margin-top: 12px; font-size: 14px; line-height: 21px;
    color: #666;
}
.accusal-con .detail p { 
    margin-top: 5px; 
    font-size: 14px; color: #666; 
}
.accusal-con .detail strong, .accusal-con .detail b { color: #333; }
.accusal-con .gain-btn {
    display: block; margin-top: 18px;
    height: 32px; line-height: 32px;
    font-size: 12px; color: #0057ff; background-color: #e0ebff;
    border-radius: 3px; text-align: center;
}

/* feedback-btn */
.feedback-btn {
    font-size: 12px; color: #bbb;
}
.feedback-btn .iconfont {
    margin: -2px 5px 0 0;
    font-size: 14px;
}

/* feedback-pop */
.feedback-pop {
    position: fixed; top: 50%; right: 20px; left: 20px; z-index: 1003;
    padding: 30px 10px; border-radius: 10px;
    background-color: #fff; 
    -webkit-transform: translateY(-50%); 
            transform: translateY(-50%);
}
.feedback-pop .tit {
    text-align: center; font-weight: bold;
    font-size: 16px; color: #333;
}
.feedback-pop .list { margin-top: 6px; text-align: center; }
.feedback-pop .list span {
    position: relative;
    display: inline-block; margin: 14px 3px 0;
    min-width: 84px; line-height: 38px; text-align: center;
    color: #666; font-size: 13px; border-radius: 5px;
    cursor: pointer;
}
.feedback-pop .list span:before {
    content: ''; position: absolute; top: 0; left: 0;
    width: 200%; height: 200%; border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; border-radius: 38px;
    -webkit-transform: scale(.5,.5) translate(-50%,-50%);
            transform: scale(.5,.5) translate(-50%,-50%);
}
.feedback-pop .list span:active {
    color: #0057ff;
}
.feedback-pop .list span:active:before {
    border-color: #0057ff; 
}

/* detail-handle */
.detail-handle { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    margin-top: 30px; text-align: center;
}
.detail-handle li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0 20px;
}
.detail-handle .ico {
    position: relative;
    display: block; margin: auto;
    width: 40px; height: 40px; 
    border-radius: 50%; line-height: 40px;
}
.detail-handle .ico:before {
    content: ''; position: absolute; top: 0; left: 0;
    width: 200%; height: 200%; border: 1px solid #ddd;
    border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;
    -webkit-transform: scale(.5,.5) translate(-50%,-50%);
            transform: scale(.5,.5) translate(-50%,-50%);
}
.detail-handle .ico .num {
    position: absolute; top: 0; left: 30px; z-index: 1;
    padding: 0 5px; height: 15px; 
    font-size: 10px; color: #fff; line-height: 15px; 
    background-color: #f05759; border-radius: 7px;
}
.detail-handle .ico .iconfont {
    font-size: 18px; color: #333;
}
.detail-handle .txt {
    margin-top: 8px;
    font-size: 12px; color: #999;
}

/* online-ask-enter */
.online-ask-enter {
    padding: 25px 35px;
    text-align: center;
}
.online-ask-enter .txt {
    font-size: 17px; color: #333;
}
.online-ask-enter .btn {
    display: block; margin-top: 10px;
    height: 40px; line-height: 40px; 
    font-size: 16px; color: #fff; font-weight: bold;
    background-color: #35c57d; border-radius: 20px;
}
.online-ask-enter .data {
    margin-top: 10px;
    font-size: 12px; color: #bbb;
}
.online-ask-enter .data span {
    margin: 0 5px;
}
.online-ask-enter .data span i {
    color: #f05759;
}

/* tit-f18 */
.tit-f18 {
    position: relative; padding: 16px;
    font-size: 18px; font-weight: bold; line-height: 24px; 
    text-align: center;
}
.tit-f18::after {
    content: ''; position: absolute; right: 0; bottom: 0; left: 0;
    height: 1px; background-color: #eee;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5); -webkit-transform-origin: center bottom; transform-origin: center bottom;
}
.tit-f18.borb0::after { height: 0; }

/* lawyer-card */
.lawyer-card li { border-bottom: 0; }
.lawyer-card li::after {
    content: ''; position: absolute; right: 0; bottom: 0; left: 0;
    height: 1px; background-color: #eee;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5); -webkit-transform-origin: center bottom; transform-origin: center bottom;
}

/* check-more */
.check-more {
    display: block; height: 54px; color: #666;
    font-size: 14px; line-height: 54px; text-align: center;
}
.check-more .iconfont {
    margin-left: 5px;
    font-size: 10px;
}

/* zx-tui-list */
.zx-tui-list .item {
    position: relative; display:block;
    padding: 12px 16px;
}
.zx-tui-list .item:after {
    content:''; position: absolute; right: 16px; bottom: 0; left: 16px;
    height: 1px; background-color: #eaeaea;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5); -webkit-transform-origin: center bottom; transform-origin: center bottom;
}
.zx-tui-list .item .title {
    overflow: hidden; max-height: 44px;
    font-size: 16px; line-height: 22px;
}
.zx-tui-list .item .other {
    overflow: hidden; margin-top: 7px; height: 20px;
    color: #aaa; font-size: 12px;
}
.zx-tui-list .item .other span { margin-right: 25px; }
.zx-tui-list .item .other span em { color: #fa1a1a; }

.mt-5 { margin-top: -5px; }

/* team-ban */
.team-ban img {
    display: block; width: 100%;
}

.mt50 { margin-top: 50px; }
/* team-introduce */
.team-introduce {
    padding: 0 30px;
    text-align: center;
}
.team-introduce .title {
    font-size: 18px; font-weight: bold; text-align: center;
    background: url('../../images/2020/accusal/modified.png') center center no-repeat;
    background-size: 197px 8px;
}
.team-introduce .txt {
    margin-top: 18px;
    font-size: 12px; color: #999; line-height: 16px; 
}

/* team-rank-bar */
.team-rank-bar { 
    padding: 0 16px;
    text-align: center;
}
.team-rank-bar .title {
    font-size: 14px; font-weight: bold; line-height: 16px;
}
.team-rank-bar .txt {
    margin-top: 8px;
    font-size: 10px; color: #bbb; line-height: 12px;
}

/* team-lawyer-list */
.team-lawyer-list {
    margin-top: 15px; padding: 0 10px;
}
.team-lawyer-list li {
    float: left; padding: 15px 5px 0;
    width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.team-lawyer-list .item {
    display: block; margin: auto;
    width: 28.667vw; max-width: 108px; text-align: center;
    background-color: #fff; -webkit-box-shadow: 0 5px 20px rgba(35,57,150,.08); box-shadow: 0 5px 20px rgba(35,57,150,.08);
}
.team-lawyer-list .item .photo {
    display: block; 
    width: 28.667vw; height: 28.667vw;
    max-width: 108px; max-height: 108px;
}
.team-lawyer-list .item .info {
    padding: 8px 10px;
    text-align: left;
}
.team-lawyer-list .item .name {
    height: 18px;
    font-size: 14px; color: #333; line-height: 18px; 
    overflow: hidden;
}
.team-lawyer-list .item .post {
    position: relative; margin-top: 4px; padding-left: 9px; height: 14px;
    font-size: 11px; color: #bbb; line-height: 14px;
    overflow: hidden;
}
.team-lawyer-list .item .post:before {
    content: ''; position: absolute; top: 50%; left: 0;
    width: 2px; height: 10px; background-color: #ccc;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* senior-lawyer-list */
.senior-lawyer-list {
    margin-top: 15px; padding: 0 10px;
}
.senior-lawyer-list li {
    float: left; padding: 15px 5px 0;
    width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.senior-lawyer-list .item {
    display: block; margin: auto; padding: 13px 10px;
    width: 28.667vw; max-width: 108px; text-align: center;
    background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;
    -webkit-box-shadow: 0 5px 20px rgba(35,57,150,.08);
            box-shadow: 0 5px 20px rgba(35,57,150,.08);
}
.senior-lawyer-list .item .photo {
    display: block; margin: auto;
    width: 74px; height: 74px;
    border-radius: 50%; overflow: hidden;
}
.senior-lawyer-list .item .name {
    margin-top: 14px; height: 16px; 
    font-size: 14px; color: #333; line-height: 16px;
    overflow: hidden;
}
.senior-lawyer-list .item .post {
    position: relative; margin-top: 5px; padding-top: 6px;
    height: 20px; font-size: 11px; color: #bbb; line-height: 14px;
    overflow: hidden;
}
.senior-lawyer-list .item .post::before {
    content: ''; position: absolute; top: 0; left: 50%;
    margin-left: -5px;
    width: 10px; height: 3px; background-color: #ccc;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5); -webkit-transform-origin: center top; transform-origin: center top;
}
.senior-lawyer-list .no-data {
    position: relative;
    padding: 0; height: 155px;
}
.senior-lawyer-list .no-data .photo {
    width: 100%; height: auto;
    max-width: none; max-height: none;
}
.senior-lawyer-list .no-data .tel {
    position: absolute; top: 110px; right: 0; left: 0;
    font-size: 11px; line-height: 14px; color: #bbb;
}
.senior-lawyer-list .no-data .email {
    position: absolute; top: 128px; right: 0; left: 0;
    font-size: 9px; color: #bbb; line-height: 13px;
}

/* team-footer-bar */
.team-footer-bar {
    padding: 60px 16px; text-align: center; 
}
.team-footer-bar .tel {
    display: block; margin: auto;
    width: 265px; height: 40px; 
    font-size: 18px; font-weight: bold; color: #0057ff;
    line-height: 40px;
    background-color: #f5f5f5; border-radius: 20px;
}
.team-footer-bar .tel .iconfont {
    margin-right: 10px;
    font-size: 15px;
}
.team-footer-bar .email {
    margin-top: 10px;
    font-size: 13px; color: #bbb; line-height: 1;
}
.team-footer-bar .txt {
    margin-top: 10px;
    font-size: 12px; color: #bbb; line-height: 1;
}


/* YYK-98 2021-05-29 LJ */
/* indorse-lawyer */
.s-warn { color: #EC3B3B; }
.indorse-lawyer { background-color: #F8F8F8; border-radius: 8px; overflow: hidden; padding: 14px; position: relative; }
.indorse-lawyer .lawyer { display: block; position: relative; padding-left: 58px; min-height: 50px; }
.indorse-lawyer .lawyer .photo { position: absolute; top: 0; left: 0; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.indorse-lawyer .lawyer .photo img { display: block; width: 100%; height: 100%; }
.indorse-lawyer .lawyer .tit { line-height: 22px; margin-right: 80px; overflow: hidden; }
.indorse-lawyer .lawyer .name { float: left; font-size: 16px; max-width: 40vw; }
.indorse-lawyer .lawyer .ico-vip { margin-left: 5px; width: 16px; height: 16px; }
.indorse-lawyer .lawyer .help { margin-top: 4px; line-height: 18px; font-size: 12px; color: #999; }
.indorse-lawyer .lawyer .help em { margin-left: 3px; margin-right: 4px; }
.indorse-lawyer .lawyer .skill { margin-top: 3px; font-size: 12px; color: #999; line-height: 18px; }
.indorse-lawyer .btn { position: absolute; top: 14px; right: 14px; z-index: 1; padding: 0 13px; height: 28px; line-height: 28px; border-radius: 14px; background-color: #0057FF; color: #fff; }

/* #85 LQ 2022-08-04 */
.tx-vm { display: flex; align-items: center; }
.detail-bar.new {
    padding: 1.2rem 4.5rem 1.1rem .8rem; border-bottom: .5rem solid #f8f8f8; min-height: 5.7rem;
    background: url('/images/bg_zmk.png') no-repeat; background-size: 100% auto;
}
.detail-bar.new .title-f24 { line-height: 1.6rem; }
.detail-bar.new p { font-size: .6rem; line-height: .8rem; color: #bbb; margin-top: .5rem; }

/* accusal-con > unfold-bar */
.accusal-con .unfd-ovh { overflow: hidden; }
.accusal-con .unfd-btn {
    position: absolute; left: 0; right: 0; bottom: 0;
    height: 4.8rem; padding-top: 2.8rem; box-sizing: border-box; text-align: center;
    background: linear-gradient(180deg, rgba(255,255,255, 0) 0%, #fff 100%);
}
.accusal-con .unfd-btn span {
    display: inline-block; vertical-align: middle;
    width: 7.1rem; height: 2rem; background: #fff; box-shadow: 0 .15rem .75rem rgba(0,0,0, .1); border-radius: 1.2rem;
    font-size: .7rem; color: #0057FF; line-height: 2rem;
}
.accusal-con .unfd-btn .ico-arrow {
    display: inline-block; vertical-align: middle;
    width: .4rem; height: .4rem; border-bottom: 1px solid #0057ff; border-right: 1px solid #0057ff; 
    transform: rotate(45deg); margin: -0.2rem 0 0 .2rem;
}

/* charlt-bar-v2 */
.charlt-bar-v2 {
    display: block; position: relative; margin: .5rem .4rem;
    border-radius: .2rem; overflow: hidden;
    box-shadow: 0 .25rem .5rem rgba(0,87,255,.15);
}
.charlt-bar-v2 .bg {
    display: block;
    width: 100%; height: auto;
}
.charlt-bar-v2 .con {
    position: absolute; top: 50%; right: .8rem; left: .8rem;
    text-align: center;
    transform: translateY(-50%);
}
.charlt-bar-v2 .txt1 {
    font-size: .9rem; font-weight: bold; line-height: 1.5rem;
    color: #fff;
}
.charlt-bar-v2 .txt2 {
    position: relative; display: inline-block; 
    margin-top: .2rem; padding: 0 1.1rem;
    font-size: .7rem; color: #fff; line-height: 1.4rem;
}
.charlt-bar-v2 .txt2 .iconfont {
    font-size: .5rem; margin-left: .25rem;
}
.charlt-bar-v2 .txt2:before {
    content: ''; position: absolute; top: 0; left: 0;
    width: 200%; height: 200%; box-sizing: border-box;
    border: 1px solid #B3CDFF; border-radius: 1.4rem;
    transform: scale(.5,.5) translate(-50%,-50%);
}

/* ask-list */
.ask-list .hr-line:after { left: .8rem; right: .8rem; }
.ask-list .item { display: block; padding: 1rem .8rem; }
.ask-list .item div { padding-left: 1.5rem; }
.ask-list .item .tit {
    background: url("//css.66law.cn/ui_v2/m/pic/ico/q_20.png") no-repeat left 0.1rem;
    background-size: 1rem 1rem;
    font-size: .8rem; line-height: 1.1rem; font-weight: 600;
}
.ask-list .item .info {
    background: url("//css.66law.cn/ui_v2/m/pic/ico/a_20.png") no-repeat;
    background-size: 1rem 1rem;
    font-size: .7rem; line-height: 1rem; color: #666; margin-top: .6rem;
}
.ask-list .item .other { height: .8rem; line-height: .8rem; font-size: .6rem; color: #999; margin-top: .4rem; }

/* hot-tag */
.hot-tag { padding-bottom: .4rem; }
.hot-tag li { padding: 0 .8rem .8rem; overflow: hidden; }
.hot-tag li a { 
    float: left; width: 5.2rem; height: 1.5rem; margin-right: .75rem;
    padding: 0 .3rem 0 .45rem; background-color: #f5f5f5; border-radius: 1.5rem; 
    font-size: .75rem; line-height: 1.5rem; text-align: center;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.hot-tag li a:last-child { margin-right: 0; }