/** BBB-937 LQ 2021-12-13 */

/* icon */
.ico-tit-dot { width: .3rem; height: .3rem; background-color: #B3CDFF; border-radius: 50%; margin-right: .3rem; }

/* hd-bar */
.hd-abs-top .hd-bar .hd-nav { background: transparent; }
.hd-bar .hd-nav .hd-link .item .hd-area { max-width: 3.7rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hd-bar .hd-nav .hd-title { padding:  0 4rem 0 9rem; color: #000; line-height: 2.3rem; }
.hd-bar .hd-nav .hd-link .item .tap { color: #333; }
.icon-menu, .icon-menu:before, .icon-menu:after { background-color: #333; }
.hd-bar .hd-nav .hd-link .item:active { background: transparent; opacity: .8; }
.hd-bar.mu-all-show .hd-nav .hd-link .item .tap { color: #fff; }
.hd-bar.mu-all-show .hd-nav .hd-link .item .tap .ico-logo { 
    width: auto; height: auto; background: transparent; 
    font-family: "iconfont"; font-size: 3.4rem; line-height: 2.5rem; 
}
.hd-bar.mu-all-show .hd-nav .hd-link .item .tap .ico-logo:before { content: "\e625"; }

/* topban */
.topban { 
    background: url('../images/banner_index.png') no-repeat; 
    background-size: 100% 100%; padding: 2.6rem 0 .8rem; 
}

/* find-type */
.find-type { display: flex; padding: 0 .5rem .6rem; }
.find-type a { flex: 1; padding: .6rem .3rem .8rem; margin: 0 .35rem 0 .3rem; background-color: #fff; border-radius: .3rem; text-align: center; }
.find-type a img { display: block; width: 1.7rem; height: 1.7rem; margin: 0 auto .4rem; }
.find-type a p { font-size: .65rem; line-height: .9rem; }

/* adept-list */
.adept-list { background-color: #fff; border-radius: .4rem; margin: 0 .8rem .3rem; height: 3.85rem; overflow: hidden; }
.adept-list li { float: left; width: 20%; }
.adept-list li a { display: block; padding: .65rem .2rem; text-align: center; }
.adept-list li img { display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto .55rem; }
.adept-list li p { font-size: .6rem; line-height: .8rem; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* .lawyer-list */
.lawyer-list.list-btn-group { padding-bottom: .8rem; margin-bottom: .4rem; }
.lawyer-list.list-btn-group.art-h190 { margin-top: .7rem; }

/* service-type */
.service-type .tab-nav { display: flex; padding: 0 .8rem 0 .4rem; }
.service-type .nav-item { 
    position: relative; flex: 1; margin-left: .4rem; padding: 1.3rem .6rem .6rem; text-align: left;
    height: 6rem; background-color: #fff; box-shadow: 0 .15rem .4rem rgba(0,0,0, .03); border-radius: .4rem;
}
.service-type .nav-item img { position: absolute; right: .8rem; bottom: .6rem; }
.service-type .nav-item div[class^="badge-"] {
    position: absolute; left: 0; top: 0; z-index: 5;
    height: 1.4rem; padding-left: .3rem; font-size: .55rem; line-height: .9rem; color: #fff;
}
.service-type .nav-item .badge-hot { width: 1.95rem; background: url('../images/badge_hot.png') no-repeat; background-size: 100% 100%; }
.service-type .nav-item .badge-tui { width: 3rem; background: url('../images/badge_tui.png') no-repeat; background-size: 100% 100%; }
.service-type .nav-item .tit { font-size: .9rem; color: #333; line-height: 1.2rem; font-weight: 700; margin-bottom: .4rem; }
.service-type .nav-item .info { font-size: .6rem; color: #999; line-height: 1rem; }
.service-type .nav-item img { float: right; width: 2.2rem; height: 2.2rem; }
.service-type .nav-item.is-this:after {
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;
    content: ''; border: .1rem solid #b3cdff; border-radius: .4rem;
}
.service-type .nav-item:last-child.is-this:after { border-color: #f2ca8b; }
.service-type .nav-item.is-this:before {
    position: absolute; left: 50%; bottom: -0.45rem; content: ''; margin-left: -0.4rem;
    border: .4rem solid transparent; border-bottom-color: #fff;
}
.service-type .tab-conts { margin: .4rem .8rem; background-color: #f2f2f2; border-radius: 0 0 .4rem .4rem; }
.service-type .tab-item { background-color: #fff; border-radius: .4rem; }
    /**/
.service-type .card { position: relative; padding: .8rem .8rem 1rem; }
.service-type .card .u-btn { position: absolute; right: .8rem; bottom: 1.6rem; }
.service-type .card .lawyer { display: block; padding: 0 5.5rem 0 3.2rem; position: relative; }
.service-type .card .lawyer .img-block { position: absolute; left: 0; top: 0; width: 2.8rem; height: 2.8rem;}
.service-type .card .lawyer .tit { font-size: .7rem; line-height: 1rem; font-weight: 700; }
.service-type .card .lawyer .info { font-size: .6rem; line-height: .9rem; height: 1.7rem; overflow: hidden; color: #999; margin-top: .1rem; }
    /**/
.service-type .serve-list { position: relative; padding: .4rem .4rem .2rem; } 
.service-type .serve-list li { position: relative; z-index: 1; margin-top: .2rem; height: .8rem; line-height: .8rem; font-size: .6rem; } 
.service-type .serve-list li:before { position: absolute; left: 0; top: 50%; right: 0; z-index: -1; content: ''; border-top: 1px dotted #d9d9d9; } 
.service-type .serve-list li span { padding: 0 .4rem; background-color: #fff }
    /**/
.service-type .merit-span { display: flex; height: 1.6rem; line-height: 1.7rem; font-size: .55rem; color: #bbb; }
.service-type .merit-span span { flex: 1; padding: 0 .8rem; }
.service-type .merit-span span .iconfont { font-size: .6rem; color: #b3cdff; margin-right: .2rem; }

/* ask-list */
.ask-bg { background-color: #fff; border-radius: .4rem; margin: .5rem .8rem .4rem; }

/* experience-show */
.experience-show { display: flex; background-color: #fff; border-radius: .4rem; margin: .5rem .8rem .8rem; }
.experience-show li { flex: 1; padding: .6rem 0 1rem; text-align: center; font-size: .7rem; line-height: 1rem; }
.experience-show li img { display: block; width: 2.8rem; height: 2.8rem; margin: 0 auto .2rem; }