body {
  background-color: #fff;
}

.hidden {
  visibility: hidden;
}

.none {
  display: none!important;
}
.top__area {
  width: 100%;
  height: 430px;
  background: #F4F4F4;
  line-height: 1;
}

.top__bar {
  width: 1176px;
  margin: 23px auto 0;
}

.top__bar-left {
  position: relative;
  width: 200px;
  height: 306px;
}

.left__bar-nav {
  width: 184px;
  background-color: #fff;
  height: 100%;
  padding-top:8px;
  box-sizing: border-box;
}

.left__bar-nav .iconfont0::after {
  content: "\e7d7";
}

.left__bar-nav .iconfont1::after {
  content: "\e7d0";
}

.left__bar-nav .iconfont2::after {
  content: "\e7d1";
}

.left__bar-nav .iconfont3::after {
  content: "\e7cf";
}

.left__bar-nav .iconfont4::after {
  content: "\e7ce";
}

.left__bar-nav .iconfont5::after {
  content: "\e7d6";
}

.left__bar-nav .iconfont6::after {
  content: "\e7d2";
}

.left__bar-nav li {
  cursor: pointer;
  margin-top: 10px;
  border-left: 2px #fff solid;
  width: 184px;
  line-height: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.left__bar-nav li.active {
  background: #EBF3FD;
  border-color: #1476F9;
}

.left__bar-nav li .iconfont {
  margin-right: 12px;
  color: #1476F9;
  font-size: 18px;
  float: left;
}
.left__bar-nav li i {
  margin: 0 12px 0 24px;
  width: 15px;
  height: 15px;
  font-size: 15px;
  line-height: 15px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.left__bar-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 776px;
  height: 306px;
  border-radius: 4px;
  z-index: 101;
}

.left__item {
  display: none;
  width: 100%;
  height: 100%;
  padding: 24px 32px;
  box-sizing: border-box;
}

.left__item .enter__a a {
  color:#1476F9;
  font-size: 16px;
  display: flex;
}

.left__item .enter__t {
  color: #666;
  font-size: 14px;
  margin-top:24px;
}

.enter__links {
  margin-top: 2px;
  word-break: keep-all;
}

.enter__links a {
  margin-right: 56px;
  margin-top: 16px;
  display: inline-block;
}

.enter__a .iconfont {
  display: inline-block;
  color: #1476F9;
  font-size: 1em;
  margin-left: 6px;
  line-height: 1;
  vertical-align: middle;
}
.enter__a .fa-angle-right {
  display: inline-block;
  color: #1476F9;
  font-size: 1em;
  margin-left: 6px;
  line-height: 1;
  vertical-align: middle;
}

.other__enter {
  margin-top: 34px;
}

.other__enter-a {
  display: block;
  margin-right: 70px;
  float: left;
}

.other__enter-a:last-child {
  margin-right: 0;
}

.other__enter-a img {
  width: 40px;
  height: 40px;
}

.other__enter-con {
  margin-top: 2px;
  margin-left: 12px;
}

.enter__con-t {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.enter__con-p {
  color: #666;
  font-size: 12px;
  margin-top: 8px;
}

.top__bar-center {
  position: relative;
  width: 776px;
  height: 306px;
  background-color: #0D1944;
  border-radius: 4px;
}

.bar__gif {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../image/3d330c1c_bar_gif.gif) no-repeat;
  width: 480px;
  height: 306px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  z-index: 99;
}

.bar__circle {
  position: absolute;
  top: 110px;
  right: 129px;
  width: 89px;
  height: 89px;
  background: url(../image/556a45e4_circle.gif) no-repeat;
  z-index: 100;
}

.bar__circle-c {
  position: absolute;
  width: 57px;
  height: 57px;
  background: #1476F9;
  text-align: center;
  line-height: 56px;
  border-radius: 50%;
  z-index: 100;
}

.bar__circle-c .iconfont {
  color: #fff;
  opacity: .5;
  font-size: 46px;
}
.bar__circle-1 {
  top: 45px;
  right: 145px;
}
.bar__circle-2 {
  top: 126px;
  right: 222px;
}
.bar__circle-3 {
  top: 126px;
  right: 68px;
}
.bar__circle-4 {
  top: 206px;
  right: 145px;
}
.bar__txt {
  padding-top: 58px;
  padding-left: 52px;
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 306px;
  box-sizing: border-box;
  z-index: 100;
}

.bar__txt .txt__t {
  margin-top: 14px;
  letter-spacing: 11px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
}

.bar__txt .txt__other {
  position: relative;
}

.bar__txt .txt__other::after {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #fff;
  position: absolute;
  top: 30px;
  border-radius: 50%;
}

.bar__txt .txt__subt {
  margin-top: 26px;
  color: #fff;
  opacity: .8;
  font-size: 16px;
}

.top__bar-list {
  margin-top: 58px;
  height: 24px;
  overflow: hidden;
  position: relative;
}

.top__bar-list ul {
  position: relative;
  transition: transform 0.8s ease-in-out;
}

.top__bar-list li {
  padding: 4px 0;
  height: 24px;
  box-sizing: border-box;
}

.top__bar-list li p {
  line-height: 16px;
  color: #fff;
  font-size: 14px;
}

.top__bar-list li p .li__txt {
  opacity: .4;
}

.top__bar-list li p .icon {
  margin-right: 10px;
  float: left;
  width: 16px;
  height: 16px;
  text-align: center;
  background: rgba(255, 255, 255, .5);
  border-radius: 4px;
}

.top__bar-list li p .iconfont {
  color: #0D1944;
}

.top__bar-right {
  margin-left: 16px;
  width: 184px;
  height: 306px;
  background: url(../image/37f40fea6fb2130432df3d6f09b59da7.png) #fff no-repeat;
  border-radius: 4px;
}

.top__bar-title {
  color: #333;
  font-size: 16px;
  margin-top: 24px;
  text-align: center;
}

.top__bar-tips {
  margin-top:24px;
  color: #666;
  font-size: 12px;
  text-align: center;
}

.top__bar-tips span {
  color:#1476F9;
}

.top__bar-num {
  margin-top: 18px;
  color: #333;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.top__bar-btn {
  display: block;
  margin: 20px auto 0;
  width: 136px;
  text-align: center;
  line-height: 32px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: linear-gradient(97deg, #1476F9 0%, #00C2F0 100%);
  box-shadow: 0px 4px 8px 0px rgba(67, 145, 250, 0.2);
  border-radius: 20px;
}

.top__bar-btn:hover {
  color: #fff;
  opacity: .6;
}

.top__bar-t {
  margin-top: 32px;
  text-align: center;
  color: #333;
  font-size: 16px;
}

.top__bar-t .iconfont {
  margin-right: 8px;
  color: #1476F9;
}

.top__bar-data {
  margin-top: 16px;
  text-align: center;
  color: #666;
  font-size: 14px;
}

.top__bar-data span {
  color: #4391FA;
  margin: 0 4px;
}

.bottom__label {
  width: 1176px;
  margin: 22px auto 26px;
}

.bottom__label li {
  margin-left: 60px;
}

.bottom__label-right {
  margin-left: 10px;
  width: 170px;
  opacity: 0.6;
}

.bottom__label-title {
  margin-top: 6px;
  color: #666;
  font-size: 16px;
  font-weight: bold;
}

.bottom__label-tips {
  color: #999;
  margin-top:12px;
  font-size: 14px;
}

.home {
  width: 1200px;
  margin: 0 auto;
  line-height: 1;
}

.common__title h3 {
  color: #333;
  font-size: 18px;
  font-weight: bold;
}

.common__title .lawyer__enter {
  color:#333;
  font-size: 14px;
}

.common__title .lawyer__enter a {
  color: #1476F9;
}

.common__title .lawyer__enter a:hover {
  text-decoration: underline;
}

.common__title .article__more {
  margin-top: 8px;
}

.common__title .common__tips {
  color: #999;
  font-size: 14px;
  margin-top: 3px;
  margin-left: 8px;
}

.common__tab a {
  color: #333;
  font-size: 18px;
  margin-right: 32px;
  padding: 8px 0;
  float: left;
  border-bottom: #fff solid 2px;
}

.common__tab a.active {
  color: #1476F9;
  font-weight: bold;
  border-color: #1476F9;
}

.lawyer__recommend {
  position: relative;
  margin: 40px 0 24px;
  min-height: 348px;
}

.recommend__li {
  margin-right: 24px;
  margin-bottom: 24px;
  position: relative;
  width: 176px;
  height: 282px;
  overflow: hidden;
  border-radius: 4px;
}

.recommend__li:nth-child(6n) {
  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__txt {
  margin-top: 12px;
  font-size: 14px;
  color: #666;
  line-height: 22px;
}

.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__list {
  margin-top: 24px;
}

.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;
}

.recommend__enter {
  background: url(../image/5c28279d258a26c96fa04cde37b2dbb4.png) no-repeat;
  background-position: top center;
  position: absolute;
  bottom: 24px;
  right: 0;
  width: 364px;
  height: 282px;
}

.recommend__enter-line {
  position: absolute;
  top: 0;
  left: 142px;
  width: 80px;
  height: 6px;
  background: #CEBDA3;
}

.recommend__enter-title {
  margin-top: 68px;
  text-align: center;
}

.recommend__enter-title span {
  color: #111;
  font-size: 18px;
}

.recommend__enter-title i {
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: #BDC4C8;
  margin: 0 8px;
  vertical-align: -2px;
}

.recommend__enter-icon {
  padding: 7px;
  margin: 0 29px;
  width: 56px;
  height: 56px;
  background: linear-gradient(360deg, #EAEFF7 0%, #FFFFFF 100%);
  box-shadow: 0px 4px 16px 0px rgba(196, 208, 228, 0.6);
  border-radius: 16px;
  box-sizing: border-box;
}

.recommend__enter-icon img {
  width: 42px;
  height: 42px;
}

.recommend__enter ul {
  width: 100%;
  margin-top: 46px;
  padding: 0 11px;
  box-sizing: border-box;
}

.recommend__enter li {
  float: left;
}

.recommend__enter-t {
  color: #666;
  font-size: 14px;
  margin-top: 16px;
  text-align: center;
}

.question__icon {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
  width: 16px;
  text-align: center;
  border-radius: 4px;
}

.new__answer {
  margin-right: 32px;
  width: 780px;
  padding-top: 12px;
  border-top: #333 solid 4px;
}

.answers__list {
  margin-top: 16px;
}

.answers__item {
  float: left;
  padding-top: 2px;
  padding-bottom: 24px;
  width: 100%;
}

.answers__item:last-child {
  border-color: #fff;
}

.answers__top {
  margin-top:24px;
  display: block;
  width: 100%;
}

.answers__item-img {
  width: 36px;
  height: 36px;
}

.answers__item-img img {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 100%;
}

.answers__right {
  margin-left: 12px;
}

.answers__right-txt {
  padding-top: 8px;
  line-height: 20px;
}

.answers__txt-l {
  color: #333;
  font-size: 16px;
}
.answers__txt-l span {
  margin-right: 18px;
}

.answers__type {
  margin-right: 24px;
  color: #999;
  font-size: 12px;
  width: 60px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  box-sizing: border-box;
}

.answers__city {
  color: #999;
  font-size: 14px;
}
.answers__con {
  margin-top: 20px;
  position: relative;
  padding: 18px 16px 16px;
  width: 732px;
  height: 74px;
  background: #F4F4F4;
  box-sizing: border-box;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.answers__con::before {
  position: absolute;
  top: -2px;
  left: -3px;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #f4f4f4;
  transform: rotate(27deg);
}

.answers__q {
  line-height: 16px;
  margin-bottom: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.answers__q a {
  font-size: 14px;
  color: #666;
}

.answers__q a:hover {
  color: #1476F9;
}

.answers__q .question__icon {
  background-color: #BDC4C8;
  vertical-align: 1px;
}

.answers__date {
  color: #BFBFBF;
  font-size: 12px;
}

.answers__center {
  display: block;
  margin-top: 6px;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.answers__center a {
  color:#333;
  font-size: 16px;
}


.answers__center a:hover {
  color: #1476F9;
}

.answers__handle span {
  color: #999;
  font-size: 14px;
  margin-left: 16px;
}

.answers__btn {
  cursor: pointer;
  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;
}

.answers__center .question__icon {
  background-color: #FF9709;
  vertical-align: 1px;
}

.article__more {
  box-sizing: border-box;
}

.article__more a {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

.article__more a:hover {
  color: #777;
}

.article__more .icon__more {
  color: #BDC4C8;
  margin-left: 10px;
  font-size: 10px;
  vertical-align: 1px;
}


.mar__show {
  padding-top: 30px;
  width: 364px;
  height: 160px;
  background: url(../image/71d77a54427b2ab6c43ec73d69124b17.png) no-repeat;
  box-sizing: border-box;
}

.mar__show-title {
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.mar__show-title span {
  margin: 0 4px;
  color: #FFC300;
  font-weight: bold;
}

.mar__show-con {
  margin-top:30px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.mar__show-con em {
  margin-right: 8px;
  color: #1476F9;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
  display: inline-block;
  width: 22px;
  background: #fff;
}

.evaluate__area {
  margin-top:48px;
}

.evaluate__box {
  margin-top: 20px;
  height: 642px;
  overflow: hidden;
}

.evaluate__ul {
  width: 364px;  
}

.evaluate__li {
  padding: 12px 0;
  width: 100%;
  box-sizing: border-box;
}

.evaluate__title {
  line-height: 16px;
  color: #666;
  font-size: 14px;
}

.evaluate__title .icon {
  float: left;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: #72ADFB;
  text-align: center;
  border-radius: 4px;
}

.evaluate__title .icon i {
  color: #fff;
  font-size: 12px;
}

.evaluate__date {
  color: #BFBFBF;
  font-size: 12px;
}

.evaluate__con {
  padding-left: 24px;
  margin-top: 16px;
  color: #333;
  font-size: 16px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.evaluate__score {
  margin-left: 24px;
  margin-top: 22px;
}

.evaluate__score .score {
  margin-right: 24px;
}

.evaluate__score .iconfont {
  font-size: 14px;
  color: #D9D9D9;
}

.evaluate__score .current {
  color: #FEA03D;
}

.evaluate__score .score__txt {
  font-size: 14px;
  color: #666;
  margin-right: 24px;
}

.evaluate__score .score__txt:last-child {
  margin-right: 0;
}

i.fas.fa-caret-right {
  color: #BDC4C8;
  margin-left: 11px;
}

i.fas.fa-star {
  color: #FEA03D;
}

i.fas.fa-qrcode {
  color: #98A3B2;
}

.top__bar-list ul li i.fas.fa-user {
  color: #0D1944;
}

.evaluate__lawyer {
  position: relative;
  margin-left: 24px;
  margin-top: 20px;
  padding: 18px 16px 20px;
  width: 340px;
  height: 86px;
  border-radius: 4px;
  border: 1px solid #F4F4F4;
  box-sizing: border-box;
}

.evaluate__left {
  display: block;
  width: 48px;
  height: 48px;
}

.evaluate__left img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.evaluate__name {
  color: #999;
  font-size: 16px;
}

.evaluate__name a {
  color: #333;
  margin-right: 4px;
}

.evaluate__btn {
  display: none;
  position: absolute;
  top:31px;
  right: 16px;
  width: 80px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-size: 14px;
  background: #1476F9;
  border-radius: 12px;
}

.evaluate__btn:hover {
  color: #fff;
  background:rgba(20, 118, 249, 0.7);
}

.evaluate__right {
  margin-left: 16px;
}

.quality__txt {
  margin-top: 26px;
  color: #666;
  font-size: 14px;
}

.quality__txt i {
  color:#BDC4C8;
  margin-right: 4px;
  font-size: 16px;
}

.quality__txt span {
  color: #1476F9;
  margin: 0 2px;
}

.evaluate__right .quality__txt {
  margin-top: 18px;
}

.evaluate__lawyer:hover {
  background-color: #f4f4f4;
}

.evaluate__lawyer:hover .evaluate__btn {
  display: block;
}

.lawyer__area {
  padding-top: 12px;
  margin-top: 36px;
  width: 1176px;
  border-top: #CEBDA3 solid 4px;
}

.lawyer__area h3 {
  margin-top: 6px;
  margin-right: 32px;
}

.lawyer__area .common__tab a {
  font-size: 16px;
}

.lawyer__list {
  margin-top: 24px;
}

.lawyer__list li {
  position: relative;
  padding: 32px 0;
  float: left;
  margin-right: 24px;
  width: 276px;
  height: 368px;
  background: #FFFFFF;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}

.lawyer__list li:last-child {
  margin-right: 0;
}

.lawyer__avatar {
  display: block;
  margin: 0 auto;
  width: 96px;
  height: 96px;
}

.lawyer__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 48px;
}

.lawyer__name {
  margin-top: 24px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.lawyer__firm {
  margin-top: 12px;
  color: #666;
  font-size: 14px;
  text-align: center;
}

.lawyer__good {
  margin: 12px 32px 0;
  color: #999;
  font-size: 14px;
  line-height: 22px;
}

.lawyer__label {
  font-size: 0;
  margin-top: 16px;
  text-align: center;
}

.lawyer__label span {
  margin-right: 12px;
  display: inline-block;
  padding: 0 4px;
  line-height: 18px;
  color: #FF9709;
  font-size: 12px;
  background: rgba(255, 195, 0, .1);
  border-radius: 2px;
}

.lawyer__btn {
  position: absolute;
  bottom: 32px;
  left: 54px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 168px;
  line-height: 32px;
  background: #1476F9;
  font-weight: bold;
  border-radius: 16px;
}

.lawyer__btn:hover {
  color:#fff;
  background: rgba(20, 118, 249, .7);
}

.law__other {
  margin-top: 48px;
  margin-bottom: 48px;
}

.law__other .common__title {
  margin-bottom: 24px;
}

.law__spread {
  margin-right: 32px;
  width: 374px;
}

.first__li a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.first__li .law__spread-img {
  width: 374px;
  height: 240px;
  border-radius: 4px;
  transition: all .3s;
}

.first__li .law__spread-bottom {
  margin-left: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 374px;
  height: 80px;
  padding: 18px 22px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-sizing: border-box;
}

.first__li .law__spread-avatar {
  width: 40px;
  height: 40px;
  border: #fff solid 2px;
  border-radius: 50%;
}

.first__li .law__spread-con {
  margin-left: 12px;
  width: 272px;
}

.first__li .law__spread-con .law__name {
  color: #fff;
  font-size: 14px;
  margin-top: 8px;
}

.first__li .law__spread-con .law__con {
  margin-top:3px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.first__li a:hover .law__spread-img {
  transform: scale(1.1);
}


.law__spread-list li.other__li {
  float: left;
  width: 100%;
  margin-top: 24px;
}

.other__li a {
  display: block;
}

.other__li .law__spread-img {
  width: 110px;
  height: 64px;
  float: left;
  border-radius: 4px;
}

.other__li .law__spread-bottom {
  float: left;
  width: 248px;
  margin-left: 16px;
}

.other__li .law__spread-avatar {
  width: 24px;
  height: 24px;
  box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
  border: 2px solid #FFFFFF;
  border-radius: 50%
}

.other__li .law__spread-con {
  margin-top: 18px;
}

.other__li .law__con {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #111;
  font-size: 16px;
}

.other__li .law__name {
  margin-left: 8px;
  color: #999;
  font-size: 14px;
  line-height: 28px;
}

.other__li .law__name span {
  color: #333;
  margin-right: 8px;
}

.law__hot {
 width: 374px;
 margin-right: 32px;
}

.law__hot-list li {
  margin-bottom: 24px;
  float: left;
}

.law__hot-list li a {
  display: block;
}

.law__hot-list li:last-child {
  margin-bottom: 0;
}

.law__hot-img {
  width: 110px;
  height: 64px;
  border-radius: 4px;
}

.law__hot-con {
  margin-left: 16px;
  width: 248px;
}

.law__hot-title {
  margin-top: -4px;
  color: #111;
  font-size: 16px;
  line-height: 24px;
}

.law__hot-date {
  color: #999;
  font-size: 12px;
  margin-top: 8px;
  text-align: right;
}

.law__topic {
  width: 364px;
}

.law__topic-enter {
  margin-bottom: 16px;
  padding: 14px 20px;
  width: 364px;
  height: 66px;
  background: #F4F4F4;
  background-repeat: no-repeat;
    background-position: top right;
  border-radius: 4px;
  box-sizing: border-box;
}

.law__topic-center1 {
  background-image: url(../image/65300bb6f1becc1c0abd2546f3d62aab.png);
}

.law__topic-center2 {
  background-image: url(../image/663bf7ed56a1cdf4a56769ca1dc4eae8.png);
}

.law__topic-center3 {
  background-image: url(../image/da3fde96fb3edb0fbf527379a99b814f.png);
}

.law__topic-enter a {
  display: block;
}

.law__topic-title {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.law__topic-tips {
  margin-top: 10px;
  color: #666;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.swiper-container {
  margin-top: 10px;
  width: 364px !important;
  height: 160px !important;
}

.swiper-pagination-hot {
  line-height: 6px;
}

.swiper-pagination-hot .swiper-pagination-bullet {
  margin: 0 3px !important;
  width: 7px;
  height: 5px;
  background: #999;
  opacity: 1;
  border-radius: 3px;
}

.swiper-pagination-hot .swiper-pagination-bullet-active {
  width: 18px;
  height: 5px;
  background: #1476F9;
}

.law__knowledge {
  margin-right: 32px;
  width: 780px;
  padding-top: 12px;
  border-top: #333 solid 4px;
}

.download__box {
  width: 364px;
  background: #F4F4F4;
}

.download__box .common__title {
  padding: 24px 16px 0;
  color: #333;
  font-size: 18px;
  font-weight: bold;
}

.download__box ul {
  padding: 18px 0 4px;
  border-bottom: #E5E5E5 solid 1px;
  margin: 0 16px;
}

.download__box li {
  width: 166px;
  float: left;
  padding: 12px 0;
  box-sizing: border-box;
}

.download__box li:nth-child(2n) {
  width: 180px;
}

.download__box li:nth-child(2n + 1) {
  width: 152px;
}

.download__box li:last-child {
  width: 100%;
}

.download__box li .circle {
  margin-right: 8px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: #6da8f6 solid 3px;
  border-radius: 50%;
  box-sizing: border-box;
}

.download__box li .iconfont {
  color: #98A3B2;
  font-size: 21px;
  margin-left: 10px;
  vertical-align: -1px;
}

.download__a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
}

.download__a span {
  color: #333;
  font-size: 16px;
}

.download__icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #E8F2FF 0%, #F0F7FF 100%);
  border-radius: 8px;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.download__icon {
  width: 20px;
  height: 20px;
  color: #1476F9;
  transition: all 0.3s ease;
}

.download__text {
  flex: 1;
  margin: 0 12px;
  color: #333;
  font-size: 16px;
  transition: color 0.3s ease;
}

.download__a:hover {
  transform: translateX(4px);
}

.download__a:hover .download__icon-wrapper {
  background: linear-gradient(135deg, #1476F9 0%, #4391FA 100%);
  box-shadow: 0 4px 12px rgba(20, 118, 249, 0.3);
  transform: scale(1.1);
}

.download__a:hover .download__icon {
  color: #fff;
  animation: downloadBounce 0.6s ease infinite;
}

.download__a:hover .download__text {
  color: #1476F9;
  font-weight: 500;
}

@keyframes downloadBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
}

.download__a:hover .iconfont,
.download__a:hover span {
  color: #1476F9;
}

.wenshu__enter {
  position: relative;
  width: 100%;
  padding: 20px 112px;
  color: #333;
  font-size: 16px;
  box-sizing: border-box;
}

.wenshu__code {
  cursor: pointer;
  margin-left: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.qrcode__icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #F0F7FF 0%, #E8F2FF 100%);
  border-radius: 8px;
  border: 1px solid #E0EEFF;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(20, 118, 249, 0.1);
}

.qrcode__icon {
  width: 20px;
  height: 20px;
  color: #1476F9;
  transition: all 0.3s ease;
}

.wenshu__code:hover .qrcode__icon-wrapper {
  background: linear-gradient(135deg, #1476F9 0%, #4391FA 100%);
  border-color: #1476F9;
  box-shadow: 0 4px 12px rgba(20, 118, 249, 0.3);
  transform: scale(1.05);
}

.wenshu__code:hover .qrcode__icon {
  color: #fff;
  animation: qrcodePulse 1s ease infinite;
}

@keyframes qrcodePulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

.wenshu__code .iconfont {
  color: #98A3B2;
}

.code__box {
  visibility: hidden;
  opacity: 0;
  padding: 20px 24px;
  position: absolute;
  top: -220px;
  right: 50%;
  width: 260px;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  border: 1px solid #E8F2FF;
  box-sizing: border-box;
  transform: translateX(50%) translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
}

.wenshu__code:hover .code__box {
  visibility: visible;
  opacity: 1;
  transform: translateX(50%) translateY(0);
}

.wenshu__code .code__box::after {
  position: absolute;
  right: 50%;
  bottom: -12px;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #FFFFFF;
  transform: translateX(50%);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.1));
}

.wenshu__code .code__tips {
  margin-top: 12px;
  text-align: center;
  width: 100%;
  color: #666;
  font-size: 12px;
  line-height: 1.5;
}

.wenshu__code .code__con {
  margin-top:16px;
}

.wenshu__code .code__con-left {
  width: 110px;
  height: 110px;
  line-height: 110px;
  margin-right: 22px;
  background-color: #fff;
}

.wenshu__code .code__con-left img {
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 110px;
}

.wenshu__code .code__txt {
  text-align: center;
  width: 100%;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #F0F0F0;
}

.wenshu__code .code__con-right {
  width: 60px;
  height: 110px;
  background: url(../image/f897abea_icon-phone.png) no-repeat;
}


.ask_rm_zx {
  margin-top: 48px;
  border-top: #333 solid 4px;
  padding-top:20px;
  position: relative;
  padding-bottom: 60px;
}

.bors{
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #333;
}
.consults_rm_li{
  margin-top: 32px;
    margin-bottom: 24px;
}
.consults_rm_li ul{
    display: flex;
}
.consults_rm_li ul li{
    padding-bottom: 8px;
    margin-right: 32px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #333333;
    cursor: pointer;
}
.consults_rm_li ul .under{
    border-bottom: 2px solid #1476F9;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #1476F9;
}


.offs{
    display: none;
}
.consults_rm_li_bou{
   display: flex;
   flex-wrap: wrap;
   position: relative;
}
.offs .consults_rm_li_bou li{
    flex-shrink: 0;
    margin: 0 24px 24px 0;
    position: relative;
}
.offs .consults_rm_li_bou li:after{
        content: '';
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;
}
.consults_item_wrapper {
    width: 276px;
    height: 158px;    /* 必须和卡片默认高度一致 */
    position: relative; 
    /* 这里的 margin 根据你实际的间距需求设置 */
    margin-bottom: 20px; 
    display: inline-block; /* 或者利用你现有的 flex/grid 布局 */
    vertical-align: top;
}
.consults_rm_li_bou_divs {
    width: 100%;      /* 填满包装容器 */
    height: 158px;
    background: #F4F4F4;
    overflow: hidden;
    position: absolute; /* 默认就相对包装容器定位 */
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 4px;
    transition: box-shadow 0.3s ease, background 0.3s ease;
}
.consults_rm_li_bou_divs:hover {
    height: auto;       /* 高度自适应内容 */
    min-height: 158px;  /* 保证不比原来小 */
    z-index: 100;       /* 确保盖在其他卡片上 */
    background: #FFFFFF;
    box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.15);
    overflow: visible;  /* 允许内容溢出显示 */
}
.consults_rm_li_bou_divs .consults_rm_li_bou_divs_t,
.consults_rm_li_bou_divs .consults_rm_li_bou_divs_spans{
    position: relative;
    z-index: 1;
}
.consults_rm_li_bou_di{
    z-index: 10;
    background: #FFFFFF;
    box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.1);
    width: 276px;
}
.consults_rm_li_bou_divs_t{
    padding: 16px 0 24px 16px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
}
.consults_rm_li_bou_divs_t .pillar{
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #1476F9;
    margin-right: 8px;
}
.consults_rm_li_bou_divs_spans{
    padding-left: 16px;
    padding-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
}
.consults_rm_li_bou_divs_spans p{
   padding: 0px 30px 20px 0;
   line-height: 1;
}
.consults_rm_li_bou_divs_spans p a{
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666666;
}
.consults_rm_li_bou_divs_spans .p_1{
  display: none;
}
.consults_rm_li_bou_divs:hover .consults_rm_li_bou_divs_spans .p_1{
  display: block;
}
.consults_rm_li_bou_divs_spans p a:hover{
  color: #1476F9;
}

.index__bottom {
  position: relative;
  width: 100%;
  height: 210px;
  background: #EBF3FD;
}

.index__bottom::before {
  content: "";
  background-image: url(../image/1bd62fa96a7cbaad433a41b2a0a1f63f.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 111px;
}

.index__bottom::after {
  content: "";
  background-image: url(../image/821c6f4dc09d71f2891540bd02b5ac89.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 153px;
  height: 124px;
}

.bottom__con {
  width: 1176px;
  margin: 0 auto;
  line-height: 1;
}

.bottom__con-l {
  width: 560px;
}

.bottom__con-l .txt01 {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}

.bottom__con-l .txt02 {
  color: #999;
  font-size: 16px;
  line-height: 24px;
  margin-top: 18px;
}

.bottom__con-btn {
  margin-top: 20px;
  font-size: 16px;
  color: #fff;
  width: 200px;
  text-align: center;
  line-height: 40px;
  background: #1476F9;
  border-radius: 100px;
}

.bottom__con-btn .iconfont {
  margin-right: 8px;
}

.bottom__con-r {
  margin-top: 48px;
  margin-left: 170px;
}

.bottom__con-r li {
  float: left;
  margin-right: 50px;
}

.bottom__con-r li .iconfont {
  font-size: 48px;
  color: #98A3B2;
}

.bottom__con-r li .title {
  margin-top: 16px;
  color: #666;
  font-weight: bold;
  font-size: 18px;
}

.bottom__con-r li .subtitle {
  font-size: 14px;
  color: #999;
  margin-top: 16px;
}

.new__consult {
  margin-bottom: 40px;
  margin-top: 8px;
}

.new__consult li {
  width: 100%;
  float: left;
  padding: 24px 0 32px;
  border-bottom: #EFEFEF solid 1px;
}

.new__consult-con {
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.new__consult-bottom {
  line-height: 20px;
  margin-top: 22px;
}

.law__list {
  margin-top: 8px;
}

.law__list li {
  width: 100%;
  padding: 24px 0 16px;
  border-bottom: #EFEFEF solid 1px;
  box-sizing: border-box;
}

.law__title {
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.law__bottom {
  margin-top: 24px;
  color: #999;
  font-size: 14px;
}

.law__bottom span {
  margin-right: 24px;
}

.knowledge__list {
  margin-top: 8px;
}

.knowledge__list li {
  width: 100%;
  float: left;
  padding: 24px 0;
  border-bottom: #EFEFEF solid 1px;
}

.knowledge__list li p {
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 600px;
}

.knowledge__list li span {
  color: #999;
  font-size: 14px;
}

.popup_mian_pdf{ position:fixed; top:0; left:0; background:#fff; width:100%; height:100%; z-index:99999999999999; display:none}
.popup_pdf_cont{ height:100%; box-sizing:border-box; padding-bottom:50px;}
.popup_pdf_title{ height:42px; line-height:42px; padding:0 15px; overflow:hidden}
.popup_pdf_title h3{ float:left; font-size:16px; font-weight:bold;}
.pdf_close{ background:url(../image/d4d1bd88_h_close.png) no-repeat; width:20px; height:20px; display:block; cursor:pointer; float:right; margin-top:11px;}

.fixed__footer {
  position: fixed;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 74px;
  background: #1476F9;
  transition: left .3s cubic-bezier(.14,.68,.46,1);
  z-index: 100001;
}

.fixed__footer-center {
  width: 100%;
  height: 74px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../image/48804450_fixed__footer-bg.png) no-repeat;
  background-position: top center;
}

.fixed__footer-main {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.fixed__close {
  position: absolute;
  bottom: 20px;
  right: 4px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.fixed__code {
  position: absolute;
  bottom: 0;
  right: 60px;
  width: 241px;
  height: 175px;
  cursor: pointer;
  background: url(../image/dcd1b600_fixed__footer-code.png) no-repeat;
}

.fiexd__left {
  background: url(../image/a69d97f0_fixed_left2.png) no-repeat;
  width: 143px;
  height: 170px;
  position: fixed;
  bottom: 48px;
  left: -10px;
  transition: left .3s cubic-bezier(.14,.68,.46,1);
  z-index: 100001;
}

.fiexd__left:hover {
  left: 0;
}

.fiexd__left-close {
  position: absolute;
  top: 0;
  right: 28px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.fiexd__left-center {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 116px;
  height: 84px;
  cursor: pointer;
}

.show__big .fixed__footer {
  left: 0;
}

.show__big .fiexd__left {
  left: -100%;
}

.home__notice {
  padding-top: 2px;
  margin-top: 32px;
  width: 100%;
  height: 58px;
  background-color: #FFF5E4;
  color: #333;
  font-size: 16px;
  box-sizing: border-box;
  border: 15px solid transparent;
  -moz-border-image:url(../image/5d1d9c9a_border1.png) 30 30 round;	/* Old Firefox */
  -webkit-border-image:url(../image/5d1d9c9a_border1.png) 30 30 round;	/* Safari and Chrome */
  -o-border-image:url(../image/5d1d9c9a_border1.png) 30 30 round;		/* Opera */
  border-image:url(../image/5d1d9c9a_border1.png) 30 30 round;
}

.home__notice .iconfont {
  color: #CA2517;
  font-size: 20px;
  margin-right: 10px;
}
/* Download icon styling - Font Awesome */
.download__box li .fa-arrow-to-bottom {
  color: #98A3B2;
  font-size: 18px;
  margin-left: 10px;
  vertical-align: -1px;
}

.download__a:hover .fa-arrow-to-bottom {
  color: #1476F9;
}