@charset "UTF-8";

/* margin top 12 */
/* body {
} */
.lawfirm-body {
  /* background-color: #f0f2f5; */
  background-color: #F5F5F5;
  min-width: 1280px;
}
.mtpx {
  margin-bottom: 16px;
  padding-left: 16px;
}
.modal-content {
  border-radius: 16px;
}
.bg-main {
  margin: 0;
  background-image: url("/static/Public/lawFirm/img/indexBackgroundImgWrap.png");
}

.tab-content .swiper-slide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 外盒子通用 */
.allBox {
  background-color: #fff;
  border-radius: 8px;
}

#content {
  /* height: calc(100vh - 100px); */
  /* margin-top: 16px; */
  font-size: 0;
  padding-bottom: 16px;
}
.wrap_left_nav {
  display: inline-block;
  width: calc(100% - 394px);
  height: 100%;
  border-radius: 8px;
  vertical-align: top;
}
.wrap_right_nav {
  width: 336px;
  display: inline-block;
  height: 100%;
  border-radius: 8px;
  margin-left: 16px;
  vertical-align: top;
  /* width: 382px; */
  /* position: fixed; */
}
/* 搜索框盒子 */
.search_Wrap_main {
  /* margin-top: 12px; */
  height: 168px;
  background-color: var(--color-theme);
  border-radius: 8px;
}
.search_Wrap_main input {
  font-size: 14px;
}
.search_Wrap_main span {
  font-size: 14px;
  text-align: center;
}
.tool_wrap_titleBox {
  padding-right: 136px;
  /* border-bottom: 1px solid #eee; */
}
.tool_wrap_title {
  font-size: 14px;
  position: relative;
  width: 1400px;
}
.toolTitleText {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a0a5bb;
  position: relative;
  padding: 10px 0px;
  text-align: center;
  position: relative;
}
.toolTitleText::before {
  /* content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    background-color: #d9d9d9;
    right: 0;
    top: 14px; */
}
.toolTitleText.active {
  /* color: #005DF6; */
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.toolTitleText.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 36px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 4px;
  /* background: var(--color-theme); */
  background: var(--color-theme);
  border-radius: 5px;
}
.toolTitleText span:hover {
  /* padding: 2px 4px; */
  padding: 4px 10px;
  background-color: #f2f2f2;
  cursor: pointer;
}
.editToolBtnBox {
  float: right;
  right: 0;
  top: 0;
  line-height: 39px;
  position: absolute;
  width: 138px;
  z-index: 5;
  background-color: #fff;
  padding-right: 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 0px 8px 0px 0px;
}
.editToolBtn {
  /* width: 74px; */
  width: 48px;
  background: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-theme);
}
.editToolBtn i {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  line-height: 16px;
}
.toolchangeBnt {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  text-align: center;
  border: 1px solid #e6e6e6;
}
.toolchangeBnt i {
  cursor: pointer;
  font-size: 14px;
}
.isFa {
  color: #cccccc;
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
}

.toolListWrapNav {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* height: 180px; */
  max-height: 194px;
  overflow: auto;
  padding-bottom: 8px;
}
@-moz-document url-prefix() {
  .toolListWrapNav,
  .notice_wrapUl,
  .wrap_doSthForSb_main {
    scrollbar-width: thin;
  }
}
.toolListWrapNav::-webkit-scrollbar-thumb {
  width: 5px;
  height: 44px;
  background: #ebebeb;
  color: #ebebeb;
  border-radius: 4px;
}
.toolListNav {
  cursor: pointer;
  padding: 5px 10px;
  margin: 4px;
  font-size: 14px;
}
.toolListNav:hover {
  color: var(--color-theme);
  background-color: #f7f5f2;
  border-radius: 4px;
}
.toolListNav[data-show="N"] {
  display: none;
}
.toolListNav span {
  font-size: 14px;
  vertical-align: middle;
  padding-left: 6px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 82%;
  display: inline-block;
  text-align: left;
}
.toolListNav i {
  text-align: left;
  font-size: 14px;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #e35b50;
  color: #fff;
  padding: 2px;
}
.toolListNav img {
  text-align: left;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.toolListNav span:hover {
  color: var(--color-theme);
}

.wrap_topTool_main {
  margin-bottom: 16px;
  overflow: hidden;
  height: 238px;
}
.wrap_topTool_main[data-setting="line_half"] {
  width: calc(50% - 8px);
  display: inline-block;
  vertical-align: middle;
}
#content .homePage_module .wrap_topTool_main[data-setting="line_all"] {
  width: 100%;
  height: initial;
  padding-bottom: 16px;
  margin-left: 0;
}
.wrap_topTool_main[data-setting="line_all"] .topTool_warp {
  height: initial;
}
.wrap_tool_main {
  margin-bottom: 16px;
  position: relative;
  height: 238px;
}
.wrap_tool_main[data-setting="line_half"] {
  width: calc(50% - 8px);
  display: inline-block;
  vertical-align: middle;
}
#content .homePage_module .wrap_tool_main[data-setting="line_all"] {
  width: 100%;
  height: initial;
  padding-bottom: 8px;
  margin-left: 0;
}

.topTool_title {
  height: 40px;
  display: flex;
  padding: 0px 16px;
  justify-content: space-between;
  align-items: center;
  /* border-bottom: 1px solid #eee; */
  padding-right: 12px;
}
.topTool_title > span:first-child {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #333333;
}
.topTool_title > span:last-child {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-theme);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.topTool_warp {
  height: 182px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 0px;
  padding-bottom: 0;
  align-content: flex-start;
}
.item_icon_back {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  text-align: center;
  display: flex;
  align-items: center;
}
.topToolListNav {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 8px 0px;
  margin-left: 14px;
  padding: 5px 6px;
  width: 96px;
  height: 28px;
}
.topToolListNav a {
  font-size: 14px;
}
.topToolListNav:hover {
  background-color: #f7f5f2;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  border-radius: 4px;
}
.topToolListNav .tool_click_icon {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  width: 56px;
  /* margin-left: 6px; */
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #3d3d3d;
}
.topToolListNav:hover .tool_click_icon {
  /* color: var(--color-theme); */
  color: var(--color-theme);
}
.topToolListNav img {
  width: 20px;
  height: 20px;
}
.topToolListNav .item_icon {
  margin-top: 2px;
  color: var(--color-theme);
}

/* 数量盒子 */
.wrap_quantity_main {
  /* height: 128px; */
  /* padding-top: 22px; */
  text-align: center;
  margin-bottom: 16px;
}
.quantityTopTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  /* border-bottom: 1px solid #eee; */
  padding: 0px 16px;
  padding-right: 12px;
}
.quantityTopTitle span:first-child {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.quantityTopTitle > span:last-child {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-theme);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.quantityTopTitle > span:last-child i,
.topToolBtn i {
  margin-right: 4px;
}
.quantityNavWrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* padding: 0px 12px; */
  padding: 12px 0px;
  padding-left: 12px;
  padding-bottom: 0;
}
.quantityNav {
  width: 168px;
  height: 92px;
  /* background-color: #f1f6f9; */
  background: #f9f7f5;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  padding-top: 20px;
  padding-left: 16px;
  margin-right: 14px;
  margin-bottom: 12px;
}
.quantityNav[data-is_show="N"] {
  display: none;
}
.quantityNav:hover {
  background-color: #fffcf8;
  border: 1px solid var(--color-theme);
}
.quantityNav:hover .quantituNavTitleMoney {
  color: var(--color-theme);
}
.quantityNav:last-child {
  margin-left: 0;
}
.quantityNav_top {
  display: inline-block;
  vertical-align: top;
}
.quantityNav_bottom {
  vertical-align: top;
  padding-left: 12px;
  display: inline-block;
  width: 78%;
}
.quantityNav_bottom div {
  font-weight: 500;
  text-align: left;
  color: #666;
}
.quantituNavTitleMoney,
.quantityNavTitleText {
  /* width: 100%; */
  /* width: 84px; */
  /* overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; */
}
.quantityNav .quantituNavTitleMoney {
  font-family: PingFang SC, PingFang SC;
  /* font-weight: 400; */
  font-weight: 600;
  font-size: 18px;
  color: #fb6d30;
  margin-top: 12px;
}
.quantityNav_bottom .quantityNavTitleText {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.quantityNav_top > div:first-child {
  width: 32px;
  height: 32px;
  color: #fff;
  display: inline-block;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantityNav .item_icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.quantityNav[data-icon="project"] .quantityNavBgc {
  background-color: #3d7bfa;
  box-shadow: 0px 5px 6px -4px rgba(140, 178, 255, 0.8);
  border-radius: 4px;
}

.quantityNav .item_icon[data-icon="project"] {
  background: url(/static/Public/images/lawfirmNav/index_teamNav.png) no-repeat;
  background-position: 0 -16px;
  background-size: 16px;
}

.quantityNav[data-icon="contract"] .quantityNavBgc {
  background-color: #ffc31e;
  box-shadow: 0px 5px 6px -4px rgba(255, 202, 55, 0.8);
  border-radius: 4px;
}

.quantityNav .item_icon[data-icon="contract"] {
  background: url(/static/Public/images/lawfirmNav/index_teamNav.png) no-repeat;
  background-position: 0 -80px;
  background-size: 16px;
}

.quantityNav[data-icon="customer"] .quantityNavBgc {
  background-color: #fe8f65;
  box-shadow: 0px 5px 6px -4px rgba(255, 171, 139, 0.8);
  border-radius: 4px;
}

.quantityNav .item_icon[data-icon="customer"] {
  background: url(/static/Public/images/lawfirmNav/index_teamNav.png) no-repeat;
  background-position: 0 -96px;
  background-size: 16px;
}

/* 审批、收款 */
.warp_payment_main {
  height: 235px;
  padding-left: 0;
}
.payment_collectionBox {
  width: 50%;
  background-color: #fff;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  /* border-right: 1px solid #eee; */
  border-radius: 8px 0px 0px 8px;
}
#goMorePayment font,
#goMorePayment i,
#goMorePayment span {
  vertical-align: middle;
}
#goMorePayment span,
#goMoreApprove span {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
#guidance_Pending_payments .payment_collectionListNav {
  padding: 4px 8px;
}
.paymentList {
  font-size: 14px;
  padding: 8px;
  margin: 4px 0px;
}
#content .delivery_list_item:first-child,
#content .procure_list_item:first-child,
#content .property_list_item:first-child,
#content .contract_list_item:first-child,
#content .paymentList:first-child {
  margin-top: 0;
}
#content .delivery_list_item:last-child,
#content .procure_list_item:last-child,
#content .property_list_item:last-child,
#content .contract_list_item:last-child,
#content .paymentList:last-child {
  margin-bottom: 0;
}
#content .Collection_list_item:hover,
#content .delivery_list_item:hover,
#content .procure_list_item:hover,
#content .property_list_item:hover,
#content .contract_list_item:hover,
#content .paymentList:hover {
  background-color: #f7f5f2;
  border-radius: 4px;
}
.Collection_list_item:hover .Collection_list_top,
.contract_list_item:hover .contract_list_top,
.procure_list_item:hover .procure_list_top,
.property_list_item:hover .property_list_top,
.delivery_list_item:hover .delivery_list_top,
.paymentList:hover .paymentListTop {
  color: var(--color-theme);
}
.Collection_list_item:hover .Collection_list_bottom,
.contract_list_item:hover .contract_list_bottom,
.property_list_item:hover .property_list_bottom,
.procure_list_item:hover .procure_list_bottom,
.delivery_list_item:hover .delivery_list_bottom,
.paymentList:hover .paymentListBottom {
  color: #98836c;
}
.paymentListTop {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paymentListBottom {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999;
  margin-top: 2px;
}
.paymentTimeMoney {
  margin-right: 0.5vw;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.paymentTimeMoney span,
.paymentTimeMoney i {
  vertical-align: middle;
  line-height: 16px;
}
.paymentTimeMoney i {
  font-size: 14px;
  height: 18px;
}
.paymentTimeMoney span:nth-of-type(2) {
  margin-left: 24px;
}
.payment_approveBox {
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.approveUl {
  height: 187px;
  overflow: auto;
  padding: 0px 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.approveListShow {
  font-size: 14px;
  cursor: pointer;
  padding: 8px 8px;
  margin-bottom: 4px;
}
.approveListShow:hover {
  color: var(--color-theme);
  background-color: #f7f5f2;
}
.approveListShow:first-child {
}
.approveListShow font {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  border-radius: 2px;
  padding: 2px 8px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.approveListShow font[data-name="已通过"] {
  color: #08af0b;
  background: #e5ffe6;
}
.approveListShow font[data-name="审批中"] {
  color: #fa8919;
  /* background: #ECF2FE; */
  background: #ffe7ce;
}
.approveListShow font[data-name="已驳回"] {
  color: #e34d59;
  background: #f9d7d9;
}
.approveListShow font[data-name="已撤回"] {
  color: #999;
  background: #eee;
}
.approveListShow span {
  display: inline-block;
  width: 76%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* 全部动态 */
.wrap_trends_nav {
  padding-left: 0;
  min-height: 245px;
}
.trends_title_top {
  padding: 10px 16px;
  /* border-bottom: 1px solid #eee; */
}
.trendsTitleText {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  position: relative;
  cursor: pointer;
  margin-left: 32px;
}
.trendsTitleText:first-child {
  margin-left: 0;
}
.trendsTitleText font {
  margin-left: 8px;
  font-size: 12px;
}
.trendsTitleText.active {
  font-weight: 600;
  /* color: #005DF6; */
  font-size: 16px;
}
.trendsTitleText.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  border-radius: 5px;
  height: 4px;
  background: var(--color-theme);
}
.trends_wrap_list {
  padding: 16px;
  max-height: 456px;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 204px;
}

.trendsListLeft,
.trendsList_nav {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
.trendsList_nav {
  margin-left: 12px;
  width: 95%;
}
.tredns_round {
  width: 10px;
  height: 10px;
  background: var(--color-theme);
  border-radius: 50%;
}
.trends_line {
  width: 2px;
  height: 88px;
  background-color: #e6e6e6;
  margin-left: 4px;
}
.trends_time {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  padding-bottom: 10px;
}
.trends_name_new,
.trends_name {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
  color: #333333;
  cursor: pointer;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}
.trends_name_new:hover,
.trends_name:hover {
  color: var(--color-theme);
}
.trends_wrap img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  vertical-align: middle;
}
.trendsNameNav {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-left: 4px;
  vertical-align: middle;
}
.trendsDetail {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333;
  /* margin-left: 16px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  /* max-width: 80%; */
  max-width: 100%;
  display: inline-block;
}
.trendsShowList {
  width: 100%;
  display: flex;
  align-items: flex-start;
  height: 74px;
  border: 1px solid #eee;
  margin-bottom: 12px;
  padding-top: 10px;
  border-radius: 4px;
}
.noMoreTrends {
  font-size: 14px;
  text-align: center;
  color: #999;
  padding: 10px 0px;
}

/* 个人信息名片 */
/* .warp_business_main {
    height: 104px;
    border: 1px solid #eee;
    border-radius: 8px;  
    box-shadow: 0px 0px 10px -2px rgba(182,185,189,0.2);
    padding-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/static/Public/lawFirm/img/indexNewPersonBackImg.png') no-repeat;
    background-size: cover;
    border-radius: 10px;
    background-position: center;
} */
.warp_business_main {
  height: 72px;
  background: url(/static/Public/images/newIndexPersonBack.png) no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 12px;
}

.business_top {
  clear: both;
  display: flex;
  align-items: center;
  height: 100%;
}
.business_top > span {
  display: inline-block;
  display: flex;
  flex-direction: column;
  /* justify-content: ; */
  align-items: flex-start;
  justify-content: center;
  max-width: 70%;
}
.business_name {
  font-size: 14px;
  height: 100%;
  /* margin-left: 16px; */
  width: 50%;
}
.business_name div:first-child {
  font-size: 16px;
  font-size: 14px;
  font-family: PingFangHK-Medium, PingFangHK;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  margin-bottom: 3px;
}
.business_name div:last-child {
  font-size: 12px;
  color: #666;
  /* width: 66%; */
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
}
.business_name div {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
}

.business_customBtn {
  font-size: 14px;
  float: right;
  margin-right: 12px;
}
.customeIndexWrapBtn {
  width: 100px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #005df6;
  background: #ffffff;
  font-size: 12px;
  color: var(--color-theme);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0px 8px;
}

.business_bottom {
  padding-left: 52px;
}
.business_bottom button {
  font-size: 12px;
  width: 82px;
  height: 24px;
  border-radius: 4px;
}
.business_bottom button i {
  vertical-align: bottom;
}
.isEncyclopediaBtn {
  background-color: #f6f3ef;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #d5a169;
  border: 1px solid rgba(209, 166, 119, 0.32);
}
.isElectronicBtn {
  background-color: #e3ecfc;
  margin-left: 12px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007aff;
  position: relative;
  border: 1px solid rgba(77, 143, 251, 0.3);
}
.isOperateBtn {
  background-color: #def6f1;
  margin-left: 12px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  border: 1px solid rgba(73, 217, 195, 0.3);
  color: #1bd6b4;
}

/* 同事圈 */
.wrap_colleague_main {
  height: 132px;
  margin-bottom: 16px;
}
.colleague_title {
  font-size: 14px;
  padding: 10px 0px;
  padding-left: 16px;
  /* border-bottom: 1px solid #eee; */
}
.colleagueTitle_Text {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.colleagueTitle_goMore {
  font-size: 12px;
  color: #999999;
  float: right;
  margin-right: 16px;
  cursor: pointer;
}
.colleagueTitle_goMore span,
.colleagueTitle_goMore i {
  vertical-align: middle;
}
.colleague_nav_wrap {
  display: flex;
  justify-content: flex-start;
  padding: 0px 18px;
  align-items: center;
  height: 88px;
  padding-bottom: 16px;
}
.colleagueListNav {
  /* width: 32px; */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  margin-right: 26px;
}
.colleagueListNav .zUserPhoto {
  width: 40px;
  height: 40px;
}
.colleagueListNav > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.maskTop {
  height: 62px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}
.maskWrap {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.collegueMask .maskWrap span {
  margin: 0;
}
.maskWrap > span {
  display: flex;
  align-items: center;
}
.maskWrap > span:first-child .warpNum {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.maskWrap > span:last-child {
  margin-left: 6px;
}
.maskWrap > span:last-child .warpNum {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}
.maskWrap > span i {
  color: var(--color-theme);
  font-size: 12px;
  margin-right: 2px;
}
.collegueMask {
  position: absolute;
  width: 284px;
  height: 104px;
  border: 1px solid #eee;
  border-radius: 8px;
  top: 40px;
  background-color: #fff;
  z-index: 5;
  display: none;
  /* padding-left: 12px; */
  padding: 0px 12px;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);
}
.maskLeft {
  border-radius: 50%;
  text-align: center;
}
.maskLeft > div {
  width: 38px;
  height: 38px;
}
.maskLeft img {
  border-radius: 50%;
}

.collegueMaskCss {
  right: 0;
}
.maskRight {
  margin-left: 12px;
  width: 60%;
}
.maskRight .personNavName {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #333333;
}
.maskRight .personNavBot {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-top: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.personNavBot font {
  margin: 2px;
}
/* 公告部分 */
.wrap_notice_main {
  padding-left: 0;
  overflow: hidden;
}
.notice_title_top {
  /* border-bottom: 1px solid #eee; */
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
}
.noticeTitleText {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #a0a5bb;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.noticeTitleText.active {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.noticeTitleText.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 34px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 4px;
  /* background: var(--color-theme); */
  background: var(--color-theme);
  border-radius: 5px;
}
.noticeTitleText_goMore {
  font-size: 12px;
  color: #999999;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.noticeTitleText_goMore span,
.noticeTitleText_goMore i {
  vertical-align: middle;
  cursor: pointer;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737a99;
}
.notice_wrapUl {
  padding-top: 14px;
  /* padding-bottom: 12px; */
  height: 168px;
  overflow-x: hidden;
  overflow-y: auto;
}
.notice_wrapUl::-webkit-scrollbar-thumb {
  background: #ebebeb;
}
.noticeList {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  /* padding: 6px 16px; */
  padding: 0px 16px;
  margin-bottom: 12px;
  cursor: pointer;
  position: relative;
  /* display: flex;
    align-items: center;
    justify-content: space-between; */
}
.noticeList:hover {
  /* color: var(--color-theme); */
  color: var(--color-theme);
}
.noticeText {
  max-width: 350px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.noticeMask {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 282px;
  /* height: 104px; */
  /* padding: 12px 8px; */
  padding: 14px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #eee;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  display: none;
  /* background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%); */
  box-shadow: 0px 7px 12px 4px rgba(29, 58, 99, 0.2);
}
.noticeMaskBot {
  top: -75px;
}
.noticeMask p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.notice_Topping {
  width: 40px;
  height: 18px;
  background-color: #fff;
  border-radius: 2px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-theme);
  display: inline-block;
  text-align: center;
  margin-right: 4px;
  border: 1px solid var(--color-theme);
}
.notice_secrecy {
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 18px;
  border-radius: 2px;
  /* opacity: 0.8; */
  border: 1px solid var(--color-theme);
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-theme);
  margin-right: 8px;
}
.notice_itemTime {
  /* width: 54px; */
  width: 80px;
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  /* margin-right: 12px; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* 待办事项 */
.wrap_doSthForSb_main {
  /* padding-left: 0; */
  position: relative;
  padding: 16px;
  /* max-height: 508px; */
}
.wrap_doSthForSb_main::-webkit-scrollbar-thumb {
  background: #ebebeb;
}
#doSthTime .layui-laydate-static,
#doSthTime .layui-laydate-main,
#doSthTime .layui-laydate-content table {
  width: 100%;
  border: 0;
  box-shadow: none;
}
#doSthTime .layui-laydate-content {
  height: 70px;
  overflow: hidden;
}
.doSthTitleText {
}
.doSthTitle {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  position: relative;
  cursor: pointer;
  text-align: center;
  line-height: 39px;
  /* margin-right: 40px; */
}
.doSthTitle:last-child {
  margin-right: 33px;
}
.notice_change_box,
.dosthBtnBox {
  width: 18px;
  height: 18px;
  border: 1px solid #eee;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
}
#doSthDialogBtn {
  cursor: pointer;
  color: var(--color-theme);
}
.doSthTitle.active {
  font-weight: 600;
  color: #005df6;
}
.doSthTitle.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 37px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  background: var(--color-theme);
  border-radius: 5px;
}
.notice_change,
.doSth_edit_btn {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 0;
  height: 39px;
  z-index: 5;
  background-color: #fff;
  padding-right: 12px;
}
.notice_change {
  position: inherit;
  margin-left: 22px;
}
.slideTimeUpDownBtn {
  text-align: center;
  border-bottom: 1px solid #eee;
}
.slideTimeBtn {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0px;
  cursor: pointer;
}
#slideTimeNum {
  margin-right: 6px;
}
.wrap_doSthForSb_main .layui-laydate-static .layui-laydate-header {
  border: none 0;
}
.doSthUl {
  padding: 16px;
  overflow-y: auto;
  /* max-height: 508px; */
  max-height: 302px;
}
.doSthUl.matter {
  height: 188px;
}
.doSthUl.active {
  height: 268px;
  overflow: auto;
}
/* --------待办事项 */
.dosthList {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* padding: 16px 0px; */
  padding: 8px 0px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.dosth_left_round {
  width: 6px;
  height: 6px;
  background: #e54141;
  border-radius: 50%;
}
.dastn_time {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-left: 8px;
  position: relative;
}
.dastn_flag {
  font-size: 12px;
  margin-left: 8px;
}
.dastn_flag[data-level="1"] {
  color: #ed5050;
}

.dastn_flag[data-level="2"] {
  color: #fbc881;
}

.dastn_flag[data-level="3"] {
  color: var(--color-theme);
}

.dastn_flag[data-level="4"] {
  color: #ccc;
}

.dastn_label {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-theme);
  background-color: #ecf2fe;
  margin-left: 8px;
  width: 40px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.dastn_text {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-left: 8px;
  width: 219px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: PingFangSC-Regular, PingFang SC;
}
.dastn_text:hover {
  color: var(--color-theme);
}

.setupAuthMemberDia {
  /* width: 187px; */
  height: 38px;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  border-radius: 4px;
  text-align: center;
  line-height: 38px;
  padding: 0px 8px;
  z-index: 5;
}
.setText {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
}
.trangle {
  position: absolute;
  left: 16px;
  top: -6px;
  content: "";
  height: 0;
  width: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  display: block;
  transform: rotate(180deg);
  margin: 0 auto;
  border-top-color: #333;
}
/* --------开庭提醒 */
.sessionList {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 94px;
  border-bottom: 1px solid #eee;
}
.sessionTop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sessionWrapNav {
  padding: 2px 8px 2px 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--color-theme);
  background-color: #ecf2fe;
  display: flex;
  align-items: center;
  width: min-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.sessionWrapNav span {
  margin-left: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.session_time_one,
.session_time_two {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-left: 12px;
}
.session_time_one {
  margin: 0;
}
.sessionText {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #333333;
  max-width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 会议室预定 */
.wrap_predetermine_main {
  height: 246px;
  padding-left: 0;
}
.predeteRight {
  float: none;
}
#layui-laydate1 {
  margin: 0;
}
.predetermine_titleWrap {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}
.predetermineTitleLeft {
  font-size: 14px;
  position: relative;
  font-weight: 600;
  font-family: PingFangSC-Regular, PingFang SC;
}
.predetermineTitleLeft label {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  width: 30%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.predetermineRoomList {
  position: absolute;
  width: 150px;
  border: 1px solid #eee;
  background-color: #fff;
  box-shadow: 0px 0px 10px -2px rgba(182, 185, 189, 0.2);
  display: none;
  max-height: 130px;
  overflow: auto;
  top: 32px;
  z-index: 10;
}
.predetermineList {
  padding: 6px 0px;
  padding-left: 6px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.predetermineList:hover {
  background-color: #f9f9f9;
}
.predetermineTitleRight {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  float: right;
  cursor: pointer;
}
.predetermineTitleRight span,
.predetermineTitleRight i {
  vertical-align: middle;
}
.predetermineTitleRight font {
  color: #e34d59;
}
.predetermineNavWrapBox {
  height: 200px;
}
.predeterminePrompt {
  padding: 16px;
}
.predeterminePrompt i {
  vertical-align: middle;
}
.predeterminePrompt > span {
  font-size: 14px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #63718e;
  background-color: #f1f2f5;
  border-radius: 4px;
  padding: 3px 8px 6px 3px;
}
.predeterminePrompt > span span {
  vertical-align: middle;
  max-width: 90%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.predetermine_RoomWrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.predetermineRoom {
  width: 45%;
  height: 60px;
  position: relative;
  margin-bottom: 16px;
  border-radius: 8px;
  margin-left: 16px;
}
.predetermineRoom[data-status="1"] {
  background-color: #fe8f65;
}
.predetermineRoom[data-status="0"] {
  background-color: #3d7bfa;
}
.roomDetial {
  width: 100%;
  background-color: #fff;
  height: 100%;
  margin-left: 2px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding-top: 10px;
  padding-left: 14px;
  cursor: pointer;
}
.roomDetial .roomIcon {
  position: absolute;
  right: 8px;
  top: 8px;
  background-color: #ccc;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  padding: 4px;
}
.roomIcon[data-status="0"] {
  color: #0867ef;
  background-color: #ecf2fe;
}
.roomIcon[data-status="1"] {
  color: #ffa22f;
  background-color: #ffe9e1;
}
.roomDetial .roomName {
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 500;
  color: #333333;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roomDetial .roomOrNot {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-top: 4px;
}

/* 图片 */
.bg_back {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998;
}
.bg_picImg {
  width: 1084px;
  position: fixed;
  top: 70px;
  height: 604px;
  z-index: 999;
  left: 50%;
  transform: translate(-50%);
}
.bg_picImg img {
  width: 100%;
}

/* 搜索框 样式修改 */
#bgi-main {
  height: 100%;
  position: relative;
}
#searchTypeObj {
  vertical-align: top;
}
.history li {
  font-size: 14px;
}
.tab-pane .input-group-btn {
  vertical-align: top;
}
#content .flexBox {
  display: flex;
  align-items: center;
}
.HighSearch_btn {
  position: relative;
  left: 0;
  right: 0;
  margin-left: 16px;
  vertical-align: top;
}
.high_icon {
  left: 50%;
  transform: translate(-50%);
}
.tab-pane .main-input-group {
  display: inline-block;
  vertical-align: middle;
}

/* 设置工具弹窗 */
#index_toolManagement {
  z-index: 2024;
}
#index_toolManagement .modal-head {
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid #eee;
  background: #fff;
  border-radius: 16px 16px 0px 0px;
}
#index_toolManagement .modal-dialog {
  width: 1000px;
}
#index_toolManagement .modal-body {
  height: 416px;
  font-size: 0;
}
#indexToll_cancellation {
  width: 80px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333;
  background-color: #fff;
}

#indexToll_saveModify {
  width: 80px;
  height: 36px;
  /* background: var(--color-theme); */
  background: var(--color-theme);
  border-radius: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  border: 0;
  margin-left: 12px;
}
.toolDialog_top_title,
.toolBottomTitle {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
  color: #333;
}
.toolDialog_top_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #9e9e9e;
  margin-left: 16px;
}
.toolDialog_top_title font {
  color: var(--color-theme);
}
.toolBottomWrap {
  padding: 12px 0;
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
}
.toolDialog_top_wrap {
  max-height: 116px;
  background: #fafafa;
  border-radius: 4px;
  padding: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}
.toolBottomWrap {
  max-height: 116px;
  background: #fafafa;
  padding: 16px;
}
.toolDialog_top_wrap span {
  vertical-align: middle;
}
.dialogToolListNav {
  height: 36px;
  display: inline-block;
  line-height: 36px;
  margin-bottom: 12px;
  margin-right: 12px;
  text-align: center;
  padding: 0px 10px;
  border: 1px solid #f0f0f0;
  background-color: #fff;
  border-radius: 4px;
}

.dialogToolListNav img {
  width: 20px;
  height: 20px;
  background: #dbedff;
  vertical-align: middle;
  /* margin-right: 9px; */
  margin: 0px 4px;
}
.dialogToolListNav span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  /* vertical-align: middle; */
}
.indexDialog_tool_top .dialogToolListNav i {
  color: #d5d5d5;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 8px;
}

.indexDialog_tool_center {
  width: 100%;
  background-color: #f5f5f5;
  padding: 8px 0px;
  padding-left: 40px;
  display: flex;
  align-items: center;
  height: 56px;
}
.websiteTitle {
  margin-right: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.websiteInput {
  width: 240px;
  height: 32px;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid #ccc;
  padding-left: 16px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333;
  border-left: 0;
}
.websiteInput1 {
  margin-right: 32px;
  border-left: 1px solid #ccc;
}
.websiteInput2 {
  margin-right: 24px;
}

.addNewWebsite {
  width: 76px;
  height: 32px;
  /* background: var(--color-theme); */
  background: var(--color-theme);
  border-radius: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  border: 0;
}

.indexDialog_tool_bottom .allToolList {
  cursor: pointer;
  padding-left: 8px;
}
.indexDialog_tool_bottom .allToolList.active {
  border-radius: 4px;
  border: 1px solid var(--color-theme);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.indexDialog_tool_bottom .allToolList.active span {
  color: var(--color-theme);
}
.indexDialog_tool_bottom .allToolList i {
  margin: 0px 4px;
  font-size: 14px;
}
.allToolList .is_hover {
  opacity: 0;
  color: var(--color-theme);
}
.allToolList:hover .is_hover {
  opacity: 1;
}
.allToolList .is_click {
  color: #bcd6ff;
}

.dialogToolListNav .iconHead {
  margin: 0px 4px;
  border-radius: 4px;
  background-color: #e35b50;
  color: #fff;
  font-size: 14px;
  padding: 2px;
}
/* 兼容 */
/* @media (max-width : 1500px) {
    #bgi-main .tab-pane {
        width: 100%;
    }
    #bgi-main .main-input-group {
        width: 75%;
    }
    #searchTypeObj ,
    #lawSearchTypeObj ,
    #checkcaseSearchTypeObj {
        vertical-align: top;
        float: left;
        line-height: 48px;
        height: 48px;
    }
    #searchTypeObj button ,
    #lawSearchTypeObj button ,
    #checkcaseSearchTypeObj button{
        margin: 0;
    }
    #bgi-main .judicialcases_swiperbox {
        height: 100%;
        float: left;
        width: 46%;
        min-width: inherit;
    }
    #bgi-main .jufa-main-search {
        width: 100%;
        min-width: inherit;
    }

    .nav-tabs > li {
        margin: 0;
    }

    #morerouteType {
        text-align: center;
    }

    .checkbox-inline, .radio-inline {
        padding-left: 6px;
    }

    #lawType {
        text-align: center;  
        padding-left: 4%;
    }

    #law_history_list ,
    #case_history_list ,
    #checkcase_history_list  {
        width: 82%;
        min-width: inherit;
    }
} */

.modal-backdrop.in {
  display: block;
  opacity: 0.5;
}
.searchTab_ch,
.drop-option li {
  font-size: 14px;
}
.trends_wrap .zUserPhoto {
  vertical-align: middle;
  line-height: 30px;
  text-align: center;
}
.warp_business_main .zUserPhoto {
  width: 36px;
  height: 36px;
  cursor: pointer;
  vertical-align: middle;
}
.warp_business_main .zUserPhoto div {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
}
.modal-footer {
  margin: 0;
}

.miniProImg {
  display: none;
  width: 190px;
  height: 216px;
  position: absolute;
  left: 18px;
  top: 38px;
  z-index: 13;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #ccc;
}

.miniProImg p {
  position: absolute;
  top: 183px;
  text-align: center;
  width: 100%;
  font-size: 16px;
}

.electronicCode {
  width: 160px;
  height: 160px;
  position: absolute;
  left: 0;
  top: 13px;
  right: 0;
  /* bottom: 0; */
  margin: auto;
  border-radius: 8px;
}

.wrap_colleague_main .zUserPhoto div {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search_Wrap_main .nav > li > a {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  border-radius: 4px;
}

.jufa-tabs > li.active > a,
.jufa-tabs > li.active > a:focus,
.jufa-tabs > li.active > a:hover {
  border-radius: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1c6eea;
}
.high_icon {
  display: none;
}
#noHighSearch,
#noLawHighSearch {
  line-height: inherit;
  border-radius: 4px;
  width: auto;
  height: auto;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  padding: 6px 15px;
  top: 9px;
  letter-spacing: 0px;
  width: 86px;
}
.searchbuttombox .searchbuttombox_ysl.active {
  padding-right: 12px;
}
.lawFirm_header_headImg .zUserPhoto {
  vertical-align: middle;
}
.lawFirm_header_headImg .zUserPhoto img {
  vertical-align: top;
}
.lawFirm_header_headImg .zUserPhoto img {
  vertical-align: top;
}
.searchbuttombox_ysl span {
  font-weight: 600;
}
.tab-pane .input-group-btn:last-child > .btn {
  line-height: 32px;
  height: 32px;
  border-radius: 4px;
}
.tab-content .swiper-slide,
#SwiperLaw,
.tab-pane .main-input-group,
.judicialcases_swiperbox input,
.judicialcases_swiperbox div {
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  font-size: 14px;
}
#lawSearchConObj {
  line-height: 48px;
}
.input-group-addon,
.input-group-btn {
  height: 48px;
  line-height: 48px;
}
.tab-pane .input-group-btn:last-child > .btn {
  margin-top: 0;
  width: 100px;
  padding-left: 12px;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin: 0;
  font-size: 14px;
}
.dropdown-menu > li > a {
  font-size: 14px;
}
.bg-main {
  padding-top: 32px;
}
#lawType .law-label i {
  vertical-align: middle;
}
#content .laydate-day-mark::after {
  bottom: 0;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translateX(-50%);
  top: auto;
  right: 0;
  background-color: var(--color-theme);
}
.law-label.active .icon-chose {
  background: url(/static/Public/images/own-chose.png);
}
/* #checkcase , #activity {
    padding-bottom: 31px;
} */
.tab-pane .jufa-main-search {
  z-index: 1;
  background: 0;
  line-height: inherit;
}
#SwiperJudicialCases {
  z-index: 0;
  max-width: 400px;
  overflow-x: hidden;
}
.searchTab_ch {
  height: 32px;
  line-height: 24px;
}
.addWebBox {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}
.addWebBox ul {
  position: absolute;
  font-size: 14px;
  top: 36px;
  width: 103px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
}
.httpUlList li {
  padding: 8px 4px;
}
.httpUlList li:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}
.addWebBox .addWebleft {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  background-color: #fafafa;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 0px 14px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.addWebleft i {
  padding-left: 14px;
}
.search_Tab {
  top: 50px;
}
.drop-option,
.srh-drop {
  top: 52px;
}
#case_history_list,
#checkcase_history_list,
#law_history_list {
  top: 51px;
}
#case_history_list li,
#checkcase_history_list li,
#law_history_list li {
  /* height: 32px; */
  padding: 0px 10px;
  line-height: 32px;
}
.bg-main {
  padding: 20px 0px;
}
.searchbuttombox.active {
  padding: 0;
  padding-top: 16px;
}

.wrap_left_nav > div:first-child,
.wrap_right_nav > div:first-child {
  margin: 0;
}

/* 数据概览弹窗 待办事项 */
.overViewSettiongsModal_Ul .ovsm_list_swich {
  font-size: 30px;
  color: #c5c5c5;
  cursor: pointer;
}
.overViewSettiongsModal_Ul .ovsm_list_swich.active {
  color: var(--color-theme);
}
.overViewSettiongsModal_head {
  text-align: center;
  padding: 12px;
  padding-top: 24px;
  height: 66px;
  position: relative;
}

.overViewSettiongsModal_Title {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #333333;
}
.overViewSettiongsModal_head button {
  position: absolute;
  right: 12px;
  top: 12px;
}
.overViewSettiongsModal_Ul {
  height: 372px;
  overflow: auto;
}
.overViewSettiongsModal_list {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 30px;
  margin-top: 20px;
}
.ovsm_list_type {
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid;
  width: 38px;
  text-align: center;
}
.ovsm_list_type.project {
  /* 业务 */
  color: #3d7bfa;
  border: 1px solid #3d7bfa;
}
.ovsm_list_type.task {
  /* 任务 */
  color: #ffc31e;
  border: 1px solid #ffc31e;
}
.ovsm_list_type.customer {
  /* 客户 */
  color: #fe8f65;
  border: 1px solid #fe8f65;
}
.ovsm_list_type.approval {
  /* 审批 */
  color: #4be4b6;
  border: 1px solid #4be4b6;
}
.ovsm_list_type.index {
  /* 审批 */
  background-color: var(--color-theme);
  border: 0;
}

.ovsm_list_title {
  margin-left: 8px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ovsm_list_change {
  margin-left: 24px;
}
.ovsmChange {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  border: 1px solid #eee;
  cursor: pointer;
  margin-right: 6px;
}
#index_modal_OverviewSettings {
  z-index: 2024;
}
.overViewSettiongsModal_cancellation {
  border: 1px solid #dcdcdc;
  background-color: #fff;
  width: 80px;
  height: 36px;
  border-radius: 4px;
  margin-right: 6px;
  color: #333;
}
.overViewSettiongsModal_confirm {
  width: 80px;
  height: 36px;
  background: var(--color-theme);
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  border: 0;
  margin-left: 6px;
}

.nofilePic {
  text-align: center;
  height: 147px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* padding-top: 45px; */
  padding-top: 8px;
}

/* 23-11-01 修改 */
.wrap_colleague_main .zUserPhoto div,
.wrap_trends_nav .zUserPhoto div {
  background-color: #f2f2f2;
  font-size: 12px;
  /* font-family: PingFangSC-Regular, PingFang SC; */
  font-weight: 400;
  color: #666666;
}
#goMorePayment:hover span,
#goMorePayment:hover i,
#goMorePayment:hover font,
#goMoreApprove:hover span,
#goMoreApprove:hover i,
#goMoreApprove:hover font,
.predetermineTitleRight:hover span,
.predetermineTitleRight:hover i,
.predetermineTitleRight:hover font,
.noticeTitleText_goMore span:hover,
.noticeTitleText_goMore:hover i,
.noticeTitleText_goMore span:hover font,
.colleagueTitle_goMore:hover span,
.colleagueTitle_goMore:hover font,
.main_title_more:hover,
.colleagueTitle_goMore:hover i {
  /* color: var(--color-theme); */
  color: var(--color-theme);
}
#index_modal_Tools_commonDialog {
  z-index: 2024;
}
#index_modal_Tools_commonDialog .modal-head {
  text-align: center;
  padding: 12px;
  border-bottom: 1px solid #eee;
}
#index_modal_Tools_commonDialog .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.tools_dlalog_title {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #333333;
}
/* 弹窗列表 */
.tools_item_title {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #999999;
  margin-bottom: 12px;
}
.tools_list_dialog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  /* height: 20px; */
}
.tools_list_dialog_title {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
.toolListlItem i {
  font-size: 28px;
  cursor: pointer;
  color: #c5c5c5;
  /* height: 20px; */
  vertical-align: top;
}
.toolListlItem i.active {
  color: var(--color-theme);
}
.toolListlItem {
  margin-bottom: 12px;
}
.tools_ul_title {
  margin-top: 12px;
}
#index_modal_Tools_commonDialog .modal-content {
  position: relative;
}
#index_modal_Tools_commonDialog .modal-footer {
  /* text-align: center; */
  padding: 8px 0px;
  padding-right: 14px;
  height: 56px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.saveDialog_tools {
  width: 80px;
  height: 36px;
  background-color: var(--color-theme);
  border-radius: 3px;
  border: 0;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
}
.cancellationDialog_tools {
  width: 80px;
  height: 36px;
  background-color: #fff;
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000;
  border: 0;
  border: 1px solid #dcdcdc;
  color: #333;
  margin-right: 12px;
}
.business_pic img {
  width: 100%;
  height: 100%;
}
/* topTool_warp */
.topTool_warp::-webkit-scrollbar,
.toolListWrapNav::-webkit-scrollbar,
.notice_wrapUl::-webkit-scrollbar {
  transition: all 1000ms;
  width: 8px;
  background-color: #fff;
}
.topTool_warp::-webkit-scrollbar-thumb,
.toolListWrapNav::-webkit-scrollbar-thumb,
.notice_wrapUl::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.topTool_warp:hover ::-webkit-scrollbar-track-piece,
.toolListWrapNav:hover ::-webkit-scrollbar-track-piece,
.notice_wrapUl:hover ::-webkit-scrollbar-track-piece {
  /*鼠标移动上去再显示滚动条*/
  background-color: #fff;
  border-radius: 6px;
}
.topTool_warp:hover::-webkit-scrollbar-thumb:hover,
.toolListWrapNav:hover::-webkit-scrollbar-thumb:hover,
.notice_wrapUl:hover::-webkit-scrollbar-thumb:hover {
  background-color: #ebebeb;
}
.topTool_warp:hover::-webkit-scrollbar-thumb:vertical,
.toolListWrapNav:hover::-webkit-scrollbar-thumb:vertical,
.notice_wrapUl:hover::-webkit-scrollbar-thumb:vertical {
  background-color: #ebebeb;
  border-radius: 6px;
  outline: 2px solid #fff;
  outline-offset: -2px;
  border: 2px solid #fff;
}

#morerouteType {
  margin: 0;
}

/* 11-21  */
.colleagueListPersonName {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 8px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #3d3d3d;
}
.common_tool {
  padding: 24px;
  padding-bottom: 12px;
}
.common_tool_top {
  height: 40px;
  background: #f6f6f6;
  border-bottom: 1px solid #f0f0f0;
}
.common_tool_title {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  color: #333;
}
.common_tool_title[data-title="全部快捷方式"] {
  margin-bottom: 12px;
}
.common_tool_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #9e9e9e;
  margin-left: 16px;
}
.common_tool_title font {
  color: var(--color-theme);
}
.tool_dialog_item {
  font-size: 12px;
  line-height: 40px;
  position: relative;
  cursor: pointer;
}
.tool_dialog_item.active {
  color: var(--color-theme);
}
.tool_dialog_item.active::after {
  content: "";
  width: 16px;
  height: 2px;
  background: var(--color-theme);
  border-radius: 4px 4px 4px 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.common_tool_wrapper {
  align-items: center;
  text-align: center;
}

.common_tool_already_list {
  margin-top: 16px;
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
  justify-content: flex-start;
  max-height: 116px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fafafa;
  border-radius: 4px 4px 4px 4px;
  padding: 16px;
  padding-bottom: 0;
  min-height: 80px;
}
.common_already_item {
  margin-right: 20px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  width: 102px;
  height: 36px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #f0f0f0;
  padding: 0px 10px;
  justify-content: space-between;
}
.common_already_item i {
  margin-left: 6px;
  color: #d9d9d9;
  cursor: pointer;
  margin-top: 2px;
}

/* 全部 */
#all_common_toolList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 40px;
  padding-top: 16px;
  max-height: 116px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fafafa;
}

.tool_dialog_list_item {
  display: flex;
  margin-right: 16px;
  margin-bottom: 12px;
  align-items: center;
  cursor: pointer;
  width: 76px;
  height: 36px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #f0f0f0;
  justify-content: center;
  line-height: 36px;
  text-align: center;
}
.tool_dialog_list_item i {
  margin-left: 6px;
  color: #d9d9d9;
  display: none;
}
.tool_dialog_list_item .is_hover {
  color: var(--color-theme);
}
.tool_dialog_list_item:hover .is_hover {
  display: block;
}

.tool_dialog_list_item .is_click {
  color: #bcd6ff;
  display: block;
}

/* 数据概览---------- */
#index_modal_OverviewSettings .overViewSettiongsModal_body {
  padding: 0;
}
.overViewSettiongsModal_head {
  height: 48px;
  padding: 12px;
  border-bottom: 1px solid #eee;
}
.overview_already_list {
  padding: 24px 32px;
  padding-bottom: 12px;
  /* height: 237px; */
}
.overview_line {
  background-color: #e5e5e5;
  height: 1px;
}
.overview_bottomBox {
  padding: 24px;
  padding-top: 0;
  padding-bottom: 20px;
}
.overview_all_list {
  overflow-y: auto;
  overflow-x: hidden;
  width: 962px;
  max-height: 116px;
  background: #fafafa;
  border-radius: 4px 4px 4px 4px;
  padding: 16px;
}
#index_modal_OverviewSettings .modal-content {
  position: relative;
}
#index_modal_OverviewSettings .modal-footer {
  padding: 10px 12px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.overview_already_show {
  margin-top: 12px;
  width: 962px;
  max-height: 116px;
  background: #fafafa;
  border-radius: 4px 4px 4px 4px;
  padding: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}
.overview_showlist_item {
  margin-right: 18px;
  margin-bottom: 12px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  padding: 0px 10px;
}
.overview_name {
  display: inline-block;
  vertical-align: middle;
}
.overview_showlist_item i {
  margin-left: 12px;
  color: #d9d9d9;
  cursor: pointer;
  vertical-align: middle;
}

.overview_all_item {
  margin-right: 18px;
  margin-bottom: 8px;
  cursor: pointer;
  height: 36px;
  display: inline-block;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #f0f0f0;
  padding: 0px 10px;
  text-align: center;
  line-height: 36px;
}
.overview_all_item i {
  margin-left: 6px;
}
.overview_all_item .is_hover {
  color: var(--color-theme);
  opacity: 0;
}
.overview_all_item:hover .is_hover {
  opacity: 1;
}
.overview_all_item .is_click {
  color: #bcd6ff;
}
.tool_dialog_list_item.active,
.overview_all_item.active {
  display: none !important;
}

/* 快递信息 */
.wrap_delivery_main {
  width: 50%;
  display: inline-block;
  border-radius: 0px 8px 8px 0px;
}
.main_title_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  padding-left: 16px;
}
.main_title_name {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.main_title_more {
  cursor: pointer;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737a99;
}

.delivery_list_top,
.contract_list_top,
.Collection_list_top,
.property_list_top {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.contract_list_top {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.delivery_list_bottom,
.contract_list_bottom,
.procure_list_bottom,
.Collection_list_bottom,
.property_list_bottom {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-top: 4px;
  /* overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap; */
}
.delivery_list_bottom font {
  margin-left: 8px;
}
.delivery_list_bottom > span {
  margin-right: 24px;
  max-width: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.delivery_show_list {
  padding: 16px;
}
.delivery_list_item {
  font-size: 14px;
  padding: 8px 8px;
  margin: 4px 0px;
}

.list_dishow {
  min-height: 187px;
  padding: 0px 8px;
  /* padding: 4px 8px; */
  /* padding-bottom: 6px; */
}
.half_block {
  margin-bottom: 16px;
  background-color: #fff;
}
#content .setting_box[data-setting="line_half"] {
  width: calc(50% - 8px);
  vertical-align: middle;
  display: inline-block;
  border-radius: 8px;
  height: 242px;
  min-height: 242px;
}
#content .setting_box[data-setting="line_all"] {
  width: 100%;
  border-radius: 8px;
  margin-left: 0;
  height: 238px;
  min-height: 238px;
}
#content .setting_box[data-setting="line_all"] li {
  width: 50%;
}
.property_show_list {
  padding: 4px 16px;
}
.property_main[data-setting="line_half"] .property_list_item {
  width: 100%;
  font-size: 14px;
  padding: 8px 8px;
  margin: 4px 0px;
}
.property_main[data-setting="line_all"] .property_list_item {
  width: 50%;
  margin-bottom: 16px;
}

/* data-setting="line_half" */
.setting_box[data-setting="line_half"] .contract_show_list ul,
.setting_box[data-setting="line_half"] .contract_show_list_collection ul,
.setting_box[data-setting="line_half"] .property_show_list ul {
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  min-height: 190px;
}
.setting_box[data-setting="line_all"] ul {
  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
  /* height: 190px; */
}

/* 合同 */
.contract_list_item {
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  padding: 8px 8px;
  margin: 4px 0px;
}
/* 收款消息 */
.Collection_list_item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* width: 50%; */
  width: 100%;
  padding: 8px 8px;
}
/* 采购 */
.procure_list_item {
  cursor: pointer;
  font-size: 14px;
  padding: 8px 8px;
  margin: 4px 0px;
}
.procure_list_item:last-child {
  margin-bottom: 0;
}
.procure_list_bottom {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.procure_dept {
  margin-right: 24px;
  width: 149px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.procure_type {
  min-width: 120px;
}
/* 办公资源 */
.office_resources_box {
  height: 233px;
  border-radius: 8px;
}
.office_title {
  height: 40px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
}
#goMoreOffice {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #999999;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#goMoreOffice:hover {
  color: var(--color-theme);
}
.office_table {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 16px;
}
.office_thead {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.office_th_list {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #666666;
  background-color: #f9f9f9;
  padding: 10px 26px;
  min-width: 92px;
  width: 25%;
  text-wrap: nowrap;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.office_th_list:first-child {
  border-radius: 8px 0px 0px 0px;
}
.office_th_list:last-child {
  border-radius: 0px 8px 0px 0px;
  border-right: 0;
}
.office_tbody {
  width: 100%;
}
.office_td_list {
  display: flex;
  align-items: center;
  width: 100%;
}
.office_td_list {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.office_td_nav {
  padding: 10px 26px;
  min-width: 92px;
  width: 25%;
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.noticeTitle_Text {
  display: flex;
  align-items: center;
  width: 200px;
  margin: 0;
  height: 100%;
}

/* -------------------------------------------------------------- */
.content .jufa-tabs {
  text-align: initial;
  padding-left: 16px;
}
.search_Wrap_main .nav > li > a {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #a0a5bb;
  background-color: initial;
  padding: 0;
}
.search_Wrap_main .nav li {
  margin: 0px 20px;
}
.search_Wrap_main .nav li:first-child {
  margin-left: 0;
}
.search_Wrap_main .nav li:last-child {
  margin-right: 0;
}
.search_Wrap_main .nav > li > a::after {
  border: 0;
}
.jufa-tabs > li.active > a,
.search_Wrap_main .nav > li > a:hover {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  background-color: initial;
}
.bg-main {
  /* background-image() */
  background-image: url("/static/Public/lawFirm/img/homePage_banner_org.png");
  /* background-color: #ebf4ff; */
}
.search_Wrap_main {
  background-color: #fff;
  margin-bottom: 12px;
}
.tab-content {
  text-align: initial;
  padding: 0px 16px;
}
#noHighSearch,
#noLawHighSearch {
  /* 高级检索按钮 */
  position: initial;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  padding: 0;
}

#bgi-main .tab-pane {
  width: 100%;
}
#bgi-main .main-input-group {
  width: calc(100% - 108px);
  display: inline-block;
  height: 56px;
  line-height: 56px;
  padding-right: 96px;
  position: relative;
  border: 1px solid #d7e3f9;
  border-radius: 8px;
}
/*  */
.tab-content .swiper-slide,
.judicialcases_swiperbox div,
.tab-pane .jufa-main-search,
.input-group-btn {
  height: 56px;
  line-height: 56px;
}
.content .dropdown-menu-index {
  top: 54px;
}
#content .flexBox {
  display: initial;
  position: absolute;
  right: 0;
  top: -1;
  width: 96px;
  height: 56px;
  /* background: #0867EF; */
  /* background: linear-gradient(90deg, var(--color-theme) 0%, #d6a064 99%); */
  background: var(--color-theme);
  border-radius: 0px 8px 8px 0px;
}
#morerouteNewSearchObj,
#checkcaseSearchObj,
#lawNewSearchObj,
#newSearchObj {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
#noHighSearch,
#noLawHighSearch {
  /* background: #6B6BEB; */
  background: #ff8364;
  border-radius: 8px 8px 8px 8px;
}
.searchbuttombox {
  width: auto;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}
.searchbuttombox .searchbuttombox_ysl {
  color: #333;
}
.law-label {
  color: #333333;
}
#lawType .law-label {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
}
#morerouteType {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.moreroute-label {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  display: flex;
  align-items: center;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 14px;
  color: #3d3d3d;
}
#moreroute > .main-input-group {
  text-align: left;
}
.law-label i {
  margin-right: 6px;
}
.law-label.active {
  color: initial;
}
.law-label.active i {
  background-image: url("");
  /* color: #0867EF; */
  color: #d1a678;
}
#lawType {
  display: flex;
  align-items: center;
}

.moreroute-label.active .newicon-chose {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

/* 首页 ---- 新版模块部分 */
.homePage_module {
  /* margin-top: 16px; */
}

.wrap_left_nav {
  width: calc(100% - 352px);
}

/* 提示模块 */
.messageReminder_module {
  height: 102px;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
}
.messageReminder_title_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.messageReminder_title_list {
  display: flex;
  align-items: center;
}
.messageReminder_title_item {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #a0a5bb;
  margin-right: 32px;
  position: relative;
  cursor: pointer;
}
.messageReminder_title_item.active {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.messageReminder_title_item.active::after {
  content: "";
  width: 32px;
  height: 4px;
  background-color: var(--color-theme);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  border-radius: 98px;
}
.messageReminder_title_item:last-child {
  margin: 0;
}
.messageReminder_edit_btn i {
  color: var(--color-theme);
  cursor: pointer;
}
.search_Wrap_main .dropdown-menu > li > a:hover {
  /* background-color: #2472F1; */
  background: linear-gradient(90deg, var(--color-theme) 0%, #d6a064 99%);
}
.messageReminder_text {
  display: flex;
  align-items: center;
  /* height: 52px; */
  margin-top: 22px;
  cursor: pointer;
}
.messageReminder_text span {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 14px;
  color: #3d3d3d;
  margin-right: 4px;
}
.jump_tool_main {
  /* display: flex; */
  align-items: center;
}
/* 新版动态 */
.trends_title_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.title_left_text {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trends_type {
  background: var(--color-theme);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  padding: 0px 8px;
  border-radius: 4px;
}

/* 新版待办事项 -- 任务看板 */
.doSth_item_title {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #3d3d3d;
}
.doSth_title_name {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.doSth_title_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.doSth_more {
  cursor: pointer;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #737a99;
}
.quickActions_main {
  /* max-height: 222px; */
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  max-height: 222px;
  margin-bottom: 16px;
}
.quickActions_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quickActions_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.judicialcases_swiperbox {
  /* width: 30vw; */
  /* width: 75%; */
  width: calc(100% - 130px);
  height: 100%;
  min-width: initial;
  position: relative;
}
.judicialcases_swiperbox .close_icon {
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  color: #dcdcdc;
  cursor: pointer;
  display: none;
}

.judicialcases_swiperbox .clearSearch {
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  color: #dcdcdc;
  cursor: pointer;
  z-index: 2;
  display: none;
}

.tab-pane .jufa-main-search {
  min-width: initial;
  width: 100%;
}
.topTool_select_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #a0a5bb;
  cursor: pointer;
  margin-right: 32px;
}
.topTool_select_title span.active {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  position: relative;
}
.topTool_select_title span.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 4px;
  background: var(--color-theme);
  border-radius: 5px;
}
.topTool_select_title span[data-type="CommonFunctions"] {
  margin-left: 32px;
}
.quickActions_list {
  display: flex;
  flex-wrap: wrap;
  max-height: 168px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 12px;
  align-items: flex-start;
  justify-content: flex-start;
}
.quantity_newIndex_list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-height: 210px;
  overflow-x: hidden;
  overflow-y: auto;
}
.trends_wrap_list::-webkit-scrollbar,
.quantity_newIndex_list::-webkit-scrollbar,
.quickActions_list::-webkit-scrollbar {
  transition: all 1000ms;
  width: 8px;
  background-color: #fff;
}
.trends_wrap_list::-webkit-scrollbar-thumb,
.quantity_newIndex_list::-webkit-scrollbar-thumb,
.quickActions_list::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.trends_wrap_list::-webkit-scrollbar-track-piece,
.quantity_newIndex_list::-webkit-scrollbar-track-piece,
.quickActions_list::-webkit-scrollbar-track-piece {
  background-color: #fff;
  border-radius: 6px;
}
.trends_wrap_list::-webkit-scrollbar-thumb:hover,
.quantity_newIndex_list::-webkit-scrollbar-thumb:hover,
.quickActions_list:hover::-webkit-scrollbar-thumb:hover {
  background-color: #ebebeb;
}
.trends_wrap_list::-webkit-scrollbar-thumb:vertical,
.quantity_newIndex_list::-webkit-scrollbar-thumb:vertical,
.quickActions_list:hover::-webkit-scrollbar-thumb:vertical {
  background-color: #ebebeb;
  border-radius: 6px;
  outline: 2px solid #fff;
  outline-offset: -2px;
  border: 2px solid #fff;
}
.quickActions_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 105px;
  /* margin-bottom: 24px; */
  margin-bottom: 20px;
}
.quickActions_item[data-is_show="N"] {
  display: none;
}
.quickActions_item .quickActions_item_name {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #3d3d3d;
  white-space: nowrap;
}
.quickActions_item_pic {
  width: 40px;
  height: 40px;
  background-size: 100%;
  margin-bottom: 4px;
}

.quickActions_item_pic[data-name="发票审批"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_1.png");
}
.quickActions_item_pic[data-name="合同审批"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_2.png");
}
.quickActions_item_pic[data-name="盖章审批"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_3.png");
}
.quickActions_item_pic[data-name="申请报销"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_4.png");
}
.quickActions_item_pic[data-name="办公用品申领"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_5.png");
}
.quickActions_item_pic[data-name="日常事务申请"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_6.png");
}
.quickActions_item_pic[data-name="借用公章/资质"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_7.png");
}
.quickActions_item_pic[data-name="同事圈"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_8.png");
}
.quickActions_item_pic[data-name="添加客户"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_9.png");
}
.quickActions_item_pic[data-name="案源分配"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_10.png");
}
.quickActions_item_pic[data-name="结项归档"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_11.png");
}
.quickActions_item_pic[data-name="添加项目"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_12.png");
}
.quickActions_item_pic[data-name="计时"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_13.png");
}
.quickActions_item_pic[data-name="任务"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_14.png");
}
.quickActions_item_pic[data-name="任务分配"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_15.png");
}
.quickActions_item_pic[data-name="知识库"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_16.png");
}
.quickActions_item_pic[data-name="查看任务"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_17.png");
}
.quickActions_item_pic[data-name="项目款项认领"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_18.png");
}
.quickActions_item_pic[data-name="利冲检索"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_19.png");
}
.quickActions_item_pic[data-name="工商信息查询"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_20.png");
}
.quickActions_item_pic[data-name="报备案源"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_21.png");
}
.quickActions_item_pic[data-name="案源转立项"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_22.png");
}
.quickActions_item_pic[data-name="创建任务"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_23.png");
}
.quickActions_item_pic[data-name="通讯录"] {
  background-image: url("/static/Public/lawFirm/img/quickActionPictures_26.png");
}
.quickActions_item_pic[data-name="律所简介"] {
  background-image: url("/static/Public/lawFirm/img/zhuojian/Index/律所简介.png");
}
.quickActions_item_pic[data-name="卓建律师"] {
  background-image: url("/static/Public/lawFirm/img/zhuojian/Index/卓建律师.png");
}
.quickActions_item_pic[data-name="问题反馈"] {
  background-image: url("/static/Public/lawFirm/img/zhuojian/Index/问题反馈.png");
}
.quickActions_item_pic[data-name="文件对比"] {
  background-image: url("/static/Public/lawFirm/img/zhuojian/Index/文件对比.png");
}
/* 新增 */
.quickActions_item_pic[data-name="聚法AI"] {
  background-image: url("/static/Public/lawFirm/img/tool/聚法AI.png");
}
.quickActions_item_pic[data-name="司法案例"] {
  background-image: url("/static/Public/lawFirm/img/tool/司法案例.png");
}
.quickActions_item_pic[data-name="法律法规"] {
  background-image: url("/static/Public/lawFirm/img/tool/法律法规.png");
}
.quickActions_item_pic[data-name="法律招标库"] {
  background-image: url("/static/Public/lawFirm/img/tool/法律招标库.png");
}
.quickActions_item_pic[data-name="类案专题库"] {
  background-image: url("/static/Public/lawFirm/img/tool/类案专题库.png");
}
.quickActions_item_pic[data-name="检察文书"] {
  background-image: url("/static/Public/lawFirm/img/tool/检察文书.png");
}
.quickActions_item_pic[data-name="合同审查"] {
  background-image: url("/static/Public/lawFirm/img/tool/合同审查.png");
}
.quickActions_item_pic[data-name="查失信"] {
  background-image: url("/static/Public/lawFirm/img/tool/查失信.png");
}
.quickActions_item_pic[data-name="录音转文字"] {
  background-image: url("/static/Public/lawFirm/img/tool/录音转文字.png");
}
.quickActions_item_pic[data-name="智能纠错"] {
  background-image: url("/static/Public/lawFirm/img/tool/智能纠错.png");
}
.quickActions_item_pic[data-name="文书排版"] {
  background-image: url("/static/Public/lawFirm/img/tool/文书排版.png");
}
.quickActions_item_pic[data-name="计算器集"] {
  background-image: url("/static/Public/lawFirm/img/tool/计算器集.png");
}
.quickActions_item_pic[data-name="pdf转word"] {
  background-image: url("/static/Public/lawFirm/img/tool/pdf转word.png");
}
.quickActions_item_pic[data-name="合同模板"] {
  background-image: url("/static/Public/lawFirm/img/tool/合同模板.png");
}
.quickActions_item_pic[data-name="查企业"] {
  background-image: url("/static/Public/lawFirm/img/tool/查企业.png");
}
.quickActions_item_pic[data-name="查专利"] {
  background-image: url("/static/Public/lawFirm/img/tool/查专利.png");
}
.doSth_content {
  margin-top: 16px;
}
.doSth_content_title {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.doSth_content_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin: 0px 16px;
}
.doSth_content_title i {
  cursor: pointer;
}
#calendar {
  height: 75px;
  background: #fafafa;
  border-radius: 4px 4px 4px 4px;
  margin-top: 8px;
  display: flex;
  padding: 4px 16px;
}
.calendar_item {
  width: 34px;
  height: 67px;
  margin-right: 5px;
  padding: 12px 0px;
  cursor: pointer;
}
.calendar_item:last-child {
  margin: 0;
}
.calendar_item.active {
  background: #ffedd9;
  border-radius: 4px;
}
.calendar_item span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333;
  text-align: center;
  display: block;
}
.calendar_item span:last-child {
  margin-top: 6px;
}
.has_task {
  position: relative;
}
.has_task::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: var(--color-theme);
  border-radius: 50%;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.calendar_item_date {
  position: relative;
}
.doSth_content #calendar .is_today {
  background-color: var(--color-theme);
  padding: 4px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-top: 2px;
  margin-left: 5px;
  color: #fff;
}
._loading {
  background: url(/static/Public/images/risk-loading.gif) no-repeat;
  background-size: 90px;
  width: 100%;
  height: 100%;
  background-position: center;
  height: 200px;
}
.doSthListShow {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  display: flex;
  align-items: flex-start;
}
.doSth_round {
  width: 7px;
  height: 7px;
  background: var(--color-theme);
  border-radius: 50%;
  margin-top: 6px;
}
.doSth_line {
  height: 40px;
  border: 1px dotted #ccc;
  width: 1px;
  margin-left: 2.7px;
  margin-top: 3px;
}
.doSthListRight {
  margin-left: 6px;
}
.doSthContent {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.doSthListBottom {
  margin-top: 4px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #b5b5b5;
}
.contentShow {
  display: none;
  width: 100%;
}

#projectChart {
  height: 375px;
  width: 100%;
}
#financeChart {
  width: 100%;
  height: 185px;
}
#content .wrap_left_nav .legend_module {
  height: 515px;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
}
#content .wrap_left_nav .legend_module[data-setting="line_half"] {
  width: calc(50% - 8px);
  display: inline-block;
  vertical-align: middle;
}
#content .wrap_left_nav .legend_module[data-setting="line_all"] {
  width: 100%;
}
.whole_row_module {
  width: 100%;
  height: 287px;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.projectTrends_quantity {
  /* height: 88px; */
  display: flex;
  align-items: center;
}
.quantityOf_project,
.quantityOf_customers {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  display: flex;
  flex-direction: column;
}
._numText {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 22px;
  color: #fb6d30;
}
._newAdd {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #0052d9;
}
.quantityOf_customers {
  margin-left: 100px;
}
#taskChart {
  width: 100%;
  height: 240px;
}
#addProjectChart {
  width: 100%;
  height: 206px;
}
.financial_quantity_content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.financial_item {
  width: calc(50% - 8px);
  background-color: #faf7f5;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  margin-right: 8px;
}
.financial_item .financial_item_text_1 {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.financial_item .financial_item_text_2 {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #fb6d30;
}
.financial_item .financial_item_text_3 {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-theme);
}
.financial_legend {
  margin-top: 16px;
}

#officeChart {
  width: 100%;
  height: 180px;
}
#officeNumChart {
  width: 100%;
  height: 390px;
}
.zChartPercentBar_item {
  padding: 8px 16px !important;
}
#personChart {
  width: 100%;
  height: 235px;
}
.overviewOfPersonnelData_main {
  height: 261px;
}
.overviewOfPersonnelData_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.dialog_icon_btn {
  color: #737a99;
  cursor: pointer;
}
.overview_text_1 {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #3d3d3d;
}
.overview_text_2 {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #fb6d30;
}
.overview_text_3 {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #0052d9;
}
.overviewOfPersonnelData_nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.overviewPersonnel_item {
  width: 170px;
  height: 90px;
  background: #faf7f5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-right: 16px;
  margin-top: 16px;
  padding: 12px;
}
.overviewPersonnel_item:last-child {
  margin-right: 0;
}
.overview_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 16px;
}
.overviewImage {
  width: 35px;
  height: 35px;
}
.overviewImage[data-title="总所总人数"] {
  background: url(/static/Public/images/overviewImage_6.png) no-repeat;
  background-size: 100%;
}
.overviewImage[data-title="分所总人数"] {
  background: url(/static/Public/images/overviewImage_2.png) no-repeat;
  background-size: 100%;
}
.overviewImage[data-title="总所部门数"] {
  background: url(/static/Public/images/overviewImage_1.png) no-repeat;
  background-size: 100%;
}
.overviewImage[data-title="总所团队数"] {
  background: url(/static/Public/images/overviewImage_4.png) no-repeat;
  background-size: 100%;
}
.overviewImage[data-title="创始合伙人"] {
  background: url(/static/Public/images/overviewImage_3.png) no-repeat;
  background-size: 100%;
}
.overviewImage[data-title="高级合伙人"] {
  background: url(/static/Public/images/overviewImage_3.png) no-repeat;
  background-size: 100%;
}
.overviewImage[data-title="合伙人"] {
  background: url(/static/Public/images/overviewImage_8.png) no-repeat;
  background-size: 100%;
}
.overviewImage[data-title="专职律师"] {
  background: url(/static/Public/images/overviewImage_5.png) no-repeat;
  background-size: 100%;
}
.projectTrends_text,
.taskProject_text {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  display: none;
}
.projectTrends_text {
  margin-top: 10px;
  margin-bottom: 16px;
}
._allNum {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.even-row {
  margin-left: 16px;
}

/* 统计图 整行 */
#content .financial_Overview_main[data-setting="line_all"] {
  height: 344px;
}
#content .financial_Overview_main[data-setting="line_all"] .financial_content {
  display: flex;
  align-items: center;
}
/* #content .financial_Overview_main[data-setting="line_all"] .financial_item {
  margin-left: 8px;
} */
#content .financial_Overview_main[data-setting="line_all"] .financial_quantity {
  width: calc(50% - 8px);
}
#content .financial_Overview_main[data-setting="line_all"] .financial_legend {
  width: calc(50% - 8px);
  margin-left: 8px;
}
#content .office_resources_main[data-setting="line_all"] {
  height: 337px;
}
#content .office_resources_main[data-setting="line_all"] .office_legend {
  display: flex;
  align-items: center;
}
.office_resources_main[data-setting="line_all"] #officeNumChart {
  height: 310px;
}
#content .office_resources_main[data-setting="line_all"] .office_content {
  height: 100%;
}
.office_quantity_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.office_switch {
  width: 130px;
  height: 34px;
  background: #f0f0f0;
  border-radius: 4px;
  padding: 2px;
  display: flex;
  align-items: center;
}
.office_switch_item {
  width: 62px;
  height: 30px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.office_switch_item.active {
  background-color: #fff;
  border-radius: 4px;
}
.overview_all_switch_title_item {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  position: relative;
  margin-right: 32px;
}
.overview_all_switch_title_item.active {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-theme);
}
.overview_all_switch_title_item.active::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 2px;
  background: var(--color-theme);
  border-radius: 4px 4px 4px 4px;
  left: 50%;
  transform: translate(-50%);
  bottom: -8px;
}
.overview_all_switch {
  width: 962px;
  height: 40px;
  background: #f0f0f0;
  box-shadow: inset 0px -1px 0px 0px #f0f0f0;
  border-radius: 4px 4px 0px 0px;
  padding: 12px 32px;
}
.overview_all_content {
  margin-top: 12px;
}

.common_tool_content {
  height: 184px;
  width: 962px;
  margin: 0 auto;
}
.indexDialog_tool_bottom {
  padding: 16px;
  padding-top: 0;
  /* margin-top: 12px; */
  /* margin-bottom: 24px; */
}
.commonlyUsed_already {
  padding: 16px;
  padding-bottom: 12px;
}
.toolDialog_top_title {
  margin-bottom: 12px;
}
.toolBottomTitle {
  margin-bottom: 12px;
}
#index_toolManagement .modal-content {
  position: relative;
}
#index_toolManagement .modal-footer {
  padding: 10px 12px;
  padding-top: 8px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* 快捷操作弹窗 */
#index_modal_quick_actions {
  z-index: 2024;
}
#index_modal_quick_actions .modal-head {
  height: 48px;
  text-align: center;
  padding: 12px;
  border-bottom: 1px solid #eee;
}
.quickActions_dlalog_title {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}
#index_modal_quick_actions .modal-body {
  padding: 24px;
}
.quickActions_tool_title {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}
.quickActions_tool_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #9e9e9e;
  margin-left: 16px;
}
.quickActions_tool_title font {
  color: var(--color-theme);
}
.quickActions_tool_already_list {
  width: 962px;
  max-height: 116px;
  background: #fafafa;
  border-radius: 4px 4px 4px 4px;
  margin-top: 12px;
  /* display: flex; */
  flex-wrap: wrap;
  padding: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
}
.quickActions_tool_content {
  margin-top: 12px;
}
#all_quickActions_toolList {
  margin-top: 12px;
  max-height: 116px;
  background-color: #fafafa;
  border-radius: 4px;
  padding: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}
#quickActions_cancel {
  width: 80px;
  height: 36px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #dddddd;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  background-color: #fff;
  margin-right: 12px;
}
#quickActions_save {
  width: 80px;
  height: 36px;
  background: var(--color-theme);
  border-radius: 4px 4px 4px 4px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  border: 0;
}
#index_modal_quick_actions .modal-content {
  position: relative;
}
#index_modal_quick_actions .modal-footer {
  padding: 6px 12px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.quickActions_dialog_item {
  min-width: 102px;
  height: 36px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #f0f0f0;
  padding: 0px 10px;
  margin-right: 12px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  display: inline-block;
  line-height: 32px;
  margin-bottom: 12px;
}
.quickActions_all_item {
  min-width: 76px;
  height: 36px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #f0f0f0;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-right: 12px;
  padding: 0px 10px;
  cursor: pointer;
  margin-bottom: 12px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
}
.quickActions_all_item.active {
  display: none;
}
.quickActions_dialog_item i {
  margin-left: 12px;
  color: #d9d9d9;
  cursor: pointer;
  vertical-align: middle;
  float: right;
}
#morerouteChoiceObj {
  color: #a0a5bb !important;
  background-color: initial;
}
#morerouteChoiceObj:hover {
  color: #333 !important;
}
.newicon-chose {
  background: url(/static/Public/images/index_search_icon_noPic.png) center/12px 12px no-repeat;
  border: 0;
}
.moreroute-label.active .newicon-chose {
  background: url(/static/Public/images/index_search_icon_Pic.png) center/12px 12px no-repeat;
}
.wrap_colleague_main .zUserPhoto img {
  width: 100%;
  height: 100%;
}
.wrap_colleague_main .zUserPhoto div {
  margin-top: 0;
}

/* ------------------------整条样式 */
#guidance_Pending_payments[data-setting="line_all"] .payment_collectionListNav {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
}
#guidance_Pending_payments[data-setting="line_all"] .paymentList {
  margin: 2px 0px;
}
#guidance_contract_information[data-setting="line_all"] .contract_list_item {
  width: calc(50% - 8px);
}
#guidance_approval_information[data-setting="line_all"] .approveUl {
  display: flex !important;
}
#guidance_approval_information[data-setting="line_all"] .approveListShow {
  width: calc(50% - 8px);
}
#content #guidance_express_information[data-setting="line_all"] ul {
  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
  /* height: 190px; */
}
#content #guidance_express_information[data-setting="line_all"] .delivery_list_item {
  width: calc(50% - 8px);
  padding: 8px 0px;
  margin: 4px 0px;
}
/* -------- */
.modal_check_dom div:first-child {
  margin-top: 0;
}
.modal_check_dom div:nth-of-type(2) {
  margin-top: 0;
}
.office_legend_num {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  text-align: center;
  margin: 16px 0px;
}
.office_legend_num font {
  color: #fb6d30;
}
#guidance_office .zChartPercentBar_item {
  margin: 8px 0px;
}
.no_read {
  width: 10px;
  height: 6px;
  background: var(--color-theme);
  border-radius: 50%;
  margin-right: 8px;
}
#content .homePage_module #guidance_taskProject[data-setting="line_all"] {
  height: 274px;
}
#content .homePage_module #guidance_taskProject[data-setting="line_all"] .taskProject_legend {
  display: flex;
}
#guidance_taskProject[data-setting="line_all"] .taskChart_box,
#guidance_taskProject[data-setting="line_all"] .addProjectChart {
  width: calc(50% - 8px);
}
.top_modul_noMagrin {
  margin-top: 0 !important;
}
/*  */
.doSthTask_val {
  margin-top: 12px;
}
#Task_input {
  width: 304px;
  height: 32px;
  background: #fafafa;
  border-radius: 4px 4px 4px 4px;
  border: 0;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #737a99;
  padding: 7px 12px;
}
.zForm_input_number input:read-only {
  max-width: 50%;
}

/* 项目进程 */
.project_progress_main {
  min-height: 458px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.progress_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress_title span {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}
.progress_title i {
  font-size: 16px;
  color: #737a99;
  cursor: pointer;
}
.progress_list {
  margin-top: 16px;
}
.progress_list_item {
  min-height: 120px;
  background: #f9f7f5;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 16px;
}
.progress_list_item:last-child {
  margin-bottom: 0;
}
.progress_list_itemp[data-genre="个人项目"] .progress_silde_item[data-t="approval"],
.progress_list_itemp[data-genre="个人项目"] .progress_silde_item[data-t="chapter"] {
  display: none;
}
.project_name_type {
  display: flex;
  align-items: center;
}
.progress_item_project_type {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-theme);
  padding: 0px 8px;
  border: 1px solid var(--color-theme);
}
.progress_item_project_name {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-left: 8px;
}
.project_information div {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #737a99;
  margin-right: 24px;
}
.progress_item_details {
  padding: 16px;
  border-bottom: 1px solid #f0e8e1;
}
.project_information {
  display: flex;
  align-items: center;
  padding-left: 64px;
  margin-top: 8px;
}
.progress_item_silde {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 10px 16px;
}
.progress_silde_item {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #3d3d3d;
  margin-right: 32px;
}
.progress_silde_item.active {
  position: relative;
  color: var(--color-theme);
}
.progress_silde_item.active::after {
  width: 18px;
  height: 2px;
  background: var(--color-theme);
  border-radius: 333px;
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
}
.progress_item_launch {
  /* height: 160px; */
  max-height: 160px;
}
.progress_launch_overview {
  height: 40px;
  background: #f1f0ee;
  border-radius: 0px 0px 0px 0px;
}
.progress_launch_bar {
  height: 40px;
  border-bottom: 1px solid #eee;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.progress_launch_overview {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #737a99;
  display: flex;
  align-items: center;
  padding: 0px 16px;
}
.progress_launch_overview span {
  margin-right: 24px;
}
.progress_launch_overview .progress_last_span {
  margin-right: 8px;
}
.launch_length {
  width: 265px;
  height: 8px;
  background: rgba(209, 166, 119, 0.2);
  border-radius: 222px 222px 222px 222px;
}
.launch_length div {
  width: 70%;
  background-color: var(--color-theme);
  display: block;
  height: 100%;
  border-radius: 222px;
}
.progress_launch_bar i {
  color: var(--color-theme);
  margin-right: 12px;
  cursor: pointer;
}
.progress_launch_bar {
  padding: 0px 16px;
}
.progress_launch_bar .progress_launch_name {
  /* width: 165px; */
  overflow: hidden;
  margin-right: 24px;
}
.progress_launch_time {
  margin-right: 32px;
}
.launch_length_num {
  margin-left: 8px;
}
.show_content_arr {
  display: none;
}

.index_card_bottom span {
  margin-right: 24px;
  margin-bottom: 8px;
  /* max-width: 154px; */
  width: 154px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index_card_bottom span:last-child {
  margin-right: 0;
}
.index_card_bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#lawSearchTipsObj li>font{
  color: #fff;
  font-size: 12px;
  /* background: #36a9ce; */
  display: inline-block;
  padding: 0px 6px;
  border-radius: 4px;
  margin-right: 8px;
  vertical-align: middle;
  line-height: 24px;
}
#lawSearchTipsObj li>font[data-type="全国法规"] {
  background-color: #FFAE47;
  color: #fff;
}
#lawSearchTipsObj li>font[data-type="地方法规"] {
  background-color: #58A7CA;
  color: #fff;
}
#lawSearchTipsObj {
  margin-top: 4px;
}
#lawSearchTipsObj .co_2, #lawSearchTipsObj .co_2 ,
#lawSearchTipsObj .co_1 {
  font-size: 12px;
}

/* 公共案源 */
#content .wrap_left_nav .publicRecordSource {
  /* display: none; */
  height: 336px;
  border-radius: 8px;
  padding: 16px;
}
.pubilc_title {
  padding: 0;
}
.pubilc_value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.pubilc_value {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.pubilc_value font {
  color: var(--color-theme);
}
.pubilc_table {
  margin-top: 12px;
}
.pubilc_table_head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
  background-color: #f9f9f9;
  padding: 0px 12px;
}
.pubilc_table_list>div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
  border-bottom: 1px solid #eee;
  padding: 0px 12px;
}
.pubilc_table_head>div , 
.pubilc_table_list>div div {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.source_table_time ,
.source_table_content {
  width: 20%;
}
.source_table_content {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.source_table_type  {
  width: 10%;
}
.source_table_change {
  width: 5%;
}
.source_table_project {
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.source_table_user ,
.source_table_num {
  width: calc(30% / 2);
}
.pubilc_table_list .source_table_change {
  cursor: pointer;
  color: var(--color-theme);
}