body {
  overflow-x: hidden;
}

.project-services-header {
  width: 100%;
  height: 22.5rem;
  background-color: #3d7ee2;
  padding-top: 1.25rem;
  background: url(project-services-banner.png) no-repeat center;
  background-size: 100% 100%;
}
.project-services-header-top {
  width: 100%;
  padding: 0 3.125rem;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.project-services-nav {
  margin-right: 1.875rem;
}
.project-services-nav li {
  font-size: 0.9375rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 500;
  margin-left: 1.25rem;
}
.project-services-nav li a {
  color: #ffffff;
}
.project-services-header-centent {
  padding-top: 4.6875rem;
}
.project-services-logo {
  width: 11.6875rem;
  margin-bottom: 2.0625rem;
}
.project-services-logo img {
  display: block;
  width: 100%;
}
.project-services-search-tag {
  margin-bottom: 1rem;
}
.project-services-search-tag li {
  font-size: 0.9375rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  margin-right: 1.4375rem;
  cursor: pointer;
}
.project-services-search-tag li::after {
  display: block;
  content: "";
  width: 0%;
  height: 0.3125rem;
  background-image: linear-gradient(
    270deg,
    rgba(98, 249, 255, 0) 0%,
    #62f9ff 100%
  );
  border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  -o-border-radius: 0.3125rem;
  margin-top: -0.1875rem;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.project-services-search-tag li.active {
  font-weight: 500;
}
.project-services-search-tag li.active::after {
  width: 50%;
}
.project-services-search-form {
  width: 32rem;
  height: 3.75rem;
  background: rgba(255, 255, 255, 0.65);
  border: 0.0375rem solid rgba(255, 255, 255, 1);
  border-radius: 2.1875rem;
  -webkit-border-radius: 2.1875rem;
  -moz-border-radius: 2.1875rem;
  -ms-border-radius: 2.1875rem;
  -o-border-radius: 2.1875rem;
  padding: 0.375rem;
  overflow: hidden;
}
.project-services-search-form form {
  width: 100%;
  display: flex;
}
.project-services-search-form .search-input-text {
  width: 92%;
  padding-left: 1.5rem;
  font-size: 1rem;
  color: #333b57;
  letter-spacing: 1px;
  font-weight: 400;
  /* height: 100%; */
  background-color: transparent;
  flex: 1;
}
.project-services-search-form .search-input-button {
  width: 6.125rem;
  height: 3rem;
  background-image: linear-gradient(115deg, #1e78ff 0%, #10abff 100%);
  box-shadow: 0px 0.5rem 0.875rem 0px rgba(139, 149, 168, 0.1);
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  color: #ffffff;
  background: url(search-btn.svg) no-repeat 1.1875rem center,
    linear-gradient(115deg, #1e78ff 0%, #10abff 100%);
  padding-left: 2.125rem;
  /* background-size: .875rem .875rem; */
}

.project-services-module-title {
  width: 100%;
  line-height: 3.125rem;
  background-image: linear-gradient(
    270deg,
    rgba(47, 115, 228, 0.19) 0%,
    rgba(47, 115, 228, 0) 52%,
    rgba(47, 115, 228, 0.2) 100%
  );
  text-align: center;
}
.project-services-module-title span {
  font-size: 1.25rem;
  color: #0c377d;
  letter-spacing: 0.125rem;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.project-services-module-title span::after,
.project-services-module-title span::before {
  display: block;
  content: "";
  width: 6.875rem;
  height: 0.6875rem;
  margin: 0 2.5rem;
}
.project-services-module-title span::after {
  background: url(title-decor-right.svg) no-repeat;
  background-size: 100% 100%;
}
.project-services-module-title span::before {
  background: url(title-decor-left.svg) no-repeat;
  background-size: 100% 100%;
}
/* 主体内容 */
.project-services-main-content {
  padding: 2.5rem;
  width: 100%;
  background: linear-gradient(to bottom, #ffffff, #f1f5fd);
}

/* 一清单 */
.project-bucket-list-button {
  text-align: right;
  margin-bottom: 0.75rem;
}
.project-bucket-list-button .servers-module-expand {
  display: inline-block;
}
.project-bucket-list {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0.5rem 1rem 0px rgba(0, 58, 134, 0.2);
  padding: 1.25rem 1.25rem 0.625rem 1.25rem;
  /* min-height: 25rem; */
}

/* 项目资讯 */
.project-services-information-img {
  width: 35.25rem;
  height: 23.0625rem;
}
.project-services-information-swiper {
  position: relative;
  overflow: hidden;
}
.project-services-information-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-information-item-description {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 3rem;
  background: rgba(0, 0, 0, 0.76);
  font-size: 1rem;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 500;
  padding: 0 9.375rem 0 1.25rem;
}
.information-swiper-pagination .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-bullets {
  text-align: right;
  padding-right: 1.25rem;
  bottom: 1rem !important;
}

.information-swiper-button-next,
.information-swiper-button-prev {
  width: 1.625rem;
  height: 1.625rem;
}
.information-swiper-button-next {
  background: url(switch-arrows.svg) no-repeat;
  background-size: 100% 100%;
}
.information-swiper-button-prev {
  background: url(switch-arrows.svg) no-repeat;
  background-size: 100% 100%;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.project-services-information-list {
  width: 38.5rem;
  margin-left: 1.25rem;
}
.project-services-tabcut-hd {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-bottom: 0.0625rem solid #1e78ff;
  padding-bottom: 0.9375rem;
}
.project-services-tabcut-hd .project-services-tabcut-item {
  font-size: 1.125rem;
  line-height: 1.5625rem;

  letter-spacing: 0;
  font-weight: 400;
  margin-right: 1.875rem;
}
.project-services-tabcut-hd
  .project-services-tabcut-item
  .project-services-tabcut-item-ctitle {
  color: #333333;
  font-weight: 350;
}
.project-services-tabcut-item .project-services-tabcut-item-ctitle::after {
  display: block;
  content: "";
  width: 0%;
  height: 0.5625rem;
  background-image: linear-gradient(
    270deg,
    rgba(98, 249, 255, 0) 0%,
    #62f9ff 100%
  );
  border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  -o-border-radius: 0.3125rem;
  margin-top: -0.5rem;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.project-services-tabcut-hd
  .project-services-tabcut-item.active
  .project-services-tabcut-item-ctitle {
  font-weight: 500;
}
.project-services-tabcut-item.active
  .project-services-tabcut-item-ctitle::after {
  width: 50%;
}
.project-services-tabcut-hd .project-services-item:last-child {
  margin-right: 0;
}
.project-services-tabcut-hd .project-services-tabcut-item-more {
  position: absolute;
  top: 0.3125rem;
  right: 0;
  font-size: 0.875rem;
  color: #2f73e3;
  letter-spacing: 0;
  font-weight: 400;
  display: none;
}

.project-services-tabcut-item.active .project-services-tabcut-item-more {
  display: block;
}

.project-services-information-tabcut-content li {
  line-height: 3.375rem;
  border-bottom: 0.0525rem dashed rgba(238, 238, 238, 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.project-services-information-tabcut-content li .information-title {
  display: block;
  width: 80%;
}
.project-services-information-tabcut-content li .information-time {
  font-size: 0.875rem;
  color: rgba(51, 51, 51, 0.74);
  letter-spacing: 0;
  font-weight: 400;
}

/* 项目全生命周期服务 */
.project-services-life-cycle-content {
  min-height: 18.0419rem;
}
.project-life-cycle-type {
  margin: 0 0 1.375rem 10.3125rem;
}
.project-services-life-cycle-phases-title {
  width: 18.125rem;
  margin-top: 4.75rem;
  background: #f8fafe;
}
.project-services-life-cycle-phases-title li {
  line-height: 3.75rem;
  font-size: 1.125rem;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  position: relative;
  padding-left: 1.25rem;
  cursor: pointer;
  margin-bottom: 0.375rem;
}
.project-services-life-cycle-phases-title li.active {
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 0.125rem 0.1875rem rgba(24, 83, 194, 0.5);
}
.project-services-life-cycle-phases-title li.active::before {
  display: block;
  content: "";
  width: 0.1875rem;
  height: 46%;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.project-services-life-cycle-phases-title li:nth-child(1).active {
  background: url(project-point1.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-life-cycle-phases-title li:nth-child(2).active {
  background: url(project-point2.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-life-cycle-phases-title li:nth-child(3).active {
  background: url(project-point3.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-life-cycle-phases-title li:nth-child(4).active {
  background: url(project-point4.png) no-repeat;
  background-size: 100% 100%;
}
.life-cycle-phases-service-tabcut-hd {
  margin-bottom: 1rem;
}
.life-cycle-father-phases-tabcut-bd {
  flex: 1;
  margin-left: 1.25rem;
  padding-top: 0.9375rem;
}
.life-cycle-phases-workflows {
  padding-top: 2.375rem;
}
/* .life-cycle-phases-workflows img {
  display: block;
  width: 96%;
} */
.life-cycle-phases-serverlist {
  /* padding-left: 1.875rem; */
}
.life-cycle-phases-serverlist ul {
  margin-left: 1.875rem;
}
.life-cycle-phases-serverlist .empty-state {
  min-height: 17.5rem;
}
.life-cycle-phases-serverlist ul {
  display: flex;
  flex-wrap: wrap;
}
.life-cycle-phases-serverlist ul li {
  font-size: 1rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 2.25rem;
  font-weight: 400;
  width: 6.875rem;
  margin-right: 4.375rem;
}
.life-cycle-phases-serverlist ul li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 0.625rem;
}

.life-cycle-phases-serverlist ul li a::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: #333333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.life-cycle-phases-serverlist ul li a:hover {
  color: #2f73e4;
}
.life-cycle-phases-serverlist ul li a:hover::before {
  background-color: #2f73e4;
}
.life-cycle-phases-serverlist ul li:nth-child(5n) {
  margin-right: 0;
}
/* 我的项目 */
.project-services-myprojects-content {
  justify-content: space-around;
}
.project-services-myprojects-list {
  width: 38.75rem;
  display: flex;
  flex-direction: column;
}
.project-services-myprojects-list ul {
  /*margin-bottom: 0.75rem;*/
}
.project-services-myprojects-advisory {
  width: 35.25rem;
  height: 24.25rem;
  background: url(myprojects-advisory-bg.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-myprojects-advisory a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 3.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.project-services-myprojects-advisory-title {
  width: 13.625rem;
  margin-bottom: 2.25rem;
}
.project-services-myprojects-advisory-title img {
  display: block;
  width: 100%;
}
.myprojects-advisory-button {
  max-width: 7.875rem;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #2f73e4;
  letter-spacing: 0;
  font-weight: 500;
  padding: 0.625rem 0.875rem 0.625rem 2.5rem;
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
  background: url(advisory-button-icon.svg) no-repeat 0.875rem center #ffffff;
}
.project-services-myprojects-list li {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0.3125rem 0.5rem 0px rgba(22, 52, 128, 0.08);
  border-radius: 0.125rem 1.5rem 0.125rem 0.125rem;
  min-height: 6.875rem;
  -webkit-border-radius: 0.125rem 1.5rem 0.125rem 0.125rem;
  -moz-border-radius: 0.125rem 1.5rem 0.125rem 0.125rem;
  -ms-border-radius: 0.125rem 1.5rem 0.125rem 0.125rem;
  -o-border-radius: 0.125rem 1.5rem 0.125rem 0.125rem;
  padding: 1rem 1.125rem 0.625rem 1.125rem;
  position: relative;
  margin-bottom: 0.875rem;
}
.project-services-myprojects-list li:last-child {
  margin-bottom: 0;
}
.project-services-myprojects-list li .myprojects-list-title {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
}
.project-services-myprojects-list li .myprojects-list-assistinfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.project-services-myprojects-list li .myprojects-list-assistinfo span {
  display: block;
  margin-right: 1rem;
  font-size: 0.875rem;
  color: rgba(51, 51, 51, 0.74);
  letter-spacing: 0;
  font-weight: 400;
}
.project-services-myprojects-list
  li
  .myprojects-list-assistinfo
  .projects-time {
  padding-left: 1.375rem;
  background: url(time.svg) no-repeat left center;
  background-size: 0.875rem 0.875rem;
}
.project-services-myprojects-list li .myprojects-list-assistinfo .projects-tag {
  background: #ffffff;
  border: 0.0313rem solid rgba(47, 115, 228, 0.4);
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
  font-size: 0.875rem;
  color: #2f73e4;
  text-align: center;
  font-weight: 400;
  line-height: 1.625rem;
  padding: 0 0.4375rem;
}
.project-services-myprojects-list
  li
  .myprojects-list-assistinfo
  .projects-overdue
  i {
  color: #f64042;
}
.myprojects-list-prcecontainer {
  width: 100%;
  height: 0.6875rem;
  background: #d7e4fa;
  border-radius: 0.5625rem;
  -webkit-border-radius: 0.5625rem;
  -moz-border-radius: 0.5625rem;
  -ms-border-radius: 0.5625rem;
  -o-border-radius: 0.5625rem;
}
.myprojects-list-pace {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
}
.myprojects-list-prcecontainer .myprojects-list-progressbar {
  height: 100%;
  width: 0%;
  background-image: linear-gradient(270deg, #3075e3 0%, #5eadf3 100%);
  border-radius: 0.5625rem;
  transition: width 0.5s ease;
}
.myprojects-list-pace-scale {
  font-size: 0.875rem;
  color: #2f73e4;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  margin-left: 0.875rem;
}
.project-services-myprojects-list li .projects-state {
  width: 8.0625rem;
  height: 2.5625rem;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.77rem;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 1.625rem;
  font-weight: 500;
  padding-left: 1.375rem;
  text-align: center;
}
.project-services-myprojects-list li .projects-state[data-projects-state="1"] {
  background: url(projects-pushing.svg) no-repeat;
  background-size: 100% 100%;
}
.project-services-myprojects-list li .projects-state[data-projects-state="2"] {
  background: url(projects-launch.svg) no-repeat;
  background-size: 100% 100%;
}
.project-services-myprojects-list .myprojects-more {
  text-align: center;
  font-size: 0.875rem;
  color: #2f73e3;
  letter-spacing: 0;
  font-weight: 400;
}
/* 中介服务 */
.project-services-intermediary-service {
}
.project-services-intermediary-service-content {
  width: 100%;
  justify-content: space-between;
}
.project-services-intermediary-service-left,
.project-services-intermediary-service-right {
  width: 37rem;
  background-color: #ffffff;
}

.intermediary-module-title {
  line-height: 3.8125rem;
  display: flex;
  flex-wrap: wrap;
  background-color: #e4edf6;
  padding: 0 1rem;
  align-items: center;
}
.intermediary-module-title .intermediary-module-title-span {
  line-height: 1.5625rem;
  padding: 1.125rem 0;
}
.intermediary-module-title .intermediary-module-title-span::after {
  display: block;
  content: "";
  width: 50%;
  height: 0.5625rem;
  background-image: linear-gradient(
    270deg,
    rgba(98, 249, 255, 0) 0%,
    #62f9ff 100%
  );
  border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  -o-border-radius: 0.3125rem;
  margin-top: -0.5rem;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.intermediary-module-title .intermediary-module-title-span {
  font-size: 1.125rem;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
}

.intermediary-module-search {
  margin-left: auto;
  display: flex;
  width: 18.125rem;
  overflow: hidden;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}
.intermediary-module-search form {
  display: flex;
  width: 100%;
}
.intermediary-module-search .intermediary-input-text {
  width: 82%;
  font-size: 0.875rem;
  color: rgba(51, 51, 51, 0.4);
  padding-left: 0.75rem;
  line-height: 2rem;
}
.intermediary-module-search .intermediary-input-button {
  flex: 1;
  background: #3075e3;
  font-size: 0.875rem;
  color: #ffffff;
}
.intermediary-server-list-content {
  padding: 0 1.25rem 0.875rem;
  min-height: 11.75rem;
  display: flex;
  flex-direction: column;
}
.intermediary-server-list {
  height: 10.875rem;
  overflow: hidden;
  margin-top: 1rem;
}
.intermediaryAgencies-swiper .swiper-wrapper {
  flex-direction: column;
  transition-timing-function: linear !important;
}
.intermediary-server-list li {
  line-height: 2.175rem;
  height: 2.175rem;
  font-size: 1rem;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
.intermediary-server-list li::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 100%;
  height: 0.0625rem;
  border: 0.0375rem dashed rgba(208, 208, 208, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.intermediary-server-list li .intermediary-server-list-title {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  max-width: calc(100% - 10.9375rem);
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 超出宽度部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  background-color: #fff;
  z-index: 2;
  position: relative;
  padding-right: 0.625rem;
}
.intermediary-server-list li .intermediary-server-list-ancillary {
  flex: 0 0 auto;
  min-width: 10rem;
  margin-left: auto;
  background-color: #fff;
  z-index: 2;
  position: relative;

  padding-left: 0.25rem;
  text-align: right;
}
.intermediary-server-list li .intermediary-server-list-ancillary i {
  color: #1e78ff;
}
.intermediary-server-list-more {
  text-align: center;
  margin-top: 0.875rem;
}
.intermediary-server-list-more a {
  font-size: 0.875rem;
  color: #2f73e3;
  letter-spacing: 0;
  font-weight: 400;
}
/* .project-services-intermediary-service-content li {
  width: 24.3125rem;
  height: 4.5731rem;
  margin-right: 1rem;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(238, 238, 238, 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
} */
.project-services-intermediary-service-content li:nth-child(3n) {
  margin-right: 0;
}
.project-services-intermediary-service-content li .intermediary-service-title {
  font-size: 1rem;
  color: #181818;
  font-weight: 400;
}
.project-services-intermediary-service-content
  li
  .intermediary-service-praise-number {
  line-height: 2.4425rem;
  background-image: linear-gradient(180deg, #a7c8ff 0%, #3175e4 100%);
  border-radius: 1.25rem 0px 0px 1.25rem;
  -webkit-border-radius: 1.25rem 0px 0px 1.25rem;
  -moz-border-radius: 1.25rem 0px 0px 1.25rem;
  -ms-border-radius: 1.25rem 0px 0px 1.25rem;
  -o-border-radius: 1.25rem 0px 0px 1.25rem;
  font-size: 0.75rem;
  color: #ffffff;
  font-weight: 700;
  padding: 0 0.625rem 0 1.125rem;
  display: flex;
  position: relative;
  z-index: 9;
}
.project-services-intermediary-service-content
  li
  .intermediary-service-praise-number
  i {
  font-size: 1.25rem;
  margin-left: 0.75rem;
}
.project-services-intermediary-service-content
  li
  .intermediary-service-praise-number::after {
  position: absolute;
  right: 0;
  top: -0.25rem;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-right: 0.375rem solid #003d98;
  border-top: 0.3125rem solid transparent;
  z-index: 8;
}

/* 费用服务 */
.project-services-expenditure-service-content {
  justify-content: space-between;
}
.price-check-content {
  position: relative;
  min-height: 17.25rem;
  display: flex;
  flex-direction: column;
}
.price-check-content .price-check-people {
  position: absolute;
  left: 0;
  top: -4.375rem;
  display: block;
  width: 5.625rem;
  height: 4.375rem;
  background: url(price-check-people.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-expenditure-price-check {
  width: 39.875rem;
  background: #a5c0df;
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  padding: 1.25rem;
}
.price-check-title {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 1.125rem;
  color: #ffffff;
  letter-spacing: 0.0431rem;
  text-align: center;
  font-weight: 600;
  justify-content: center;
  position: relative;
  line-height: 2.625rem;
  margin-bottom: 1rem;
}

.price-check-title .publish-price-check {
  position: absolute;
  right: 0;
  display: block;
  padding: 0.625rem 1.125rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  font-weight: 600;
  background-image: linear-gradient(108deg, #2f73e4 0%, #74a6f9 100%);
  border: 1px solid rgba(47, 115, 228, 1);
  border-radius: 1.3125rem;
  -webkit-border-radius: 1.3125rem;
  -moz-border-radius: 1.3125rem;
  -ms-border-radius: 1.3125rem;
  -o-border-radius: 1.3125rem;
}
.price-check-list li {
  width: 100%;
  height: 7rem;
  background: rgba(255, 255, 255, 0.71);
  border: 0.0625rem solid rgba(255, 255, 255, 1);
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.price-check-list li .price-check-list-title {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333b57;
  letter-spacing: 0.0556rem;
  text-align: justify;
  font-weight: 500;
}
.price-check-list li .price-check-list-assistinfo {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.25rem;
  font-weight: 400;
}
.price-check-list li .price-check-list-assistinfo span {
  margin-left: 4.6875rem;
}
.price-check-list li .price-check-list-assistinfo span:first-child {
  margin-left: 0;
}
.price-check-more {
  text-align: center;
}
.price-check-more a {
  font-size: 0.875rem;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.25rem;
  font-weight: 400;
}
.project-services-expenditure-cart {
  width: 34.25rem;
}
.project-services-expenditure-cart li {
  height: 10.9375rem;
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  background: #e8ebfa;
  margin-bottom: 0.875rem;
}
.project-services-expenditure-cart li:last-child {
  margin-bottom: 0;
}
.project-services-expenditure-cart li a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding-left: 2.875rem;
}
.project-services-expenditure-cart li .expenditure-cart-title {
  font-family: "AlimamaShuHeiTi-Bold";
  font-size: 1.5rem;
  color: #333b57;
  letter-spacing: 0.15rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.project-services-expenditure-cart li .expenditure-cart-title span {
  display: inline-block;
}
.project-services-expenditure-cart li .expenditure-cart-title span::after {
  display: block;
  content: "";
  width: 50%;
  height: 0.5625rem;
  background-image: linear-gradient(
    270deg,
    rgba(98, 249, 255, 0) 0%,
    #62f9ff 100%
  );
  border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  -o-border-radius: 0.3125rem;
}
.project-services-expenditure-cart li:nth-child(1) {
  background: url(expenditure-cart1.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-expenditure-cart li:nth-child(2) {
  background: url(expenditure-cart2.png) no-repeat;
  background-size: 100% 100%;
}
/* 常用工具 */
.project-services-common-tools-content li {
  background-image: linear-gradient(108deg, #7eafff 0%, #3074e4 100%);
  /* box-shadow: 0px 0.125rem 0.25rem 0px rgba(0, 0, 0, 0.18); */
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  margin-right: 1rem;
  width: 18rem;
  height: 8rem;
  background: url(matching-method1.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-common-tools-content li {
  padding: 1.75rem 1.5rem;
}
.project-services-common-tools-content li .common-tools-title {
  font-size: 1.375rem;
  color: #ffffff;
  letter-spacing: 0.0938rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.project-services-common-tools-content li:nth-child(1) .common-tools-title {
  text-shadow: 0.0625rem 0.0625rem 0 #0649b4;
}
.project-services-common-tools-content li:nth-child(2) .common-tools-title {
  text-shadow: 0.0625rem 0.0625rem 0 #038c60;
}
.project-services-common-tools-content li:nth-child(3) .common-tools-title {
  text-shadow: 0.0625rem 0.0625rem 0 #1294ba;
}
.project-services-common-tools-content li:nth-child(4) .common-tools-title {
  text-shadow: 0.0625rem 0.0625rem 0 #d17600;
}
.project-services-common-tools-content li .common-tools-joins {
  display: flex;
  flex-wrap: wrap;
}
.project-services-common-tools-content li .common-tools-join {
  display: block;
  font-size: 0.8906rem;
  color: #0649b4;
  letter-spacing: 0;
  font-weight: 400;
  padding: 0.3125rem 0.9375rem;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(255, 255, 255, 0.72) 100%
  );
  border-radius: 0.95rem;
  margin-right: 0.375rem;
}

.project-services-common-tools-content li:nth-child(1) .common-tools-join {
  color: #0649b4;
}
.project-services-common-tools-content li:nth-child(2) .common-tools-join {
  color: #006645;
}
.project-services-common-tools-content li:nth-child(3) .common-tools-join {
  color: #005d78;
}
.project-services-common-tools-content li:nth-child(4) .common-tools-join {
  color: #834a00;
}
.project-services-common-tools-content li a {
  /* font-family: "AlimamaShuHeiTi-Bold";
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #ffffff;
  letter-spacing: 0.125rem;
  text-shadow: 0.0625rem 0.0625rem 0 #0649b4;
  font-weight: 700;
  padding-left: 2rem;
  display: flex;
  align-items: center; */
}
.project-services-common-tools-content li:nth-child(4n) {
  margin-right: 0;
}
.project-services-common-tools-content li:nth-child(2) {
  background: url(matching-method2.png) no-repeat;
  background-size: 100% 100%;
}

.project-services-common-tools-content li:nth-child(3) {
  background: url(matching-method3.png) no-repeat;
  background-size: 100% 100%;
}
.project-services-common-tools-content li:nth-child(4) {
  background: url(matching-method4.png) no-repeat;
  background-size: 100% 100%;
}

/* 生命周期流程 */
.process-structure {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  width: 100%;
}
.process-structure-step {
  background: #f6f8fa;
  min-height: 13rem;
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
}
.process-structure-step-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.process-structure-sub-step {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 0.75rem;
  cursor: pointer;
}
.process-structure-sub-step.flex-direction-row {
  flex-direction: row;
}
.process-structure-sub-step.flex-direction-column {
  flex-direction: column;
}
.process-structure-sub-step:last-child {
  margin-bottom: 0;
}
.process-structure-step-icon {
  width: 3.125rem;
  height: 3.125rem;
  margin-bottom: 0.375rem;
}

.process-structure-sub-step.flex-direction-row .process-structure-step-icon {
  margin-right: 1.25rem;
  margin-bottom: 0;
}
.process-structure-sub-step.flex-direction-row .process-structure-step-title {
  text-align: left;
}
.process-structure-sub-step.flex-direction-row .process-structure-step-icon {
  width: 1.625rem;
  height: 1.625rem;
}
.process-structure-step-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.process-structure-step-title {
  font-size: 0.875rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.375rem;
  font-weight: 400;
  flex: 1;
}
.process-structure-arrow {
  display: flex;
  margin: 0 1.625rem;
}
.process-structure-arrow img {
  display: block;
  width: 100%;
  height: auto;
}
.process-serial-number {
  position: absolute;
  left: 0;
  top: -1.125rem;
  font-family: "DingTalk-JinBuTi";
  font-size: 1.875rem;
  color: #2f73e4;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}

/* 审批简介弹窗 */
.project-vettingLayer-page {
  width: 62.5rem;
  /* height: 42rem; */
  background-color: #ffffff;
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  padding: 1.25rem;
}
.project-vetting-title {
  border-bottom: 0.0519rem solid rgba(238, 238, 238, 1);
  padding-bottom: 1.125rem;
  display: flex;
}
.project-vettingLayer-close {
  margin-left: auto;
  background: transparent;
  color: #272536;
}
.project-vetting-title span {
  font-size: 1.25rem;
  color: #000000;
  line-height: 1.7637rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.project-vetting-title span::before {
  display: block;
  content: "";
  width: 0.3675rem;
  height: 1.125rem;
  background-color: #1e78ff;
  border-radius: 0.2938rem;
  -webkit-border-radius: 0.2938rem;
  -moz-border-radius: 0.2938rem;
  -ms-border-radius: 0.2938rem;
  -o-border-radius: 0.2938rem;
  margin-right: 0.75rem;
}
.project-vetting-info-cell {
  min-height: 3.625rem;
  display: flex;
  align-items: center;
  padding: 0 1.125rem;
  border: 0.0587rem solid rgba(232, 232, 232, 1);
}
.project-vetting-info-row,
.project-vetting-info-col {
  display: flex;
  line-height: 1.375rem;
}

.project-vetting-info-detail {
  background: #ffffff;
}
/* .info-detail-auto{
  height: 66%;
} */
.project-vetting-content table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1rem;
}
.project-vetting-content td {
  border: 0.0587rem solid rgba(232, 232, 232, 1);
  padding: 1.125rem;
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: left;
  background: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-vetting-content td.project-vetting-info-title {
  color: rgba(51, 51, 51, 0.74);
  background: #f5f5f5;
}
.project-vetting-info-button {
  display: flex;
  justify-content: center;
}
.project-vetting-button {
  font-size: 1rem;
  color: #ababab;
  font-weight: 400;
  background: #ffffff;
  border: 0.0625rem solid rgba(29, 29, 29, 0.19);
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
  padding: 0.5rem 0;
  min-width: 6rem;
  margin: 0 0.3125rem;
}
.project-vetting-primary {
  background: #3075e3;
  color: #ffffff;
  border-color: #3075e3;
}
.project-vetting-content td.project-vetting-info-material {
  height: 21.25rem;
  white-space: normal;
  overflow-y: hidden;
}

/* 空状态 */
.services-empty-state {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding-top: 14rem;
  background-image: url(notproject.png);
  background-repeat: no-repeat;
  background-position: center 4rem;
  background-size: 8.5rem 8.5rem;
}
.services-empty-state-title {
  font-weight: 400;
  line-height: 1.875rem;
  font-size: 1.35rem;
  color: #333b57;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1.875rem;
}

.services-empty-state-auxiliary {
  display: flex;
  justify-content: center;
  margin-top: auto;
}
.services-button {
  display: block;
  background: rgba(216, 216, 216, 0);
  border: 0.0425rem solid rgba(219, 222, 229, 1);
  border-radius: 1.6313rem;
  min-width: 7.3125rem;
  padding: 0.5625rem 2.125rem;
  margin: 0 0.5625rem;
  cursor: pointer;
  color: #8b95a8;
  text-align: center;
}
.services-button.services-button-primary {
  background: #1e78ff;
  color: #ffffff;
}
/* 我的项目未登录提醒 */
.projects-login-reminders {
  padding: 3.75rem 0 2.5rem;
  background-image: none;
  display: flex;
  flex-direction: column;
}
.services-empty-remind {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.services-empty-remind-item {
  margin: 0 0.625rem;
}
.services-empty-remind .services-empty-remind-icon {
  width: 4rem;
  height: 4rem;
  display: block;
  margin: 0 auto 0.75rem;
}
.services-empty-remind .services-empty-remind-description {
  font-family: "AlibabaPuHuiTiR";
  font-size: 1rem;
  color: #333333;
  text-align: center;
}