body { background-color: #fff; }
.top__inner { width: 100%; height: 100px; background-color: #eee; }
.top__inner_0 { background: url(../image/7f14bdc24dcd43586063fbce2dce6e1f.png) no-repeat top center; }
.top__inner_1 { background: url(../image/e0370007c2b82bfb8ef09eade8a98513.png) no-repeat top center; }
.top__inner_2 { background: url(../image/8c622ce9f50617765a7719fcff1968a5.png) no-repeat top center; }
.top__inner_3 { background: url(../image/4fa5de1163cb2654ddfd34486b528856.png) no-repeat top center; }
.top__inner_4 { background: url(../image/88ffe70e8dc6e4f2ca4b88873c1e3e82.png) no-repeat top center; }
.top__inner_5 { background: url(../image/d57fe78a891c38f03bce6b43913224f1.png) no-repeat top center; }
.top__inner_6 { background: url(../image/0e9472eed0084626949bb9542b585acd.png) no-repeat top center; }
.top__inner_7 { background: url(../image/436985fd52dc7aa7634e14f8248b1212.png) no-repeat top center; }
.top__inner_8 { background: url(../image/f2ef8c00f4259e96579aff27ddb13133.png) no-repeat top center; }
.top__inner_9 { background: url(../image/34b1bb60341b78eb56d82a5a9c367d25.png) no-repeat top center; }
.top__inner_10 { background: url(../image/94712dd1959ed78fc219b37f967dbbf6.png) no-repeat top center; }
.top__inner_11 { background: url(../image/9bc1e926ed6e533434fd31cfb0fef2f5.png) no-repeat top center; }
.top__inner_12 { background: url(../image/b9f0577cd8e9241c4138539b4061c24b.png) no-repeat top center; }
.top__search { width: 100%; height: 136px; margin-bottom: 42px; background: url(../image/88835d9ebac1bd535cb69d7b41932673.png) no-repeat top center; }
.top__search .search__box { position: relative; margin: 46px auto 0; width: 560px; height: 48px; background: #fff; overflow: hidden; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); border-radius: 24px; }
.search__box .search__btn { cursor: pointer; padding-top: 12px; padding-left: 24px; position: absolute; right: 0; top: 0; width: 64px; height: 48px; background: #fff; box-shadow: 0px 2px 1px 0px rgba(255, 255, 255, 0.5); border-radius: 0px 24px 24px 0px; box-sizing: border-box; }
.search__btn i { font-size: 16px; color: #1476F9; }
.search__btn:hover { background: #E3ECF7; }
.search__box input { width: 496px; margin-top: 12px; margin-left: 24px; font-size: 16px; color: #333; }
.inner { line-height: 1; }
.main { width: 1188px; margin: 0 auto; }
.inner__bar { margin-top: 22px; margin-bottom: 22px; }
.inner__bar li { float: left; margin: 0 8px 10px; width: 80px; text-align: center; line-height: 32px; background: #fff; border-radius: 8px; }
.inner__bar li a { display: block; color: #666; font-size: 16px; }
.inner__bar li a:hover { color: #1476F9; }
.inner__bar li.active { background-color: #EBF3FE; color: #111; }
.inner__bar li.active a { color: #111; }
.inner__left { width: 788px; }
.inner__right { width: 364px; }
.find-lawyer__item { float: left; position: relative; padding: 21px 16px 30px; width: 788px; height: 240px; box-sizing: border-box; }
.find-lawyer__code { cursor: pointer; position: absolute; right: 4px; top: 4px; width: 28px; height: 29px; background: url(../image/86b1085e_icon-code.png) no-repeat; z-index: 100; }
.find-lawyer__code.hover { z-index: 101; }
.find-lawyer__code.hover .code__box { visibility: visible; transform: translateY(20px); }
.code__box { visibility: hidden; padding: 16px 24px; position: absolute; top: -24px; right: -4px; width: 240px; height: 196px; background: #F8F8F8; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; box-sizing: border-box; transition: all .15s linear; }
.code__tips { margin-top: 10px; text-align: center; width: 100%; color: #999; font-size: 12px; }
.code__con { margin-top: 16px; }
.code__con-left { text-align: center; width: 110px; height: 110px; line-height: 110px; margin-right: 22px; background-color: #fdfdfd; }
.code__con-left img { vertical-align: middle; width: auto; height: auto; max-width: 110px; }
.code__txt { text-align: center; width: 100%; color: #666; font-size: 14px; font-weight: bold; }
.code__con-right { width: 60px; height: 110px; background: url(../image/f897abea_icon-phone.png) no-repeat; }
.find-lawyer__btn { display: none; position: absolute; top: 88px; right: 24px; color: #fff; font-size: 14px; width: 80px; text-align: center; line-height: 24px; background: #1476F9; border-radius: 12px; }
.lawyer__item-left { width: 96px; height: 96px; border-radius: 4px; }
.lawyer__item-right { margin-left: 16px; }
a.lawyer_item-content { display: flex; }
.item__right-top { margin-top: 5px; }
.lawyer__name { float: left; margin-right: 10px; color: #111; font-size: 18px; }
.lawyer__name em { font-size: 14px; }
.lawyer__name b { color: #ED6F21; font-weight: normal; }
.lawyer__goodat { float: left; margin-right: 8px; color: #1476F9; font-size: 12px; width: 56px; text-align: center; line-height: 18px; background: #E0EEFF; border-radius: 2px; }
.lawyer__goodat.lawyer__label { background: rgba(255, 195, 0, .1); color: #FF9709; }
.item__right-center { margin-top: 21px; }
.center__txt { display: inline-block; color: #666; font-size: 14px; }
.center__line { vertical-align: -2px; margin: 0 8px; display: inline-block; width: 1px; height: 16px; background: #D9D9D9; }
.center__txt i { color: #BDC4C8; margin-right: 4px; font-size: 16px; }
.center__txt span { color: #1476F9; margin: 0 2px; }
.item__right-pro { margin-top: 10px; line-height: 24px; color: #666; font-size: 14px; }
.item__right-firm { color: #999; font-size: 14px; margin-top: 14px; }
.item__right-firm i { margin-right: 4px; color: #BDC4C8; }
.find-lawyer__item:hover { background-color: #F4F4F4; }
.find-lawyer__item:hover .find-lawyer__btn { display: block; }
.find-lawyer__btn:hover { color: #fff; background: rgba(20, 118, 249, 0.7); }
.inner .title__icon { color: #1476F9; margin-right: 6px; font-size: 18px; }
.common__right-title .title { color: #333; font-size: 18px; font-weight: bold; }
.answers__box { margin-top: 12px; height: 550px; overflow: hidden; }
.answers__list { width: 364px; }
.answers__item { float: left; padding: 24px 0; width: 100%; border-bottom: #EFEFEF solid 1px; }
.answers__top { display: block; width: 100%; height: 52px; }
.answers__item-img { width: 52px; height: 52px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border: 2px solid #FFFFFF; border-radius: 50%; box-sizing: border-box; }
.answers__con { width: 300px; height: 52px; }
.answers__name { margin-top: 2px; color: #999; font-size: 14px; }
.answers__name span { margin-right: 4px; color: #111; font-size: 16px; }
.answers__other { width: 100%; margin-top: 18px; }
.answers__help { color: #666; font-size: 14px; line-height: 16px; }
.answers__help span { color: #1476F9; margin-left: 2px; }
.answers__help i { margin-right: 6px; color: #ccc; }
.answers__date { color: #BFBFBF; font-size: 12px; }
.answers__icon { display: inline-block; color: #fff; font-size: 12px; margin-right: 8px; width: 16px; text-align: center; border-radius: 4px; }
.answers__center { display: block; margin-top: 30px; color: #666; font-size: 14px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.answers__center .answers__icon { background-color: #BDC4C8; }
.answers__bottom { display: block; margin-top: 24px; font-size: 16px; line-height: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.answers__bottom .answers__icon { background-color: #1476F9; vertical-align: 1px; }
.answers__btn { cursor: pointer; margin-top: 24px; display: inline-block; text-align: center; width: 96px; line-height: 32px; color: #fff; font-size: 14px; background: #1476F9; border-radius: 16px; }
.answers__btn:hover { color: #fff; background: rgba(20, 118, 249, 0.7); }
.answers__btn i { margin-right: 4px; font-size: 14px; }
.suggested__legal { margin-top: 50px; }
.legal__list { margin-top: 20px; }
.legal__item { float: left; width: 364px; margin: 12px 0; }
.legal__item a { display: block; width: 364px; }
.legal__image { float: left; width: 160px; height: 90px; }
.legal__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; }
.legal__con { position: relative; width: 188px; height: 90px; float: right; }
.legal__title { font-size: 16px; color: #333; line-height: 24px; }
.legal__bottom { width: 188px; line-height: 28px; position: absolute; left: 0; bottom: 4px; }
.legal__item .legal__title:hover { color: #1476F9; }
.article__author { color: #999; font-size: 14px; }
.article__author span { float: left; color: #333; margin-right: 6px; text-overflow: ellipsis; max-width: 70px; overflow: hidden; height: 28px; white-space: nowrap; }
.article__author img { float: left; margin-right: 6px; width: 28px; height: 28px; border-radius: 50%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); padding: 2px; box-sizing: border-box; }
.article__date { color: #999; font-size: 14px; }
.inner__right-bar { margin-bottom: 50px; width: 364px; height: 160px; }
.inner__right-bar img { width: 100%; height: 100%; }
.search__top-bar { margin-bottom: 54px; }
.right__bottom-bar { margin-top: 42px; width: 364px; height: 282px; }
.right__bottom-bar img { width: 100%; height: 100%; }
.search__bottom-bar { margin-top: 0; }
.inner__bottom { margin: 54px auto 0; width: 1188px; }
.inner__bottom-con { padding: 22px 0 0; width: 1176px; margin-left: 12px; border-top: #333 solid 4px; }
.inner__bottom-title { font-weight: bold; font-size: 18px; color: #333; margin-bottom: 20px; }
.inner__bottom-li { display: inline-block; margin-top: 10px; margin-right: 10px; line-height: 40px; background: #FFFFFF; border-radius: 4px; border: 1px solid #D9D9D9; box-sizing: border-box; }
.inner__bottom-li a { padding: 0 10px; display: block; color: #666; font-size: 14px; }
.inner__bottom-li a:hover { color: #1476F9; }
.guess__box { width: 100%; margin-bottom: 54px; }
.guess__title { padding-left: 16px; width: 364px; height: 66px; line-height: 64px; font-size: 18px; font-weight: bold; color: #333; background: #F4F4F4; box-sizing: border-box; }
.guess__li { margin-top: 4px; padding: 16px; width: 100%; height: auto; background: #F4F4F4; box-sizing: border-box; }
.guess__avatar { display: block; width: 96px; height: 96px; }
.guess__avatar img { width: 100%; height: 100%; border-radius: 4px; }
.guess__li-con { margin-left: 16px; width: 220px; }
.guess__name { font-size: 16px; color: #111; }
.guess__good { margin-top: 14px; font-size: 14px; color: #666; line-height: 20px; }
.guess__address { margin-top: 20px; font-size: 14px; color: #999; }
.guess__address i { color: #BDC4C8; margin-right: 4px; }
.guess__btn { display: block; margin-top: 14px; color: #fff; font-size: 14px; width: 80px; text-align: center; line-height: 24px; background: #1476F9; border-radius: 12px; }
.guess__btn:hover { color: #fff; background: rgba(20, 118, 249, 0.7); }
.guess__li:hover { background-color: #EAEAEA; }
.guess__label { margin-top: 20px; }
.empty__recommend { margin-left: 12px; padding-top: 20px; width: 776px; border-top: #CEBDA3 solid 4px; margin-bottom: 54px; }
.recommend__title { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 25px; }
.recommend__li { margin-right: 24px; position: relative; width: 176px; height: 282px; overflow: hidden; border-radius: 4px; }
.recommend__li:last-child { margin-right: 0; }
.recommend__avatar { display: block; width: 176px; height: 176px; }
.recommend__avatar img { width: 100%; height: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.recommend__bottom { position: absolute; bottom: 0; width: 100%; height: 106px; padding: 14px 14px 0 14px; background-color: #F4F4F4; box-sizing: border-box; transition: all .1s ease-in; }
.recommend__name { display: inline-block; font-size: 16px; color: #111; }
.recommend__state { text-align: center; color: #fff; font-size: 12px; width: 30px; line-height: 18px; border-radius: 4px; }
.recommend__state.state__1 { background: #27B14A; }
.recommend__state.state__2 { background: #FF9709; }
.recommend__good { margin-top: 8px; line-height: 20px; font-size: 14px; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.recommend__btn { position: absolute; bottom: -24px; left: 48px; display: block; visibility: hidden; margin: 12px auto 0; width: 80px; }
.recommend__btn a { text-align: center; color: #fff; font-size: 14px; display: block; background: #1476F9; line-height: 24px; border-radius: 12px; }
.recommend__li:hover .recommend__bottom { background-color: #EAEAEA; height: 166px; }
.recommend__li:hover .recommend__btn { visibility: visible; bottom: 24px; transition: all .1s ease-in .1s; }
.recommend__btn a:hover { color: #fff; background: rgba(20, 118, 249, 0.7); }
.recommend__li:hover .recommend__good { -webkit-line-clamp: inherit; }
.inner__empty { margin: 48px auto 72px; background: url(../image/dca057459c120989fba0654166f2abd3.png) no-repeat; background-size: cover; width: 400px; height: 231px; }
.empty__txt1 { margin-top: 167px; font-size: 16px; color: #333; text-align: center; }
.empty__txt2 { margin-top: 24px; color: #808080; font-size: 14px; text-align: center; }
input::-webkit-input-placeholder { color: #c1c1c1; font-size: 16px; }
.judge_search { width: 560px; box-sizing: border-box; z-index: 10000; }
.judge_search dl.dl3 { width: 280px; }
.judge_search dl.dl4 { width: 210px; }
.judge_search dl dd { cursor: pointer; }
.pagination { margin: 40px 0; text-align: center; font-size: 14px; color: #333; display: flex; justify-content: center; align-items: center; gap: 4px; }
.pagination a, .pagination .current, .pagination .page-btn { display: inline-block; padding: 8px 16px; min-width: 40px; height: 36px; line-height: 20px; text-decoration: none; border: 1px solid #e1e1e1; border-radius: 4px; color: #666; background: #fff; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; }
.pagination a:hover { border-color: #1476F9; color: #1476F9; background: #f0f7ff; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(20, 118, 249, 0.1); }
.pagination .current { background: #1476F9; color: #fff; border-color: #1476F9; font-weight: 600; cursor: default; }
.pagination .page-btn.disabled { background: #f5f5f5; color: #ccc; border-color: #eee; cursor: not-allowed; pointer-events: none; }
.pagination .total-pages { margin-left: 15px; color: #999; font-size: 13px; }