/* LTX-4475 2022-04-08 */
.lh18 { line-height: .9rem; }
.lh24 { line-height: 1.2rem; }
body { overflow: hidden; }

/**/
.ico-findlaw { background: url('../../pic/findlawyer/ico-findlawyer.png') no-repeat; background-size: 7.75rem 2rem; }
.i-findlaw1 { width: .8rem; height: .8rem; background-position: 0 0; }
.i-findlaw2 { width: .8rem; height: .8rem; background-position: -1rem 0; }
.i-findlaw3 { width: .6rem; height: .6rem; background-position: -2rem 0; }
.i-findlaw4 { width: .6rem; height: .6rem; background-position: -2.75rem 0; }
.i-findlaw5 { width: .7rem; height: .7rem; background-position: -3.5rem 0; }
.i-findlaw6 { width: .7rem; height: .7rem; background-position: -4.25rem 0; }
.i-findlaw7 { width: .4rem; height: .4rem; background-position: -5rem 0; }
.i-findlaw8 { width: .4rem; height: .4rem; background-position: -5rem -.5rem; }
.i-findlaw9 { width: 1.2rem; height: 1.2rem; background-position: -5.5rem 0; }
.i-findlaw10 { width: .8rem; height: .8rem; background-position: -6.75rem 0; }
.i-findlaw11 { width: .8rem; height: .8rem; background-position: 0 -1rem; }
.i-findlaw12 { width: .8rem; height: .8rem; background-position: -1rem -1rem; }
.i-findlaw13 { width: .8rem; height: .8rem; background-position: -2rem -1rem; }
.i-findlaw14 { width: .8rem; height: .8rem; background-position: -3.75rem -1rem; }
/*  */
.nav-ico { width: .9rem; height: .9rem; background-size: cover; }
.ico-newask { background-image: url('../../pic/icon/new.png'); }
.ico-tw { background-image: url('../../pic/icon/tw.png'); }
.ico-case { background-image: url('../../pic/icon/case.png'); }

/* bg-liner-ff-gray */
.bg-liner-ff-gray { position: relative; z-index: 1; padding: .6rem .6rem 0; }
.bg-liner-ff-gray:before { content: ''; position: absolute; top: 0; right: 0; bottom: -.4rem; left: 0; z-index: -1; background: linear-gradient(180deg, #FFFFFF 0%, #F7F8FA 100%); } 

/* search-link */
.search-link { display: block; border: .1rem solid #0EB298; line-height: 1.6rem; padding: 0 .7rem; border-radius: .9rem; font-size: .7rem; color: #868EA3; }
.search-link .i-findlaw1 { margin-right: .4rem; }

/* banner-swiper */
.banner-swiper { height: 7rem; border-radius: .4rem; overflow: hidden; }
.banner-swiper .item { position: relative; }
.banner-swiper .tel-btn { position: absolute; bottom: .8rem; left: 1rem; z-index: 1; padding: 0 .6rem; font-size: .6rem; color: #fff; line-height: 1.2rem; background: #00B3A7; background: linear-gradient(270deg, #00C798 0%, #00B3A7 100%); border-radius: .6rem; }
.banner-swiper .tel-btn .i-findlaw4 { margin-right: .1rem; }
.banner-swiper .lawyer { display: block; position: relative; }
.banner-swiper .lawyer .photo { height: 7rem; }
.banner-swiper .lawyer .label { position: absolute; top: 0; right: .4rem; width: 1.6rem; height: auto; }
.banner-swiper .lawyer .ban-txt { position: absolute; top: 1.2rem; left: 1rem; width: 9.5rem; color: #fff; }
.banner-swiper .ban-txt .name { font-size: .9rem; font-weight: bold; }
.banner-swiper .ban-txt .info { margin-top: .4rem; font-size: .5rem; opacity: .6; margin-left: -0.4rem; }
.banner-swiper .ban-txt .info span { margin-left: .4rem; }
.banner-swiper .ban-txt .skill { margin-top: .6rem; font-size: .6rem; }
.banner-swiper .ban-txt .skill .line-vertical { border-right-color: #fff; margin-right: .1rem; margin-left: .1rem; }
.banner-swiper .swiper-pagination-bullets { bottom: .4rem; height: .2rem; line-height: .2rem; }
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: .2rem; height: .2rem; border-radius: .1rem; margin-right: .1rem; margin-left: .1rem; }
.banner-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { width: .6rem; }

/* find-lawyer-link */
.find-lawyer-link { display: block; padding: .6rem; background: url('../../pic/findlawyer/img01-bg.png') #fff right center no-repeat; background-size: 6.45rem 3.5rem; border-radius: .4rem; overflow: hidden; }
.find-lawyer-link .pic { width: 2.4rem; height: 2.4rem; margin-right: .6rem; }
.find-lawyer-link .tit { padding-top: .15rem; font-size: .8rem; font-weight: bold; line-height: 1.1rem; }
.find-lawyer-link .tit span { color: #356ED7; }
.find-lawyer-link .tit span i { max-width: 4.01rem; }
.find-lawyer-link .txt { margin-top: .4rem; font-size: .6rem; color: #676F85; }
.find-lawyer-link .top-photo-bar { position: relative; margin-right: .3rem; }
.find-lawyer-link .top-photo-bar:before { content: ''; position: absolute; top: 0; right: -.25rem; width: .4rem; height: .4rem; border: 1px solid #fff; border-radius: 50%; background-color: #FE5542; z-index: 5; }
.find-lawyer-link .top-photo-bar.reddotScale:before { animation: reddotScale .3s cubic-bezier(0, 0.74, 0.85, 0.57) forwards;  }
.find-lawyer-link .top-photo { overflow: hidden; padding-left: .4rem; border-radius: .6rem; width: 3.2rem; }
.find-lawyer-link .swiper-user { position: relative; float: left; width: 3.2rem; height: 1.2rem; }
.find-lawyer-link .swiper-user .swiper-wrapper { position: absolute; left: .6rem; display: block; padding-left: .2rem; box-sizing: border-box; overflow: hidden; z-index: 2; }
.find-lawyer-link .swiper-user .swiper-slide { float: left; width: 1.2rem; height: 1.2rem; border-radius: 50%; overflow: hidden; margin-left: -0.2rem; border: 1px solid #fff; }
.find-lawyer-link .swiper-user .oneself { position: absolute; left: 0; top: 0; z-index: 1; margin-left: -.4rem; transform: scale(.5); opacity: .2; }
.photoShow { animation: photoShow .3s cubic-bezier(0, 0.74, 0.85, 0.57) forwards; }
@keyframes photoShow {
    0% {
        transform: scale(.5); opacity: 0;
    }
    10% {
        transform: scale(.5); opacity: 0;
    }
    100% {
        transform: scale(1); opacity: 1;
    }
}
@keyframes reddotScale {
    0% {
        transform: scale(0); opacity: 0;
    }
    100% {
        transform: scale(1); opacity: 1;
    }
}

/* expertise-list */
.expertise-list { overflow: hidden; margin-top: -.2rem; }
.expertise-list li { width: 25%; float: left; padding-bottom: .8rem; text-align: center; }
.expertise-list .item { display: block; padding: .2rem 0; margin: 0 .2rem; }
.expertise-list .item .pic { width: 1.4rem; height: 1.4rem; }
.expertise-list .item .txt { font-size: .6rem; color: #414A5D; margin-top: .4rem; }

/* lawyer-tabs-bar */
.lawyer-nav-bars { position: relative; background-color: #fff; overflow: hidden; border-radius: .4rem .4rem 0 0; }
.lawyer-tabs-bar .tab-nav { position: relative; padding: 0 4.2rem 0 .2rem; box-shadow: inset 0 -0.05rem 0 0 #F0F2F5 }
.lawyer-tabs-bar .tab-nav .nav-item { float: left; width: auto!important; padding: 0 .4rem; text-align: center }
.lawyer-tabs-bar .tab-nav .nav-item .nv { position: relative; display: inline-block; line-height: 2.2rem; font-size: .7rem; color: #858B9C }
.lawyer-tabs-bar .tab-nav .nav-item .nv:after { position: absolute; left: 50%; bottom: .1rem; content: ''; width: .8rem; height: .15rem; transform: translateX(-50%); border-radius: .1rem }
.lawyer-tabs-bar .tab-nav .nav-item.is-this .nv { color: #0B998F; font-weight: 600 }
.lawyer-tabs-bar .tab-nav .nav-item.is-this .nv:after { background-color: #0EB298 }
.lawyer-tabs-bar .lawyer-skill-choice { position: absolute; top: 0; right: 0; z-index: 5; width: 2.6rem; height: 2.15rem; padding-right: .6rem; line-height: 2.2rem; background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 69%, rgba(255, 255, 255, 0) 100%); text-align: right; }
.lawyer-tabs-bar-fixedtop { padding-top: 2.2rem; border-radius: 0; }
.lawyer-tabs-bar-fixedtop .lawyer-nav-bars { position: fixed; top: 2.2rem; right: 0; left: 0; z-index: 10; max-width: 750px; margin: auto; }
.lawyer-tabs-bar-fixedtop .lawyer-skill-choice { width: 3.2rem; padding-right: 1.2rem; }
.lawyer-tabs-bar-fixedtop.tabs-bar .tab-nav {  padding: 0 4.8rem 0 .8rem; }
.lawyer-tabs-bar-fixedtop.pt-top44 { padding-top: 4.4rem; }
.lawyer-tabs-bar-fixedtop .choice-condition-bar { position: fixed; top: 4.4rem; right: 0; left: 0; z-index: 9; max-width: 750px; margin: auto; }
.lawyer-tabs-bar-fixedtop .choice-condition-bar:before { content: ''; position: absolute; top: -.2rem; right: 0; left: 0; z-index: -1; height: .4rem; background-color: #fff; }
.lawyer-tabs-bar .no-data-bar { padding-top: 2rem; }

/* choice-condition-bar */
.choice-condition-bar { position: relative; }
.choice-condition { position: relative; z-index: 1; background-color: #fff; display: flex; justify-content: space-between; padding: .4rem .9rem; }
.choice-condition .item { width: 4.1rem; height: 1.4rem; background-color: #F7F8FA; color: #676F85; border-radius: .7rem; text-align: center; font-size: .6rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.choice-condition .item4 { width: 3.2rem; }
.choice-condition .item .ect { margin-right: .1rem; max-width: 3rem; }
.choice-condition .item.is-this { color: #111F34; font-weight: bold; }
.choice-condition .item.is-condition .i-findlaw5 { background-position: -3rem -1rem; } 
.choice-condition .item.is-this .i-findlaw5 { background-position: -4.25rem 0; }
.choice-condition .item.is-this .i-findlaw7 { background-position: -5rem -.5rem; }

/* choice-condition-conts */
.choice-condition-conts { position: fixed; top: 6.6rem; right: 0; bottom: 0; left: 0; visibility: hidden; max-width: 750px; margin: auto; }
.choice-condition-conts .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; }
.choice-condition-conts .conts { background-color: #fff; border-radius: 0 0 .4rem .4rem; position: absolute; top: 0; right: 0; left: 0; max-height: 60vh; overflow-y: auto; transform: translateY(-100%); }
.choice-condition-conts.is-show { visibility: visible; }
.choice-condition-conts.is-show .conts { transform: translateY(0); transition: all linear .3s; }
.choice-condition-conts.is-show .bg { opacity: .65; transition: all linear .3s; }
.choice-condition-conts.is-hide .conts { transform: translateY(-100%); }
.choice-condition-conts.is-hide .bg { opacity: 0; }

/* choice-condition-list */
.choice-condition-list li { border-bottom: 1px solid #F0F2F5; }
.choice-condition-list li:last-child { border-bottom: 0; }
.choice-condition-list .link { position: relative; display: block; padding-right: 1rem; line-height: 2.7rem; font-size: .7rem; cursor: pointer; color: #414A5D; }
.choice-condition-list .is-this .link { font-weight: bold; color: #0B998F; }
.choice-condition-list .is-this .link:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -.35rem; width: .7rem; height: .7rem; background: url('../../pic/findlawyer/ico-select.png') no-repeat; background-size: 100% 100%; }

/* city-all-bar */
.city-all-bar { height: 55vh; background-color: #fff; overflow: hidden; }
.city-all-bar .scroll-bar { height: 100%; overflow-y: auto; }
.city-all-bar .city-all-nav { width: 4.4rem; }
.city-all-bar .city-all-nav li { height: 2.4rem; line-height: 2.4rem; background-color: #F0F2F5; padding-left: .8rem; cursor: pointer; font-size: .7rem; color: #676F85; }
.city-all-bar .city-all-nav li.is-this { background-color: transparent; color: #111F34; }
.city-all-bar .city-all-nav li.prev { border-bottom-right-radius: .4rem; }
.city-all-bar .city-all-nav li.next { border-top-right-radius: .4rem; }
.city-all-bar .city-all-conts .item { display: block; cursor: pointer; line-height: 1.2rem; padding: .6rem 1.6rem .6rem 1rem; font-size: .7rem; overflow: hidden; position: relative; }
.city-all-bar .city-all-conts .item.is-this { color: #0B998F; font-weight: bold; }
.city-all-bar .city-all-conts .item.is-this:after { content: ''; position: absolute; top: 50%; right: .8rem; margin-top: -.35rem; width: .7rem; height: .7rem; background: url('../../pic/findlawyer/ico-select.png') no-repeat; background-size: 100% 100%; }

/* choice-condition-confirm */
.choice-condition-confirm .list { padding: 1rem 0 .6rem 1rem; }
.choice-condition-confirm .list dt { font-size: .7rem; color: #676F85; padding-bottom: .2rem; }
.choice-condition-confirm .list dd { overflow: hidden; }
.choice-condition-confirm .list .link { float: left; margin: .4rem .4rem 0 0; width: 5.45rem; text-align: center; line-height: 1.5rem; border: 1px solid #F7F8FA; border-radius: 1rem; background-color: #F7F8FA; font-size: .7rem; }
.choice-condition-confirm .list .link.is-this { border-color: #0EB298; background-color: #F0FCF6; color: #0B998F; }
.choice-condition-confirm .handle { box-shadow: inset 0 1px 0 0 #F0F2F5; padding: .4rem .8rem .6rem; display: flex; }
.choice-condition-confirm .handle .handle-btn { line-height: 2rem; border-radius: 1rem; text-align: center; font-size: .8rem; margin-right: .6rem; cursor: pointer; }
.choice-condition-confirm .handle .handle-btn:last-child { margin-right: 0; }
.choice-condition-confirm .handle .handle-btn.reset { flex: 1; background-color: #F0F2F5; color: #414A5D; }
.choice-condition-confirm .handle .handle-btn.finshed { flex: 2; background-color: #0EB298; color: #fff; }

/* popup-skill-type */
.popup-skill-type { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; visibility: hidden; max-width: 750px; margin: auto; }
.popup-skill-type .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; transition: opacity linear .3s; }
.popup-skill-type .pop-skill-conts { background-color: #F7F8FA; border-radius: .8rem .8rem 0 0; position: absolute; right: 0; bottom: 0; left: 0; transform: translateY(100%); transition: transform linear .3s; }
.popup-skill-type .pop-close { position: absolute; top: .5rem; right: .5rem; padding: .3rem .3rem 0 0; width: 1.3rem; height: 1.3rem; line-height: 1rem; text-align: center; }
.popup-skill-type .pop-tit { height: 2.8rem; line-height: 2.8rem; font-size: .8rem; text-align: center; margin-bottom: .2rem; }
.popup-skill-type .skill-conts { height: 68vh; overflow-y: auto; }
.popup-skill-type .skill-conts-list { padding: 0 .75rem .2rem .2rem; overflow: hidden; }
.popup-skill-type .skill-conts-list li { float: left; width: 50%; margin-bottom: .6rem; }
.popup-skill-type .skill-conts-list .item { display: block; margin-left: .6rem; background-color: #fff; padding: .6rem .2rem .6rem .6rem; border-radius: .4rem; }
.popup-skill-type .skill-conts-list .tit { line-height: 1.2rem; font-size: .8rem; overflow: hidden; }
.popup-skill-type .skill-conts-list .tit .pic { float: left; width: 1.2rem; height: 1.2rem; margin-right: .4rem; }
.popup-skill-type .skill-conts-list .tit strong { float: left; }
.popup-skill-type .skill-conts-list .det { margin-top: .4rem; font-size: .6rem; line-height: .9rem; height: 1.8rem; color: #676F85; display: flex; align-items: center; }
.popup-skill-type.is-show { visibility: visible; }
.popup-skill-type.is-show .bg { opacity: .65; }
.popup-skill-type.is-show .pop-skill-conts { transform: translateY(0); }
.popup-skill-type.is-hide .pop-skill-conts { transform: translateY(100%); }
.popup-skill-type.is-hide .bg { opacity: 0; }

/* skill-page-bg */
.skill-page-bg { position: relative; padding: 1.3rem .6rem 0; z-index: 1; overflow: hidden; }
.skill-page-bg:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -2; background: linear-gradient(180deg, #F5F9FC 0%, #F7F8FA 100%); max-height: 9rem; font-size: 4.4rem; }
.skill-page-bg .skill-ico-bg { position: absolute; top: .3rem; right: 1.2rem; z-index: -1; }
.skill-page-bg .skill-ico-bg .iconfont { font-size: 4.4rem; color: #468EFA; opacity: .05; }
.skill-page-bg .skill-tit { margin-bottom: 1.3rem; padding-left: .6rem; font-size: .8rem; line-height: 1rem; font-weight: bold; }
.skill-page-bg .skill-tit img { height: .8rem; width: auto; float: left; margin-right: .3rem; margin-top: .05rem; }
.skill-page-bg .see-map { position: absolute; top: 1rem; right: 1.2rem; z-index: 1; background-color: #fff; box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .08); border-radius: .8rem; padding: .2rem .6rem .2rem .2rem; font-size: .6rem; color: #356ED7; line-height: 1.2rem; }
.skill-page-bg.position .bg-tag { content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 10rem; height: 4.8rem; background: url('../../pic/findlawyer/bg01.png') no-repeat; background-size: 100% 100%; }
.skill-page-bg.county:before,
.skill-page-bg.qx:before { bottom: 0; max-height: 18.75rem; background: linear-gradient(360deg, #F7F8FA 0%, #FCF5ED 100%); }
.skill-page-bg.county:after,
.skill-page-bg.qx:after { content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 4.4rem; height: 4.4rem; background: url('../../pic/findlawyer/bg02.png') no-repeat; background-size: 100% 100%; }

/* find-quick-ask */
.find-quick-ask { display: flex; }
.find-quick-ask li { flex: 1; margin-left: .6rem; }
.find-quick-ask li:first-child { margin-left: 0; }
.find-quick-ask .item { display: block; position: relative; overflow: hidden; padding: .65rem; z-index: 1; box-shadow: 0 .1rem .4rem rgba(0, 0, 0, 0.02); border: 1px solid #fff; }
.find-quick-ask li:first-child .item { background: linear-gradient(90deg, #FFFFFF 0%, #FFFAF5 100%); }
.find-quick-ask li:last-child .item { background: linear-gradient(90deg, #FFFFFF 0%, #F5FAFF 100%); }
.find-quick-ask .item .tit { line-height: .8rem; font-size: .8rem; }
.find-quick-ask .item .tit .hot { margin-left: .3rem; padding: 0 .1rem; font-size: .6rem; color: #fff; background: #FE6E51; background: linear-gradient(270deg, #F54640 0%, #FE6E51 100%); border-radius: .1rem; }
.find-quick-ask .item .txt { font-size: .6rem; color: #676F85; margin-top: .4rem; }
.find-quick-ask .item .bg { position: absolute; top: 0; right: 0; z-index: -1; width: 3.6rem; height: 3.2rem; }

/* authentication-tips */
.authentication-tips { padding: .2rem; border: 1px solid #F5EFD7; text-align: center; font-size: .6rem; color: #A37852; line-height: 1.5re,; border-radius: 1rem; background-color: #FCF8EB; }
.authentication-tips img { width: 1.2rem; height: 1.5rem; }

/* tuwen-swiper */
.tuwen-swiper { height: 6.85rem; border-radius: .4rem; overflow: hidden; }
.tuwen-swiper .swiper-pagination-bullets { bottom: .4rem; height: .2rem; line-height: .2rem; }
.tuwen-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: .2rem; height: .2rem; border-radius: .1rem; margin-right: .1rem; margin-left: .1rem; }
.tuwen-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { width: .6rem; }

/* map-bar */
.height-all100, 
.map-bar { height: 100%; }
.map-lawyer-bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 200; background-color: #fff; overflow: hidden; border-radius: .8rem .8rem 0 0; padding-top: 1.9rem; top: 47.785vh; transition: top linear .3s; max-width: 750px; margin: auto; }
.map-lawyer-bar .top-arrow { position: absolute; top: 0; right: 0; left: 0; height: 1.2rem; background-color: #fff; }
.map-lawyer-bar .top-arrow:before { content: ''; position: absolute; top: .6rem; left: 50%; margin-left: -1.4rem; width: 2.8rem; height: .3rem; background-color: #111F34; opacity: .1; border-radius: .15rem; }
.map-lawyer-bar .scroll-bar { overflow-y: auto; height: 100%; }
.map-lawyer-bar .recommend-lawyer-list li:first-child .county-lawyer { padding-top: 0; }
.map-lawyer-bar.is-show { top: 4.4rem; }
.map-lawyer-bar.is-show .scroll-bar { height: 100%; }

/* county-contract */
.county-contract { position: relative; z-index: 1; }
.county-contract:before { content: ''; position: absolute; top: 0; right: 0; left: 0; z-index: -1; height: 15rem; background: linear-gradient(180deg, #FCFBF7 0%, #F7F8FA 100%); }

/* county-contract-tabs */
.county-tabs-conts .county-tabs-nav { display: flex; justify-content: center; position: static; height: auto; }
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet { flex: none; display: flex; align-items: center; justify-content: center; width: 5.3rem; margin: 0; margin-left: .6rem; height: 1.4rem; background-color: #fff; border-radius: .85rem; border: 1px solid #fff; font-size: .7rem; color: #676F85; position: relative; opacity: 1; line-height: 1; }
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet:first-child { margin-left: 0; }
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #FA7B32; color: #DB642A; font-weight: bold; }
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet.swiper-pagination-bullet-active:before { content: ''; position: absolute; left: 50%; bottom: -.2rem; margin-left: -.3rem; border-width: .2rem .3rem 0; border-style: solid; border-color: #FA7B32 transparent transparent; }
.county-tabs-conts .county-tabs-nav .swiper-pagination-bullet em { max-width: 4.2rem; margin-top: 0; }
.county-tabs-conts .swiper-slide { border-radius: .4rem; overflow: hidden; }
.skill-page-bg.county .county-contract-tabs,
.skill-page-bg.qx .county-contract-tabs { margin-top: -1rem; }

/* county-lawyer */
.county-lawyer { position: relative; overflow: hidden; border-radius: .4rem; background-color: #fff; }
.county-lawyer .lawyer { display: block; }
.county-lawyer .lawyer .label { position: absolute; top: 0; left: .6rem; z-index: 2; height: 1.8rem; }
.county-lawyer .lawyer .conts { padding: 1rem 2rem 0; text-align: center; }
.county-lawyer .lawyer .tit { line-height: 1.4rem; }
.county-lawyer .lawyer .tit .name { font-size: .9rem; margin-right: .1rem; }
.county-lawyer .lawyer .tit .u-lab { margin-right: .1rem; padding: 0 .2rem; font-size: .5rem; border-radius: .1rem; line-height: .8rem; font-weight: 500; }
.county-lawyer .lawyer .tit .u-lab:last-child { margin-right: 0; }
.county-lawyer .lawyer .tit .u-lab.lab-bg1 { background-color: #F7F3E4; color: #855F42; }
.county-lawyer .lawyer .tit .u-lab.lab-bg2 { background-color: #E5F2FE; color: #356ED7; }
.county-lawyer .lawyer .skill { font-size: .6rem; color: #414A5D; }
.county-lawyer .lawyer .info { font-size: .6rem; color: #676F85; }
.county-lawyer .lawyer .info span em { color: #FF8638; font-weight: 500; }
.county-lawyer .lawyer .info .line-vertical { margin-left: .25rem; margin-right: .25rem; }
.county-lawyer .lawyer .tag { color: #676F85; margin-left: -.4rem; font-size: 0; }
.county-lawyer .lawyer .tag span { padding: 0 .25rem; border: 1px solid #DFE2E8; border-radius: .2rem; font-size: .5rem; line-height: .9rem; margin-left: .4rem; margin-top: .2rem; }
.county-lawyer .handle { justify-content: center; padding-bottom: 1rem; }
.county-lawyer .handle .handle-btn { display: flex; align-items: center; justify-content: center; margin-left: .6rem; border: 1px solid #FF8638; height: 1.6rem; border-radius: .8rem; font-size: .7rem; }
.county-lawyer .handle .handle-btn.tel { background-color: transparent; color: #DB642A; width: 4.4rem; }
.county-lawyer .handle .handle-btn.ask { background: linear-gradient(360deg, #FA7822 0%, #FEA251 100%); color: #fff; width: 6.6rem; border: 0; }
.county-lawyer .handle .handle-btn .ico-public { margin-top: 0; }
.county-lawyer .handle .handle-btn.tel:active { background-color: #F3F3F3; }
.county-lawyer .handle .handle-btn.ask:active { background: linear-gradient(360deg, #DF6B1E 0%, #E38F47 100%); }
.county-lawyer .other-link { padding: .5rem .75rem; position: relative; justify-content: center; }
.county-lawyer .other-link:before {content: ''; position: absolute; top: 0; right: .75rem; left: .75rem; border-top: 1px solid #F0F2F5; }
.county-lawyer .other-link:after { content: ''; position: absolute; top: 50%; left: 50%; height: .8rem; border-right: 1px solid #F0F2F5; transform: translate(-50%,-50%); }
.county-lawyer .other-link .link { display: block; width: 4.5rem; height: 1.4rem; line-height: 1.4rem; font-size: .6rem; color: #676F85; margin: auto; text-align: center; border-radius: .7rem; }
.county-lawyer .other-link .link:active { background-color: #F0F2F5; }
.county-lawyer .info-detail { padding: 0 .6rem .6rem; }
.county-lawyer .info-detail .txt { padding: .6rem 0; font-size: .6rem; line-height: 1.1rem; color: #676F85; background-color: #F7F8FA; border-radius: .2rem; }
.county-lawyer .info-detail .scroll { padding: 0 .6rem; max-height: 8.8rem; overflow-y: auto; }
.county-lawyer .info-detail .scroll::-webkit-scrollbar { display: none; }

/* charges-link */
.charges-link { display: block; margin: 0 1.6rem; border: 1px solid #DFE2E8; line-height: 2.3rem; border-radius: 1.2rem; background-color: #fff; text-align: center; }
.charges-link span { max-width: 4.01rem; }
.charges-link .i-findlaw10 { margin-left: .1rem; }
.charges-link:active { background-color: #F3F3F3; }

/* search-list */
.search-list { margin: 1.6rem .8rem 0; }
.search-list .tit { line-height: 1.4rem; margin-bottom: .1rem; }
.search-list .tit .delet { position: relative; right: -.1rem; padding: 0 .3rem; cursor: pointer; }
.search-list .list { overflow: hidden; margin-left: -.4rem; }
.search-list .list .item { float: left; margin: .4rem 0 0 .4rem; padding: 0 .6rem; line-height: 1.6rem; border-radius: .8rem; background-color: #F7F8FA; font-size: .7rem; color: #414A5D; }
.search-list .list .item.ect { max-width: 8.3rem; }
.search-list .list .item.is-hot { background-color: #FFF4F2; color: #932323; }
.search-list .list .more { float: left; margin: .4rem 0 0 .4rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; cursor: pointer; text-align: center; cursor: pointer; border-radius: .8rem;background-color: #F7F8FA; }


/* qx-tabs-bar */
.qx-tabs-bar .qx-tab { display: none; justify-content: center; }
.qx-tabs-bar .qx-tab span { flex: none; display: flex; align-items: center; justify-content: center; width: 5.3rem; margin-left: 0.6rem; height: 1.4rem; background-color: #fff; border-radius: 0.85rem; border: 1px solid #fff; font-size: .7rem; color: #676F85; position: relative; line-height: 1; }
.qx-tabs-bar .qx-tab span:first-child { margin-left: 0; }
.qx-tabs-bar .qx-tab span em { max-width: 4.2rem; margin-top: 0; }
.qx-tabs-bar .qx-tab span.is-this { border-color: #FA7B32; color: #DB642A; font-weight: bold; }
.qx-tabs-bar .qx-tab span.is-this:before { content: ''; position: absolute; left: 50%; bottom: -.2rem; margin-left: -.3rem; border-width: .2rem .3rem 0; border-style: solid; border-color: #FA7B32 transparent transparent; }
.qx-tabs-bar .qx-conts,
.qx-tabs-bar .qx-conts-item { display: none; }


/* qx-bar-bg */
.qx-bar-bg { position: relative; padding: 1.3rem .6rem 0; z-index: 1; overflow: hidden; }
.qx-bar-bg:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -2; background: linear-gradient(180deg, #F5F9FC 0%, #F7F8FA 100%); max-height: 9rem; font-size: 4.4rem; }
.qx-bar-bg .skill-ico-bg { position: absolute; top: .3rem; right: 1.2rem; z-index: -1; }
.qx-bar-bg .skill-ico-bg .iconfont { font-size: 4.4rem; color: #468EFA; opacity: .05; }
.qx-bar-bg .skill-tit { margin-bottom: 1.3rem; padding-left: .6rem; font-size: .8rem; line-height: 1rem; font-weight: bold; }
.qx-bar-bg .skill-tit img { height: .8rem; width: auto; float: left; margin-right: .3rem; margin-top: .05rem; }
.qx-bar-bg .see-map { position: absolute; top: 1rem; right: 1.2rem; z-index: 1; background-color: #fff; box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .08); border-radius: .8rem; padding: .2rem .6rem .2rem .2rem; font-size: .6rem; color: #356ED7; line-height: 1.2rem; }
.qx-bar-bg.position:after { content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 10rem; height: 4.8rem; background: url('../../pic/findlawyer/bg01.png') no-repeat; background-size: 100% 100%; }
.qx-bar-bg.county:before,
.qx-bar-bg.qx:before { bottom: 0; max-height: 18.75rem; background: linear-gradient(360deg, #F7F8FA 0%, #FCF5ED 100%); }
.qx-bar-bg.qx .bg-tag { position: absolute; top: 0; right: 0; z-index: -1; width: 4.4rem; height: 4.4rem; background: url('../../pic/findlawyer/bg02.png') no-repeat; background-size: 100% 100%; }

/* recommend-lawyer-list-v2-bg */
.recommend-lawyer-list-v2-bg li { margin-top: .6rem; }
.recommend-lawyer-list-v2-bg li:first-child { margin-top: 0; }
.recommend-lawyer-list-v2-bg .lawyer-card { position: relative; z-index: 1; margin-right: .3rem; margin-left: .3rem; padding-right: .3rem; padding-left: .3rem; background: #FAFBFC; background: linear-gradient(180deg, #F0F4FA 0%, #F5F8FC 25%, #FAFBFC 100%); border-radius: .4rem; }
.recommend-lawyer-list-v2-bg .lawyer-card .bg-ico { position: absolute; right: 0; bottom: 0; z-index: -1; width: 4rem; height: 6rem; background: url('../../pic/public/bg-recomlawyer2.png') no-repeat; background-size: 100% 100%; }
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.tel { border-color: #8F9AB8; color: #414A5D; background: linear-gradient(180deg, #FAFCFF 0%, #EDF3FC 100%);; }
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.ask { color: #F0F7FF; background: linear-gradient(180deg, #6C84A3 0%, #3C4C6B 100%); border: 0; }
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.tel:active { background: #E7EBF1; }
.recommend-lawyer-list-v2-bg .lawyer-card .handle .handle-btn.ask:active { background: linear-gradient(180deg, #5E7490 0%, #364461 100%); }

/* more-recom-tit-bg */
.more-recom-tit-bg { padding-top: .6rem; padding-bottom: .6rem; text-align: center; font-size: .7rem; color: #C5CAD5; position: relative; }
.more-recom-tit-bg .bg-line-l, .more-recom-tit-bg .bg-line-r { display: inline-block; vertical-align: middle; width: 1.3rem; height: .15rem; background-size: 100% 100%; margin-top: -0.1rem; }
.more-recom-tit-bg .bg-line-l { margin-right: .4rem; background-image: url('../../pic/public/recom-line-left.png'); }
.more-recom-tit-bg .bg-line-r { margin-left: .4rem; background-image: url('../../pic/public/recom-line-right.png'); }
.more-recom-tit-bg .line-vertical { margin-right: .2rem; margin-left: .2rem; }
.more-recom-tit-bg .max6 { max-width: 4.2rem; }

/* #8436 LJ 2023-02-14 */
.skill-page-bg .see-map { padding-right: .4rem; }
.skill-page-bg .see-map .icon-arrow-right { font-size: .6rem; }

/* #8863 LJ 2023-02-20 */
.rotate90 { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }.county-contract-tabs .county-tabs-conts .swiper-wrapper { margin-top: .8rem; }

/* #8985 LQ 2023-03-03 */
.lawyer-case-list li { position: relative; }
.lawyer-case-list li:after { content: ''; position: absolute; right: 0.6rem; bottom: 0; left: 0.6rem; border-bottom: 1px solid #F0F2F5; }
.lawyer-case-list li:last-child:after { border: none; }
.lawyer-case { display: block; padding: 1rem .6rem; }
.lawyer-case .tit { font-size: .8rem; line-height: 1.2rem; }
.lawyer-case .tit .lable-yz { 
    float: left; width: 1.35rem; height: .8rem; margin: .2rem .2rem 0 0;
    background: url('../../pic/icon/lable_yz.png'); background-size: cover; 
}
.lawyer-case .det { font-size: .6rem; color: #676F85; line-height: .9rem; }
.lawyer-case .tag { overflow: hidden; }
.lawyer-case .tag span { 
    float: left; padding: .2rem .3rem .1rem; border-radius: .1rem; border: 1px solid #DFE2E8; 
    font-size: .6rem; color: #676F85; margin-right: .2rem;
}


/* #13502 LJ 2023-08-08 */
/* bangzhao-banner-card */
.bangzhao-banner-card { display: block; height: 5.6rem; background: url('../../pic/bangzhao/bannerbg_bangzhao.png') no-repeat; background-size: 100% 100%; padding: 1.15rem .8rem 0; position: relative; }
.bangzhao-banner-card .tit { font-size: .9rem; font-weight: bold; }
.bangzhao-banner-card .tit b { color: #468EFA; }
.bangzhao-banner-card .txt { margin-top: .6rem; font-size: .6rem; }
.bangzhao-banner-card .disc { margin-top: .8rem; font-size: .5rem; color: #868EA3; }
.bangzhao-banner-card .disc .ico-gou { width: .4rem; height: .4rem; margin-right: .1rem; background: url('../../pic/bangzhao/gou.png') no-repeat; background-size: 100% 100%; }
.bangzhao-banner-card .help-btn { position: absolute; right: .8rem; bottom: .6rem; line-height: 1.2rem; border-radius: .6rem; background: linear-gradient(270deg, #24C7A6 0%, #00B3A7 100%); font-size: .6rem; color: #fff; width: 4.1rem; text-align: center; }
.bangzhao-banner-card .help-btn .ico-help { width: .6rem; height: .6rem; background: url('../../pic/bangzhao/ic_bangzhao-small.png') no-repeat; background-size: 100% 100%; margin-right: .1rem; }
.bangzhao-banner-card .help-btn .arrow { border-width: .2rem 0 .2rem .2rem; border-style: solid; border-color: transparent transparent transparent #fff; margin-left: .2rem; }
.bangzhao-banner-card .help-btn.blue { background: linear-gradient(270deg, #37A6FA 0%, #4281EC 100%); }

/* find-home-link */
.find-home-link { display: flex; }
.find-home-link li { flex: 1; }
.find-home-link .find-lawyer-link { padding: .4rem; background-size: auto 100%; }
.find-home-link .find-lawyer-link .tit { padding-top: .3rem; margin-bottom: .3rem; line-height: 1; }
.find-home-link .find-lawyer-link .top-photo,
.find-home-link .find-lawyer-link .swiper-user { height: .8rem; width: 2rem; }
.find-home-link .find-lawyer-link .swiper-user .swiper-slide { width: .8rem; height: .8rem; }
.find-home-link .find-lawyer-link .swiper-user .swiper-wrapper { left: .2rem; }
.find-home-link .find-lawyer-link .top-photo-bar:before { width: .3rem; height: .3rem; box-sizing: border-box; right: -.15rem; }
.find-home-link .bz-item { display: block; padding: .4rem 0 .4rem .4rem; overflow: hidden; }
.find-home-link .bz-item .pic { width: 2.4rem; height: 2.4rem; margin-right: .4rem; }
.find-home-link .bz-item .tit { line-height: .8rem; padding-top: .3rem; }
.find-home-link .bz-item .name { font-size: .8rem; margin-right: .2rem; font-weight: bold; }
.find-home-link .bz-item .name em { color: #0EB298; }
.find-home-link .bz-item .free { font-size: .6rem; padding: 0 .1rem; color: #fff; background: linear-gradient(270deg, #F54640 0%, #FE6E51 100%); border-radius: .1rem; }
.find-home-link .bz-item .txt { font-size: .6rem; margin-top: .4rem; color: #676F85; }


/* tianfu */
.lawyer-tabs-bar-fixedtop.tianfu .lawyer-nav-bars { top: 0; }
.lawyer-tabs-bar-fixedtop.tianfu .choice-condition-bar { top: 2.2rem; }
.lawyer-tabs-bar-fixedtop.tianfu .choice-condition-conts { top: 4.4rem; }


/* #20551 lj 2024-04-02 */
.contsitem .city-all-bar.flex-row .city-all-nav {
    width: 6.25rem; 
}
.contsitem .city-all-bar.flex-row .scroll-bar:first-child .city-all-nav li {
    background-color: #F5F5F5;
}
.contsitem .city-all-bar.flex-row .scroll-bar:nth-child(2) .city-all-nav li {
    background-color: #F9F9F9;
}
.contsitem .city-all-bar.flex-row .scroll-bar .city-all-nav li.is-this { 
    background-color: #fff;
    color: #0B998F; font-weight: bold;
}
.contsitem .city-all-bar.flex-row .city-all-nav li a {
    display: block;
}
.contsitem .city-all-bar.flex-row .city-all-nav li.is-this a {
    color: #0B998F; font-weight: bold; position: relative;
}
.contsitem .city-all-bar.flex-row .city-all-nav li.is-this a:after {
    content: ''; position: absolute; top: 50%; right: .8rem; margin-top: -.35rem; width: .7rem; height: .7rem; background: url('../../pic/findlawyer/ico-select.png') no-repeat; background-size: 100% 100%; 
}

.contsitem .city-all-bar.flex-row .scroll-bar:last-child {
    flex: 1;
}

/* authentication-law-tips */
.authentication-law-tips {
    display: flex; align-items: center; justify-content: center;
    height: 1.8rem; border: .05rem solid #F5EFD7; background: linear-gradient( 270deg, #FCF8EB 0%, #FFFFFF 100%); border-radius: .9rem; color: #A37852; font-size: .6rem;
}
.authentication-law-tips .ico-dp {
    width: .7rem; height: .7rem; background: url('../../pic/findlawyer/law/ico-shenhe.png') center center/100% 100% no-repeat; margin-right: .2rem; margin-top: -.05rem;
}
.authentication-law-tips .line-vertical {
    height: .6rem; border-color: #E3DED9; margin-top: 0;
}

/* recommend-law-list */
.recommend-law-list .lawyer-card {
    background: #fff; border-radius: .6rem; margin-top: .6rem;
    position: relative;
}
.recommend-law-list .lawyer-card .lawyer {
    padding-left: 4.2rem;
}
.recommend-law-list .lawyer-card .lawyer .photo {
    width: 3.6rem; height: 3.6rem; border-radius: .4rem;
}
.recommend-law-list .lawyer-card .lawyer .photo img {
    width: 100%; height: 100%; border-radius: .4rem;
}
.recommend-law-list .lawyer-card .handle { padding-left: 3.6rem; }
.recommend-law-list .lawyer-card .photo .online { position: absolute; left: .15rem; top: .15rem; padding: 0 .2rem; height: .7rem; line-height: .75rem; background-color: #4CC733; color: #fff; border-radius: .4rem; color: #fff; font-size: .45rem; font-weight: bold; white-space: nowrap; display: flex; align-items: center; }
.recommend-law-list .lawyer-card .photo .online .dot { width: .3rem; height: .3rem; margin-right: .1rem; position: relative; margin-top: 0; }
.recommend-law-list .lawyer-card .photo .online .dot:before,
.recommend-law-list .lawyer-card .photo .online .dot:after { content: ''; position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%,-50%); background-color: #fff; width: .1rem; height: .1rem; }
.recommend-law-list .lawyer-card .photo .online .dot:before { animation: onlineAni .5s linear alternate infinite; opacity: .2; }
@keyframes onlineAni {
    0% {
        width: .1rem; height: .1rem;
    }
    100% {
        width: .3rem; height: .3rem;
    }
}
.recommend-law-list .lawyer-card .lawyer .tit { line-height: 1.1rem; }
.recommend-law-list .lawyer-card .lawyer .name { margin-right: .2rem; }
.recommend-law-list .lawyer-card .lawyer .u-law-lab {
    padding: 0 .2rem; font-size: .55rem; border-radius: .2rem;
    line-height: .8rem; font-weight: 600;
}
.recommend-law-list .lawyer-card .lawyer .u-law-lab.lab-bg1 { background-color: #FFEDE4; color: #C66935; }
.recommend-law-list .lawyer-card .lawyer .u-law-lab.lab-bg2 { background-color: #F9EAD4; color: #92744E; }
.recommend-law-list .lawyer-card .lawyer .u-law-lab.lab-bg3 { background-color: #E4F1FF; color: #567FBF; }
.recommend-law-list .lawyer-card .ico-law-vip {
    width: .7rem; height: .7rem; background: url('../../pic/findlawyer/law/ico-vip.png') center center/100% 100% no-repeat; margin-right: .2rem;
}
.recommend-law-list .lawyer-card .info { line-height: .85rem; color: #111F34; }
.recommend-law-list .lawyer-card .info .scroce { color: #0FB298; font-size: .7rem; }
.recommend-law-list .lawyer-card .skill { line-height: .85rem; color: #111F34; }
.recommend-law-list .lawyer-card .local { font-size: .55rem; line-height: .8rem; color: #A6ACBD; margin-right: 3.5rem; }
.recommend-law-list .lawyer-card .other-info { position: relative; z-index: 1; margin-top: .3rem; }
.recommend-law-list .lawyer-card .other-info .info { padding: .4rem .6rem; background-color: #F9FAFC; border-radius: .2rem; font-size: .6rem; line-height: .85rem; color: #868EA3; display: none; }
.recommend-law-list .lawyer-card .other-info .info .txt { margin-top: .3rem; }
.recommend-law-list .lawyer-card .other-info .info .txt:first-child { margin-top: 0; }
.recommend-law-list .lawyer-card .other-info .info-more { position: absolute; right: 0; top: -1.4rem; font-size: .55rem; color: #A6ACBD; line-height: 1.4rem; padding: 0 .6rem; }
.recommend-law-list .lawyer-card .other-info .info-more .iconfont {
    font-size: .6rem; transform: rotate(90deg);
}
.recommend-law-list .lawyer-card .other-info.is-click .info { display: block; }
.recommend-law-list .lawyer-card .other-info.is-click .info-more  .iconfont { transform: rotate(270deg); }
.law-more-all { border-top: 0; background-color: #fff; border-radius: .6rem; padding: .4rem 0; }

.mlr-gap-neg { margin-right: .1rem; margin-left: .1rem; }

/* right-enter-ask */
.right-enter-ask { position: fixed; right: .4rem; bottom: 4.6rem; z-index: 5; transition: all linear .3s; }
.right-enter-ask.scroll { right: -2.6rem; opacity: .3; }
.right-enter-ask .close { position: absolute; right: 0; top: -0.9rem; cursor: pointer; }
.right-enter-ask .close .icon-fail { font-size: .8rem; color: #000; opacity: .2; line-height: .9rem; }
.right-enter-ask .pic { width: 3.4rem; height: 3.4rem; background: url('../../pic/lawlife_2023/sprite1.png') no-repeat; background-size: 102rem 13.6rem; background-position: 0 0; animation: rightEnterAnm 3.07s steps(1) 0s infinite normal none;; }
@keyframes rightEnterAnm {
	0% { background-position: 0 0; }
	1.09% { background-position: -3.4rem 0; }
	2.17% { background-position: -6.8rem 0; }
	3.26% { background-position: -10.2rem 0; }
	4.34% { background-position: -13.6rem 0; }
	5.43% { background-position: -17rem 0; }
	6.51% { background-position: -20.4rem 0; }
	7.60% { background-position: -23.8rem 0; }
	8.69% { background-position: -27.2rem 0; }
	9.77% { background-position: -30.6rem 0; }
	10.86% { background-position: -34rem 0; }
	11.94% { background-position: -37.4rem 0; }
	13.03% { background-position: -40.8rem 0; }
	14.12% { background-position: -44.2rem 0; }
	15.20% { background-position: -47.6rem 0; }
	16.29% { background-position: -51rem 0; }
	17.37% { background-position: -54.4rem 0; }
	18.46% { background-position: -57.8rem 0; }
	19.54% { background-position: -61.2rem 0; }
	20.63% { background-position: -64.6rem 0; }
	21.72% { background-position: -68rem 0; }
	22.80% { background-position: -71.4rem 0; }
	23.89% { background-position: -74.8rem 0; }
	24.97% { background-position: -78.2rem 0; }
	26.06% { background-position: -81.6rem 0; }
	27.14% { background-position: -85rem 0; }
	28.23% { background-position: -88.4rem 0; }
	29.32% { background-position: -91.8rem 0; }
	30.40% { background-position: -95.2rem 0; }
	31.49% { background-position: -98.6rem 0; }
	32.57% { background-position: 0 -3.4rem; }
	33.66% { background-position: -3.4rem -3.4rem; }
	34.74% { background-position: -6.8rem -3.4rem; }
	35.83% { background-position: -10.2rem -3.4rem; }
	36.92% { background-position: -13.6rem -3.4rem; }
	38.00% { background-position: -17rem -3.4rem; }
	39.09% { background-position: -20.4rem -3.4rem; }
	40.17% { background-position: -23.8rem -3.4rem; }
	41.26% { background-position: -27.2rem -3.4rem; }
	42.35% { background-position: -30.6rem -3.4rem; }
	43.43% { background-position: -34rem -3.4rem; }
	44.52% { background-position: -37.4rem -3.4rem; }
	45.60% { background-position: -40.8rem -3.4rem; }
	46.69% { background-position: -44.2rem -3.4rem; }
	47.77% { background-position: -47.6rem -3.4rem; }
	48.86% { background-position: -51rem -3.4rem; }
	49.95% { background-position: -54.4rem -3.4rem; }
	51.03% { background-position: -57.8rem -3.4rem; }
	52.12% { background-position: -61.2rem -3.4rem; }
	53.20% { background-position: -64.6rem -3.4rem; }
	54.29% { background-position: -68rem -3.4rem; }
	55.37% { background-position: -71.4rem -3.4rem; }
	56.46% { background-position: -74.8rem -3.4rem; }
	57.55% { background-position: -78.2rem -3.4rem; }
	58.63% { background-position: -81.6rem -3.4rem; }
	59.72% { background-position: -85rem -3.4rem; }
	60.80% { background-position: -88.4rem -3.4rem; }
	61.89% { background-position: -91.8rem -3.4rem; }
	62.98% { background-position: -95.2rem -3.4rem; }
	64.06% { background-position: -98.6rem -3.4rem; }
	65.15% { background-position: 0 -6.8rem; }
	66.23% { background-position: -3.4rem -6.8rem; }
	67.32% { background-position: -6.8rem -6.8rem; }
	68.40% { background-position: -10.2rem -6.8rem; }
	69.49% { background-position: -13.6rem -6.8rem; }
	70.58% { background-position: -17rem -6.8rem; }
	71.66% { background-position: -20.4rem -6.8rem; }
	72.75% { background-position: -23.8rem -6.8rem; }
	73.83% { background-position: -27.2rem -6.8rem; }
	74.92% { background-position: -30.6rem -6.8rem; }
	76.00% { background-position: -34rem -6.8rem; }
	77.09% { background-position: -37.4rem -6.8rem; }
	78.18% { background-position: -40.8rem -6.8rem; }
	79.26% { background-position: -44.2rem -6.8rem; }
	80.35% { background-position: -47.6rem -6.8rem; }
	81.43% { background-position: -51rem -6.8rem; }
	82.52% { background-position: -54.4rem -6.8rem; }
	83.60% { background-position: -57.8rem -6.8rem; }
	84.69% { background-position: -61.2rem -6.8rem; }
	85.78% { background-position: -64.6rem -6.8rem; }
	86.86% { background-position: -68rem -6.8rem; }
	87.95% { background-position: -71.4rem -6.8rem; }
	89.03% { background-position: -74.8rem -6.8rem; }
	90.12% { background-position: -78.2rem -6.8rem; }
	91.21% { background-position: -81.6rem -6.8rem; }
	92.29% { background-position: -85rem -6.8rem; }
	93.38% { background-position: -88.4rem -6.8rem; }
	94.46% { background-position: -91.8rem -6.8rem; }
	95.55% { background-position: -95.2rem -6.8rem; }
	96.63% { background-position: -98.6rem -6.8rem; }
	97.72% { background-position: 0 -10.2rem; }
	98.81% { background-position: -3.4rem -10.2rem; }
}



/* icon */
.ico-tw { background: url('../../pic/tuwen/ico_tw.png') no-repeat; background-size: 12.95rem 10.7rem; }
.ico-tw.ico-sign-link { width: .6rem; height: .6rem; background-position: -11rem -3.5rem;}
.ico-tw.ico-sign-query{ width: .9rem; height: .9rem; background-position: -11.25rem -7.6rem; }
.ico-tw.ico-wz { width: .9rem; height: .9rem; background-position: -10rem -7.6rem; }
.ico-tw.ico-reset { width: .7rem; height: .7rem;background-position: -6.4rem -8.85rem; }
.ico-pop { background: url('../../pic/tuwen/botm_pop.png'); background-size: 12.1rem 8.35rem; }
.ico-pop.ico-bg { width: 6.6rem; height: 2.5rem; background-position: -5.5rem -5.25rem; }
.ico-pop.ico-close { width: 1rem; height: 1rem; background-position: 0 -7.35rem; }
.ico-pop.ico-ys { width: .95rem; height: 1rem; background-position: -9.75rem -2.5rem; }
.ico-pop.ico-ax { width: .95rem; height: 1rem; background-position: -9.75rem -3.75rem; }
.ico-pop.ico-chushen{ width: 3rem; height: 3rem; background-position: 0 -2.5rem; }
.ico-pop.ico-fushen { width: 3rem; height: 3rem; background-position: -3.25rem -2.5rem; }
.ico-pop.ico-zhongshen  { width: 3rem; height: 3rem; background-position: -6.5rem -2.5rem; }
.ico-pop.ico-fw { width: .8rem; height: .8rem; background-position: -1.25rem -7.4rem; }
.ico-pop.ico-rz { width: .8rem; height: .8rem; background-position: -2.25rem -7.4rem; }
.ico-pop.ico-bz { width: .8rem; height: .8rem; background-position: -3.25rem -7.4rem; }

/* popup-botm-bar */
.popup-botm-bar { position: fixed; left: 0; top: 0; right: 0; z-index: 690; width: 100%; height: 100%; visibility: hidden; max-width: 37.5rem; margin-right: auto; margin-left: auto; }
.popup-botm-bar .bg { 
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0, .6); 
    opacity: 0; transition: opacity .3s ease-in-out;
}
.popup-botm-bar .pop-close { position: absolute; top: .8rem; right: .8rem; }
.popup-botm-bar .pop-conts { position: absolute; left: 0; right: 0; bottom: -100%; transition: bottom .3s ease-in-out; }
.popup-botm-bar.is-show { visibility: visible; }
.popup-botm-bar.is-show .bg { opacity: 1; }
.popup-botm-bar.is-show .pop-conts { bottom: 0; }
.popup-botm-bar.is-hide .pop-conts { bottom: -100%; }


/* popup-ease */
.popup-ease .pop-conts { padding-top: 2.6rem; background: #fff; border-radius: .8rem .8rem 0rem 0rem; }
.popup-ease .pop-conts .ico-bg { position: absolute; top: .6rem; right: 2rem; margin-top: 0;  }
.popup-ease .pop-title { 
    position: absolute; top: -0.6rem; left: 50%; margin: 0 0 0 -5.55rem; 
    width: 11.1rem; height: 2.2rem; background-position: 0 0; 
    font-size: .9rem; color: #99652e; font-weight: 600; line-height: 2.2rem; text-align: center;
}
.popup-ease .conts-box { position: relative; z-index: 5; max-height: 80vh; overflow-y: auto; }
.popup-ease .sh-step { 
    margin-top: .5rem; padding: .8rem 0; 
    background: #fff; box-shadow: 0rem .5rem 2rem 0rem rgba(250,235,210, .4); border-radius: .4rem; 
}
.popup-ease .sh-step dl { display: flex; }
.popup-ease .sh-step dl dd { 
    position: relative; flex: 1; text-align: center; 
    font-size: .5rem; color: #868ea3; line-height: .7rem; 
}
.popup-ease .sh-step dl dd:after {
    position: absolute; top: 1.2rem; right: -0.15rem; content: '';
    background: url('../../pic/tuwen/botm_pop.png'); background-size: 12.1rem 8.35rem;
    width: .3rem; height: .6rem; background-position: -11.35rem -1.5rem;
}
.popup-ease .sh-step dl dd:last-child::after { background: transparent; }
.popup-ease .sh-step dl dd .ico-pop { display: block; margin: 0 auto .2rem; }
.popup-ease .sh-step p { padding: 0 .6rem; font-size: .6rem; color: #414a5d; line-height: .9rem; margin-top: .8rem; }
.popup-ease .fw-box { 
    padding: .8rem .6rem 1rem; background: #fff;
    border-radius: .4rem; border: 1px solid #f7eddf;
}
.popup-ease .fw-box dl { position: relative; z-index: 1; padding: 0 0 1rem 1rem; }
.popup-ease .fw-box dt { height: .8rem; }
.popup-ease .fw-box dt strong { position: relative; float: left; }
.popup-ease .fw-box dt strong:after { 
    position: absolute; left: 0; right: 0; bottom: -0.2rem; content: ''; 
    height: .6rem; background: #fcf1de; z-index: -1;
}
.popup-ease .fw-box dt .ico-pop { position: absolute; left: 0; top: 0; margin-top: 0; }
.popup-ease .fw-box dd { font-size: .6rem; color: #414a5d; line-height: .9rem; margin-top: .6rem; -webkit-line-clamp: 3; max-height: 2.7rem; }
.popup-ease .fw-box dl:last-child { padding-bottom: 0; }

/* art-lr-exclusive */
.art-lr-exclusive { position: relative; height: 11.4rem; background: url('../../pic/tuwen/art_excl_bg.png'); background-size: cover; }
.art-lr-exclusive .lawyer { display: block; padding: 2.7rem 0 0 1.2rem; height: 8rem; }
.art-lr-exclusive .lawyer .photo { position: absolute; top: 0; right: .6rem; width: 5.3rem; height: 8rem; }
.art-lr-exclusive .lawyer .photo.no-pic { height: 5.3rem; border-radius: .4rem; overflow: hidden; }
.art-lr-exclusive .lawyer .tag-locat {
    position: absolute; left: 1.6rem; top: .6rem;
    background: linear-gradient(270deg, #f0f3ff 0%, #d2e1fa 100%);
    border-radius: 0rem 5rem 5rem 0rem; border: 1px solid #fff;
    padding: .25rem .5rem .25rem .8rem; font-size: .6rem; color: #0c48a1;
}
.art-lr-exclusive .lawyer .tag-locat .ico-locat {
    position: absolute; left: -0.5rem; top: -0.05rem; 
    width: 1.1rem; height: 1.3rem; background-position: -11.85rem -2.5rem; 
}
.art-lr-exclusive .lawyer .tit { position: relative; height: 1rem; }
.art-lr-exclusive .lawyer .tit strong { float: left; font-size: 1rem; color: #356ed7; }
.art-lr-exclusive .lawyer .tit .ico-lable { width: 4.3rem; height: 1rem; background-position: 0 -8.85rem; margin: 0 0 0 .1rem; }
.art-lr-exclusive .lawyer .roll-txt { 
    position: relative; padding: .6rem 0 .6rem .4rem; margin: .6rem 6.5rem 0 0;
    background: #fff; box-shadow: 0rem .3rem .6rem 0rem rgba(163,186,233,.12); border-radius: .2rem;
    font-size: .7rem; color: #414a5d; line-height: 1.1rem;
}
.art-lr-exclusive .lawyer .roll-txt:after {
    position: absolute; top: 50%; right: -0.25rem; content: ''; margin-top: -0.3rem;
    border: .3rem solid transparent; border-left-color: #fff; border-right: none;
}
.art-lr-exclusive .lawyer .roll-txt .swiper-bar { height: 1.1rem; }
.art-lr-exclusive .lawyer .roll-txt .swiper-bar .swiper-slide { overflow: hidden; white-space: nowrap; }
.art-lr-exclusive .lawyer .roll-txt .ovh-h22 { position: relative; height: 1.1rem; overflow: hidden; }
.art-lr-exclusive .lawyer .roll-txt .ovh-h22 .roll-cont { position: absolute; top: 0; }
.art-lr-exclusive .ask { display: block; padding: .6rem 0; }
.art-lr-exclusive .ask .u-btn { 
    display: block; margin: auto; width: 12.95rem; height: 2.2rem; background-position: 0 0; 
    font-size: .8rem; color: #fff; line-height: 2.2rem; text-align: center; font-weight: 600;
}
.art-lr-exclusive .ask:active .u-btn { background: url('../../pic/tuwen/bg-btn5-active.png') no-repeat; background-size: 100% 100%; }
.art-lr-exclusive .ask .u-btn .ico-ask{ width: .8rem; height: .8rem; background-position: -10.5rem -6.5rem; margin-right: .1rem; }
.art-lr-exclusive .ask .u-btn .ico-jt { width: .8rem; height: .8rem; background-position: -10rem -8.85rem; margin-left: .2rem; }
    /* official */
.art-lr-exclusive.official .lawyer .tag-locat { left: 1.1rem; padding-left: .4rem; border-radius: 1.2rem; }
.art-lr-exclusive.official .lawyer .tag-locat .ico-locat {
    position: relative; left: auto; top: auto;
    width: 3.55rem; height: .7rem; background-position: 0 -10rem; 
}
.art-lr-exclusive.official .lawyer .tit .ico-lable { width: 5.95rem; height: 1rem; background-position: 0 -7.65rem; }

/* swiper-h24 */
.swiper-h24 { height: 1.2rem; text-align: center; }

.no-data-bar-con {
    background-color: #fff; border-radius: .6rem;
    padding: 1rem 0 1.6rem;
}
.no-data-bar-con .ask {
    display: inline-flex; align-items: center; height: 1.4rem; padding: 0 .6rem 0 .75rem; border-radius: .7rem;
    font-size: .6rem; color: #0B998F; border: .05rem solid #0B998F;
}
.no-data-bar-con .ask .iconfont { font-size: .6rem; margin-left: .1rem; }

/* find-home-link */
.find-home-link .item {
	display: flex; flex-direction: column; justify-content: center; border: .05rem solid #fff; height: 3.6rem; border-radius: .4rem; position: relative; z-index: 1;
	padding-left: 2.9rem;
}
.find-home-link .item.bg1 { background: linear-gradient( 90deg, #FFFFFF 0%, #FFFFFF 3.5rem, #EFF6FC 100%); }
.find-home-link .item.bg2 { background: linear-gradient( 90deg, #FFFFFF 0%, #FFFFFF 3.5rem, #E6F9FF 100%); }
.find-home-link .item .pic {
	position: absolute; top: 0; left: 0; z-index: -1; width: 3.5rem; height: 3.5rem;
}
.find-home-link .item .name {
	font-size: .8rem; color: #111F34; font-weight: bold; line-height: 1.1rem;
}
.find-home-link .item .txt {
	margin-top: .15rem; font-size: .6rem; color: #676F85; line-height: .85rem;
}
.find-home-link .item .label {
	position: absolute; top: .5rem; left: 6.35rem;
	background: linear-gradient( 317deg, #FE6E51 0%, #F54640 100%); border-radius: .4rem .4rem .4rem .1rem; padding: 0 .2rem; font-size: .45rem; color: #fff; line-height: .85rem;
}
.find-home-link .item .label:before {
	content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 200%; box-sizing: border-box; border: .05rem solid #fff; border-radius: .8rem .8rem .8rem .2rem; transform: scale(.5); transform-origin: left top;
}

/* expertise-swiper-list */
.expertise-swiper-list { height: 8rem; }
.expertise-swiper-list .swiper-scrollbar { width: 2.4rem; height: .2rem; margin-left: -1.2rem; left: 50%; bottom: 1rem; border-radius: .1rem; background-color: #F0F2F5; }
.expertise-swiper-list .swiper-scrollbar .swiper-scrollbar-drag { border-radius: .1rem; background-color: #36C2AC; }
.expertise-swiper-list .expertise-list li { width: 100%; }


/* 2024-07-29 #24069 */
.koubei-lawyer {
	background: url('../../pic/findlawyer/koubei-bg.png') center top/100% auto #fff no-repeat; border-radius: .4rem;
}
.koubei-lawyer .ico-koubei {
	width: 1rem; height: 1rem; background: url('../../pic/findlawyer/ico-koubei.png') center center/100% 100% no-repeat; position: relative; top: .05rem;
}
.koubei-swiper,
.koubei-swiper .swiper-wrapper { height: 10rem; }
.koubei-swiper .swiper-slide { width: auto; padding-left: .6rem; padding-top: 1rem; }
.koubei-swiper .swiper-slide:last-child { padding-right: 1rem; }
.koubei-swiper .item { display: block; width: 6rem; text-align: center; }
.koubei-swiper .con { height: 6.35rem; }
.koubei-swiper .photo {
	width: 3rem; height: 3rem; border-radius: 50%; overflow: hidden; margin: auto;
}
.koubei-swiper .name {
	margin-top: .5rem; font-size: .7rem; line-height: 1rem; font-weight: bold;
}
.koubei-swiper .disc {
	margin-top: .4rem; font-size: .55rem; line-height: .85rem; color: #676F85;
}
.koubei-swiper .disc .star {
	margin-right: .2rem; font-size: .6rem; color: #FF8638; font-weight: 500;
}
.koubei-swiper .disc .star .ico-public { margin-right: .1rem; margin-top: -.15rem; }
.koubei-swiper .ask {
	width: 4rem; height: 1.4rem; border: .05rem solid #0B998F; border-radius: .7rem; margin: auto; font-size: .7rem; color: #0B998F; display: flex; align-items: center; justify-content: center; padding-left: .3rem;
}
.koubei-swiper .ask .icon-arrow-right {
	font-size: .7rem;
}
.koubei-swiper .ask:active {
	background: #F3F3F3;
}
.koubei-swiper::after {
	content: ''; position: absolute; top: 1rem; right: 0; bottom: 0; z-index: 2;
	width: 1rem; background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
}


/* #28534 2024-12-04 */
/* lvtu-pop-404-box */
.lvtu-pop-404-box {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; display: none; 
}
.lvtu-pop-404-box .bg {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .6);
}
.lvtu-pop-404-box .pop-conts {
	position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 16.35rem; padding: 7.8rem 0  1.6rem; border-radius: .8rem; background: url('../../pic/findlawyer/404/bg_m.png') center top/100% auto no-repeat #fff; 
}
.lvtu-pop-404-box .pop-close {
	position: absolute; top: 0; right: 0; width: 1.6rem; height: 1.6rem; background: url('../../pic/findlawyer/404/close_m.png') left bottom/1rem 1rem no-repeat; cursor: pointer;
}
.lvtu-pop-404-box .txt {
	font-size: .8rem; color: #111F34; text-align: center; line-height: 1rem;
}
.lvtu-pop-404-box .txt.c-868EA3 { color: #868EA3; margin-top: .4rem; }
.lvtu-pop-404-box .to-link {
	display: block; margin: 1.2rem auto 0; width: 13.15rem; height: 2.4rem;
	background: linear-gradient( 90deg, #24C7A6 0%, #00B3A7 100%);
	border-radius: 1.2rem; line-height: 2.4rem; text-align: center; font-size: .8rem; color: #fff; cursor: pointer; padding-left: .25rem;
}
.lvtu-pop-404-box .to-link .arrow {
	display: inline-block; vertical-align: middle; margin-top: -0.15rem; width: .8rem; height: .8rem; background: url('../../pic/findlawyer/404/arrow_m.png') left top/.8rem .8rem no-repeat;
}


/* #30838  2025-02-25 */
.min-h-auto { min-height: auto !important; }
.otherlawyer-line { background-color: #F7F8FA; z-index: 2;  padding: 1rem 0; color: #676F85;  }

.no-data-box.no-data-local { padding-top: 1.6rem; padding-bottom: 1.6rem; }
.no-data-local .ask { padding-left: 1.3rem; padding-right: 1.1rem; margin-top: .8rem; }
.no-data-local .ask .iconfont { font-size: .7rem; margin-left: .1rem; }