﻿/* #3513 2022-09-13 LJ */
.hd-nav { box-shadow: inset 0 -.05rem 0 0 #F7F8FA; }
body { overflow: hidden; }

/* ico-home */
.ico-home { background: url('../image/ico-home.png') no-repeat; background-size: 6.5rem 5.5rem; }
.i-home1 { width: 2.6rem; height: .6rem; background-position: 0 0; }
.i-home2 { width: .4rem; height: .4rem; background-position: -2.75rem 0; }
.i-home3 { width: .6rem; height: .6rem; background-position: -3.25rem 0; }
.i-home4 { width: .7rem; height: .6rem; background-position: -4rem 0; }
.i-home5 { width: 1rem; height: 1rem; background-position: 0 -.75rem; }
.i-home6 { width: 1.1rem; height: 1rem; background-position: -1.25rem -.75rem; }
.i-home7 { width: .8rem; height: .8rem; background-position: -2.5rem -.75rem; }
.i-home8 { width: .8rem; height: .8rem; background-position: -3.5rem -.75rem; }
.i-home9 { width: .8rem; height: .8rem; background-position: -4.5rem -.75rem; }
.i-home10 { width: .6rem; height: .6rem; background-position: 0 -2rem; }
.i-home11 { width: 3.85rem; height: .8rem; background-position: -.75rem -2rem; }
.i-home12 { width: .7rem; height: .7rem; background-position: -4.75rem -2rem; }
.i-home13 { width: .6rem; height: .6rem; background-position: 0 -3rem; }
.i-home14 { width: .6rem; height: .6rem; background-position: -.75rem -3rem; }
.i-home15 { width: .7rem; height: .7rem; background-position: -1.5rem -3rem; }
.i-home16 { width: 2rem; height: 1.3rem; background-position: 0 -4rem; }
.i-home17 { width: 2rem; height: 1.3rem; background-position: -2.25rem -4rem; }
.i-home18 { width: 2rem; height: 1.3rem; background-position: -4.5rem -4rem; }
.i-home19 { width: .8rem; height: .8rem; background-position: -2.5rem -3rem; }
.i-home20 { width: .8rem; height: .8rem; background-position: -3.5rem -3rem; }

/* home-page */
.home-page { position: relative; z-index: 10; padding-top: .4rem; }
.home-page .bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-height: 10rem; background: linear-gradient(180deg, #FFFFFF 0%, #F7F8FA 100%); overflow: hidden; z-index: -1; }
.home-nav-bar { height: 2.2rem; }
.home-nav { padding: 0 .3rem .3rem; line-height: 1.9rem; overflow: hidden; }
.home-nav.fixed { position: fixed; top: 0; right: 0; left: 0; background-color: #fff; box-shadow: 0 .2rem .6rem 0 rgba(0,0,0,.04); z-index: 10; }
.home-nav .item { position: relative; float: left; padding: 0 .7rem; font-size: .8rem; color: #676F85; font-weight: bold; }
.home-nav .item .dot { position: absolute; top: .35rem; width: .4rem; height: .4rem; background-color: #FE4C38; border: .025rem solid #fff; border-radius: 50%; margin-left: -.1rem; }
.home-nav .item.is-this { font-size: 1rem; color: #111F34; }
.home-nav .item.is-this:before { content: ''; position: absolute; left: 50%; bottom: .05rem; width: 1rem; height: .3rem; margin-left: -.5rem; background: url('../image/img-tabpoint.png') no-repeat; background-size: 100% 100%; }
.home-nav .item.is-this .dot { display: none; }

/* home-function */
.home-function { box-shadow: 0 0 1rem 0 rgba(0,0,0,.04); background-color: #fff; border-radius: .4rem; padding-bottom: .6rem; margin-top: .2rem; }
.home-nav-bar + .home-function { margin-top: .4rem; }
.guarantee-function { height: 2rem; background: url('../image/bg_axw.png') no-repeat; background-size: 100% 100%; padding: 0 .35rem .4rem; display: flex; align-items: center; }
.guarantee-function .line-vertical { height: .4rem; margin: 0 .35rem; }
.guarantee-function .i-home1 { margin-top: 0; background: url('../image/logo_axw2.png') no-repeat; background-size: 2.6rem .6rem; }
.guarantee-function .i-home3 { margin-top: -.05rem; }
.guarantee-function .txt { display: table; font-size: .5rem; color: #868EA3; }
.guarantee-function .txt span { margin-right: .6rem; }
.guarantee-function .txt span .ico-home { margin-right: .1rem; }
.guarantee-function .txt span:last-child { margin-right: 0; }

/* guarantee-function-pop */
.guarantee-function-pop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200; visibility: hidden; max-width: 750px; margin-right: auto; margin-left: auto; }
.guarantee-function-pop .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .6; }
.guarantee-function-pop .pop-conts { position: absolute; bottom: 0; right: 0; left: 0; border-radius: .8rem .8rem 0 0; background: #fff; background: linear-gradient(180deg, #FFFFFF 0%, #F2F8FF 100%); padding: 2.6rem 0 0; transform: translateY(130%); transition: transform linear .3s; }
.guarantee-function-pop .pop-conts:before { content: ''; position: absolute; top: 1.6rem; right: 2rem; background: url('../image/bg021.png') no-repeat; background-size: 100% 100%; width: 6.9rem; height: 2.5rem; }
.guarantee-function-pop .pop-close { position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer; padding: .8rem .8rem 0 0; }
.guarantee-function-pop .pop-tit { position: absolute; top: -.6rem; left: 50%; margin-left: -5.575rem; width: 11.15rem; height: 2.2rem; line-height: 2.2rem; text-align: center; font-size: .9rem; font-weight: bold; background: url('../image/bg011.png') no-repeat; background-size: 100% 100%; }
.guarantee-function-pop .pop-conts .scroll-bar { max-height: 80vh; overflow-y: auto; padding-bottom: .8rem; }
.guarantee-function-pop.is-show { visibility: visible; }
.guarantee-function-pop.is-show .pop-conts { transform: translateY(0); }
.guarantee-function-pop.is-hide .pop-conts { transform: translateY(130%); }
.guarantee-function-pop .guar-service { border: .05rem solid #DCE8FA; border-radius: .4rem; padding: .8rem .6rem; background-color: #fff; }
.guarantee-function-pop .guar-service dl { margin-top: .8rem; padding-left: 1rem; }
.guarantee-function-pop .guar-service dl:first-child { margin-top: -.2rem; }
.guarantee-function-pop .guar-service dt { position: relative; line-height: 1.2rem; }
.guarantee-function-pop .guar-service dt .ico-home { position: absolute; top: .2rem; left: -1rem; margin-top: 0; }
.guarantee-function-pop .guar-service dt span { position: relative; font-size: .8rem; font-weight: bold; z-index: 1; }
.guarantee-function-pop .guar-service dt span:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: .6rem; background-color: #E0EEFF; z-index: -1; }
.guarantee-function-pop .guar-service dd { font-size: .6rem; color: #414A5D; margin-top: .4rem; line-height: .9rem; }
.guarantee-function-pop .guar-evaluate { overflow-x: auto; height: 4.6rem; padding: 0 1rem; display: flex; white-space: nowrap; }
.guarantee-function-pop .guar-evaluate::-webkit-scrollbar { display: none; }
.guarantee-function-pop .guar-evaluate li { margin-right: .4rem; width: 12rem; height: 4.6rem; border: .05rem solid #DCE8FA; border-radius: .4rem; background-color: #fff; padding: .3rem .6rem; white-space: normal; min-width: 12rem; }
.guarantee-function-pop .guar-evaluate li:last-child { margin-right: 0; }
.guarantee-function-pop .guar-evaluate .det { margin-top: .2rem; height: 1.8rem; line-height: .9rem; font-size: .6rem; color: #414A5D; }
.guarantee-function-pop .guar-evaluate .user { margin-top: .2rem; font-size: .6rem; line-height: .8rem; color: #A6ACBD; }
.guarantee-function-pop .guar-evaluate .user img { float: left; width: .8rem; height: .8rem; border-radius: 50%; margin-right: .2rem; }
.guarantee-function-pop .b-logo { display: block; margin: .8rem auto 0; width: 7.15rem; height: .8rem; background: url('../image/logo3.png') no-repeat; background-size: 100% 100%; }

/* quick-entrance */
.quick-entrance { display: flex; }
.quick-entrance li { flex: 1; }
.quick-entrance .item { display: block; margin: 0 .6rem; padding: .8rem 0 .7rem; text-align: center; }
.quick-entrance .item .ico { position: relative; }
.quick-entrance .item .ico img { display: block; margin: auto; width: 2.8rem; height: 2.8rem; }
.quick-entrance .item .ico .label { position: absolute; top: -.4rem; left: 50%; margin-left: -.7rem; white-space: nowrap; padding: 0 .1rem; font-size: .4rem; line-height: .6rem; background: linear-gradient(270deg, #FE6E51 0%, #F54640 100%); border-radius: .35rem .35rem .35rem .1rem; border: .05rem solid #fff; color: #fff; }
.quick-entrance .item .tit { font-size: .8rem; font-weight: bold; margin-top: .4rem; }
.quick-entrance .item .txt { font-size: .6rem; color: #868EA3; margin-top: .4rem; }

/* home-entrance-swiper */
.home-entrance-swiper { height: 3.9rem; }
.home-entrance-swiper .swiper-scrollbar { width: 2.4rem; height: .2rem; margin-left: -.8rem; left: 50%; bottom: 0; border-radius: .1rem; background-color: #F0F2F5; }
.home-entrance-swiper .swiper-scrollbar .swiper-scrollbar-drag { border-radius: .1rem; background-color: #36C2AC; }

/* entrance-swiper-list */
.entrance-swiper-list { overflow: hidden; }
.entrance-swiper-list li { float: left; width: 20%; padding: .5rem 0 .6rem; }
.entrance-swiper-list .item { display: block; margin: 0 .3rem; text-align: center; }
.entrance-swiper-list .item .ico { position: relative; }
.entrance-swiper-list .item .ico img { display: block; margin: auto; width: 1.6rem; height: 1.6rem; }
.entrance-swiper-list .item .ico .label { position: absolute; top: -.4rem; left: 50%; margin-left: .2rem; white-space: nowrap; padding: 0 .1rem; font-size: .4rem; line-height: .6rem; background: linear-gradient(270deg, #FE6E51 0%, #F54640 100%); border-radius: .35rem .35rem .35rem .1rem; border: .05rem solid #fff; color: #fff; }
.entrance-swiper-list .item .tit { font-size: .6rem; margin-top: .4rem; }

/* banner-swiper */
.banner-swiper { height: 7rem; border-radius: .4rem; overflow: hidden; }
.banner-swiper .swiper-pagination { bottom: .4rem; height: .2rem; line-height: .2rem; }
.banner-swiper .swiper-pagination .swiper-pagination-bullet { width: .2rem; height: .2rem; border-radius: .1rem; margin: -.1rem .1rem 0; opacity: .4; }
.banner-swiper .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; width: .6rem; }
.banner-swiper .item { position: relative; }
.banner-swiper .tel-btn { position: absolute; bottom: .8rem; right: 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-home10 { margin-right: .1rem; }
.banner-swiper .lawyer { display: block; position: relative; }
.banner-swiper .lawyer .photo { height: 7rem; }
.banner-swiper .lawyer .label { position: absolute; top: 0; left: .4rem; width: 1.6rem; height: auto; }
.banner-swiper .lawyer .ban-txt { position: absolute; top: 1.2rem; right: 1rem; width: 9.05rem; }
.banner-swiper .ban-txt .name { font-size: .9rem; font-weight: bold; color: #111A34; }
.banner-swiper .ban-txt .info { margin-top: .4rem; font-size: .5rem; margin-left: -0.4rem; color: #858B9C; display: table; }
.banner-swiper .ban-txt .info span { margin-left: .4rem; }
.banner-swiper .ban-txt .skill { margin-top: .6rem; font-size: .6rem; color: #41485D; display: table; }
.banner-swiper .ban-txt .skill .line-vertical { border-right-color: #41485D; margin-right: .2rem; margin-left: .2rem; }
.banner-swiper .operate-img { height: 7rem; }

/* strict-election */
.strict-election { padding: 1rem .6rem 0; background: #fff; border-radius: .4rem; }
.strict-election .title { line-height: .9rem; display: table; }
.strict-election .title .tit { font-size: .8rem; margin-left: .2rem; max-width: 4.1rem; }
.strict-election .title .tag { margin-left: .4rem; padding: 0 .35rem; line-height: .9rem; border-radius: .45rem; font-size: .6rem; color: #868EA3; background: linear-gradient(270deg, #F5F6FA 0%, #F7F9FC 100%); }
.strict-election .title .tag .ico-home { margin-right: .1rem; }
.strict-election .more-answer-all { border-top: 0; }

/* strict-election-lawyer */
.strict-election-lawyer { margin-left: -.4rem; overflow: hidden; }
.strict-election-lawyer li { float: left; width: 50%; padding-left: .4rem; margin-top: .4rem; }
.strict-election-lawyer .item { background-color: #fff; border-radius: .2rem; overflow: hidden; height: 9.7rem; position: relative; text-align: center; }
.strict-election-lawyer .item:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: .05rem solid #F0F2F5; border-radius: .2rem; }
.strict-election-lawyer .lawyer { display: block; position: relative; z-index: 1; }
.strict-election-lawyer .lawyer .post { position: absolute; top: 0; left: 0; z-index: 1; font-size: .5rem; color: #99713D; text-align: center; width: 3.2rem; height: .9rem; line-height: .9rem; background: url('../image/bg03.png') no-repeat; background-size: 100% 100%; padding-right: .3rem; white-space: nowrap; }
.strict-election-lawyer .lawyer .photo { height: 5.3rem; background-color: #E6EBF5; border-radius: .2rem .2rem 0 0; overflow: hidden; }
.strict-election-lawyer li:nth-child(4n+2) .lawyer .photo,
.strict-election-lawyer li:nth-child(4n+3) .lawyer .photo  { background-color: #F0ECE6; }
.strict-election-lawyer .lawyer .name { margin-top: .6rem; font-size: .7rem; font-weight: bold; }
.strict-election-lawyer .lawyer .info { margin-top: .4rem; width: 100%; font-size: .5rem; }
.strict-election-lawyer .lawyer .info span { color: #676F85; }
.strict-election-lawyer .lawyer .info span em { color: #FF8638; font-weight: 500; }
.strict-election-lawyer .lawyer .info .line-vertical { height: .4rem; margin-left: .2rem; margin-right: .2rem; }
.strict-election-lawyer .lawyer .plac-name { margin-top: 1.4rem; color: #414A5D; font-size: .7rem; }
.strict-election-lawyer .lawyer .plac-info { margin-top: .4rem; font-size: .5rem; color: #868EA3; }
.strict-election-lawyer .tel-ask { position: absolute; left: 50%; bottom: .6rem; z-index: 1; margin-left: -2.25rem; width: 4.5rem; height: 1.2rem; border-radius: .6rem; text-align: center; font-size: .6rem; color: #66370A; display: flex; align-items: center; justify-content: center; cursor: pointer; background: url('../image/btnbg01.png') no-repeat; background-size: 100% 100%; }
.strict-election-lawyer .tel-ask .ico-home { margin-top: 0; }
.strict-election-lawyer .tel-ask .i-home14 { margin-left: .1rem; }
.strict-election-lawyer .tel-ask:active { background-image: url('../image/btnbg01-active.png'); }

/* heart-election */
.heart-election { position: relative; margin-left: auto; margin-right: auto; width: 17.55rem; height: 20.1rem; background: url('../image/hear_elect_bg.png') no-repeat; background-size: 100% 100%; }
.heart-election .ico-bg-lable { position: absolute; left: 1rem; top: .7rem; width: 8.6rem; height: 3.2rem; background-size: cover; }
.heart-election .ico-bg-lable.lable-lawyer{ background-image: url('../image/hear_elect_lawyer.png'); }
.heart-election .ico-bg-lable.lable-office{ background-image: url('../image/hear_elect_office.png'); }
.heart-election .ico-bg-lable.lable-team  { background-image: url('../image/hear_elect_team.png'); }
.heart-election .lawyer { position: relative; display: block; padding: 4.8rem .6rem 1.9rem; height: 16.3rem; z-index: 1; }
.heart-election .lawyer .photo { position: absolute; right: .6rem; bottom: 1.9rem; width: 10.95rem; height: 9rem; z-index: -1; }
.heart-election .lawyer .cont-txt { position: absolute; left: .6rem; right: .6rem; height: 9.6rem; padding-left: .6rem; display: flex; align-items: center; }
.heart-election .lawyer .tit { padding-right: 6rem; overflow: hidden; }
.heart-election .lawyer .name { font-size: .9rem; line-height: 1.1rem; color: #523424; }
.heart-election .lawyer .tag-online { 
    height: .7rem; line-height: .7rem; font-size: .5rem; color: #fff; margin: -0.2rem 0 0 .1rem; 
    padding: 0 .1rem; background: linear-gradient(299deg, #E4A255 0%, #E6BB66 100%); border-radius: .1rem;
}
.heart-election .lawyer .post { margin-top: .6rem; font-size: .7rem; color: #523424; }
.heart-election .lawyer .info { margin-top: .6rem; font-size: .6rem; color: #8A5D3A; }
.heart-election .lawyer .info span em { font-weight: 500; color: #FF8638; }
.heart-election .lawyer .info .line-vertical { height: .5rem; border-right-color: #E0BC87; }
.heart-election .lawyer .service { margin-top: 1.2rem; overflow: hidden; text-align: center; }
.heart-election .lawyer .service li { float: left; padding: 0 .2rem; margin-right: .6rem; }
.heart-election .lawyer .service li:last-child { margin-right: 0; }
.heart-election .lawyer .service .ico-home { margin-top: 0; }
.heart-election .lawyer .service p { margin-top: .2rem; color: #855F42; font-size: .5rem; }
.heart-election .lawyer .disc { position: absolute; left: 2.4rem; right: 1.5rem; bottom: .5rem; font-size: .6rem; color: #B6661C; line-height: .9rem; }
.heart-election .handle { position: absolute; right: 0; bottom: .8rem; left: 0; display: flex; justify-content: center; }
.heart-election .handle .handle-btn { display: flex; align-items: center; justify-content: center; height: 2.2rem; border-radius: 1.1rem; position: relative; font-size: .8rem; background-size: 100% 100%; overflow: hidden; }
.heart-election .handle .tel { width: 5.65rem; color: #DB642A; background-image: url('../image/btnbg02.png'); }
.heart-election .handle .tel:active { background-image: url('../image/btnbg02-active.png'); }
.heart-election .handle .ask { width: 8.5rem; color: #FFF9EB; background-image: url('../image/btnbg03.png'); }
.heart-election .handle .ask .i-home19 { margin-top: 0; margin-right: .1rem; }
.heart-election .handle .ask .i-home20 { margin-top: 0; margin-left: .2rem; }
.heart-election .handle .ask:active { background-image: url('../image/btnbg03-active.png'); }
.heart-election .handle .ask:before { content: ''; position: absolute; top: 0; left: 0; width: 4.4rem; height: 2.2rem; background: url('../image/btnbg03-light.png') no-repeat; background-size: 100% 100%; transform: translateX(-100%); animation: toRight 2s ease infinite; }
@keyframes toRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    50% {
        -webkit-transform: translateX(8.5rem);
        transform: translateX(8.5rem);
    }
    100% {
        -webkit-transform: translateX(8.5rem);
        transform: translateX(8.5rem);
    }
}
.heart-election .handle .ico-tagpersent { position: absolute; top: -1rem; right: -0.2rem; margin-top: 0; width: 4.7rem; height: 1.5rem; background: url('../image/tag_persent99.png') no-repeat; background-size: 100% 100%; }

/* capsule-swiper */
.capsule-swiper { height: 3.6rem; overflow: hidden; }
.capsule-swiper .swiper-pagination { bottom: .2rem; height: .2rem; line-height: .2rem; }
.capsule-swiper .swiper-pagination .swiper-pagination-bullet { width: .2rem; height: .2rem; border-radius: .1rem; margin: -.1rem .1rem 0; opacity: .4; }
.capsule-swiper .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; width: .6rem; }
.capsule-swiper .capsule-consult .tit .ect { max-width: 2.55rem; margin-top: -.13rem; }
.capsule-swiper .capsule-consult.bg3 { background-image: url('../image/bg05.png'); }
.capsule-swiper .capsule-consult .conts { left: 3.85rem; }
.capsule-swiper .charlt-img { width: 100%; height: 3.6rem; }

/* bg-activity */
.bg-activity .cont-body { background: url('../image/banner.png') no-repeat; background-size: 100% auto; }
.bg-activity .hd-bar .hd-nav { background: transparent; box-shadow: none; }
.bg-activity .hd-bar .hd-nav .hd-link .item .area { color: #fff; }
.bg-activity .hd-bar .hd-nav .hd-link .item .area .i-pu-arrowb-s { background: url('../image/arrow.png') no-repeat; background-size: 100% 100%; }
.bg-activity .hd-bar .hd-center-logo { background-image: url('../image/logo.png'); }
.bg-activity .hd-bar .hd-nav .hd-link.hd-r .item .more .more-ico .i-head7 { background-position: -1.25rem 0; }
.bg-activity .home-page { margin-top: 9rem; }

/** #4489 LQ 2022-10-13 */
/* local-lawyer-bar */
.local-lawyer-bar { background-color: #fff; border-radius: .4rem; margin: .6rem .6rem 0; }
.local-lawyer-bar .nav-tw-tit { 
    height: 2.8rem; padding: 1rem .6rem; line-height: .9rem; 
    background: url('../image/bg_bdtjlr.png') no-repeat; background-size: 100% auto; 
}
.local-lawyer-bar .nav-tw-tit .bdlr-tit { 
    float: left; width: 4.85rem; height: .8rem; margin: 0 .3rem 0 0; 
    background: url('../image/bdtj_tit.png') no-repeat; background-size: 100% auto; 
}
.local-lawyer-bar .nav-tw-tit .tit { float: left; margin-right: .4rem; max-width: 4.8rem; }
.local-lawyer-bar .nav-tw-tit .tag { 
    float: left; padding: 0 .4rem; height: .9rem; line-height: .9rem; 
    background: linear-gradient(270deg, #EDF3FC 0%, #EDF3FC 100%); border-radius: .55rem; 
    font-size: .6rem; color: #868EA3;
}
.local-lawyer-bar .nav-tw-tit .tag .ico-bdlr { 
    float: left; width: .7rem; height: .7rem; margin: .1rem .1rem 0 0;
    background: url('../image/ico_bdlr.png') no-repeat; background-size: cover;  
}

/* lawyer-tabs-bar */
.ico-findlaw { background: url('../image/ico-findlawyer.png') no-repeat; background-size: 7.75rem 2rem; }
.i-findlaw2 { width: .8rem; height: .8rem; background-position: -1rem 0; }
.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: #26a59a }
.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 { border-radius: 0; }
.lawyer-tabs-bar-fixedtop .lawyer-nav-bars { position: fixed; top: 0; right: 0; left: 0; z-index: 10; }
.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; }
.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; }

/* popup-skill-type */
.popup-skill-type { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; visibility: hidden; }
.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; }


/* 10007 LJ 2023-04-03 */
.quick-entrance .item .ico .label { animation: homeLabelScale 5s linear infinite; }
@keyframes homeLabelScale {
    0% { transform: scale(1); }
    66% { transform: scale(1); }
    70% { transform: scale(0); }
    74% { transform: scale(0); }
    78% { transform: scale(1); }
    100% { transform: scale(1); }
}


/* 15871 LJ 2023-09-13 */
/* ico-home-light */
.ico-home-light { width: .3rem; height: .3rem; background: url('../image/ic_thouder.png') no-repeat; background-size: 100% 100%; margin-right: .05rem; margin-top: -0.05rem; }


/* 25792 2024-12-25 */
.home-zs-nav {
    display: flex; align-items: center;
}
.home-zs-nav span {
    flex: 1; max-width: 5.05rem; margin-left: .55rem;
    line-height: 1.4rem; border-radius: .7rem; background-color: #F0F2F5;
    font-size: .7rem; color: #414A5D; text-align: center;
}
.home-zs-nav span:first-child { margin-left: 0; }
.home-zs-nav span.is-this { background-color: #E6F5F1; color: #26a59a; font-weight: 600; }
