[v-cloak] {
  display: none; }

.maximumModule {
  max-width: 750px;
  margin: 0 auto;
  padding: 1.4rem 0; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
  border: 0;
  margin: 0; }

.overflowOmitted {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.two-line-textOverflow {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.wechat-authorize {
  padding: 15.2rem 2rem 0;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #242629;
  text-align: center; }

.hasPadding {
  padding-left: 2rem;
  box-sizing: border-box; }

.header-btn {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 3.2rem;
  color: #fff;
  background: #1177FF;
  padding: 0 1rem;
  border-radius: 0.4rem;
  position: absolute;
  cursor: pointer;
  right: 1rem;
  top: 0.6rem; }
  .header-btn:active {
    background-color: #2D5AFF; }

.privateDomain-header-btn {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 3.2rem;
  color: #3675F6;
  padding-left: 1.8rem;
  position: absolute;
  cursor: pointer;
  right: 1.4rem;
  top: 0.6rem;
  background: url("https://ss.tgnet.com/MProject/icon_notice_blue_56.png") 0 50%/1.4rem 1.4rem no-repeat; }

.companyProjectModule {
  padding-top: 4.4rem;
  background: #fff;
  height: 100%;
  box-sizing: border-box; }
  .companyProjectModule .companyInfo {
    margin-top: 1.2rem; }
  .companyProjectModule .companyInfo-name {
    padding: 0 1.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(36, 38, 41, 0.12) 100%); }
    .companyProjectModule .companyInfo-name .main {
      border-radius: .8rem .8rem 0 0;
      padding: 1.8rem 9.3rem 1.8rem 1.4rem;
      position: relative;
      background: #d8d8d8 url("https://ss.tgnet.com/MProject/company_bg_name_690x128.png") 0 0/100% 100% no-repeat;
      min-height: 2.8rem; }
      .companyProjectModule .companyInfo-name .main p {
        font-size: 1.7rem;
        line-height: 2.8rem;
        color: #fff; }
      .companyProjectModule .companyInfo-name .main button {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 1rem;
        display: block;
        width: 7.2rem;
        height: 2.8rem;
        line-height: 2.8rem;
        border-radius: 1.4rem;
        font-size: 1.3rem; }
      .companyProjectModule .companyInfo-name .main .track-btn {
        background-color: #F1F3FF;
        color: #17f; }
        .companyProjectModule .companyInfo-name .main .track-btn:active {
          background-color: #e5e5e5; }
      .companyProjectModule .companyInfo-name .main .cancel-track-btn {
        background-color: #f5f5f5;
        color: #666; }
        .companyProjectModule .companyInfo-name .main .cancel-track-btn:active {
          background-color: #e5e5e5; }
  .companyProjectModule .companyInfo-other,
  .companyProjectModule .contactsInfo-other {
    padding: .9rem 2rem 1.5rem 2rem;
    border-bottom: 1rem solid #f5f5f5; }
  .companyProjectModule .companyInfo-other-pane,
  .companyProjectModule .contactsInfo-other-pane {
    width: 100%;
    float: left;
    padding-left: 4.5rem;
    min-height: 2.8rem;
    position: relative;
    font-size: 1.5rem;
    color: #242629;
    box-sizing: border-box;
    line-height: 2.8rem; }
    .companyProjectModule .companyInfo-other-pane label,
    .companyProjectModule .contactsInfo-other-pane label {
      position: absolute;
      top: 0;
      left: 0;
      color: #aaaaaa; }
    .companyProjectModule .companyInfo-other-pane span,
    .companyProjectModule .contactsInfo-other-pane span {
      color: #aaaaaa; }
  .companyProjectModule .companyInfo-other-pane.w50p,
  .companyProjectModule .contactsInfo-other-pane.w50p {
    width: 50%; }
  .companyProjectModule .companyInfo-other-pane.pl0,
  .companyProjectModule .contactsInfo-other-pane.pl0 {
    padding-left: 0; }
  .companyProjectModule .participate {
    box-sizing: border-box; }
  .companyProjectModule .participate-head .fixedTab {
    position: fixed;
    top: 4.4rem;
    left: 0;
    background: #fff;
    z-index: 100;
    width: 100%; }
  .companyProjectModule .participate-head-tab {
    padding-left: 0.8rem;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    overflow-x: auto; }
  .companyProjectModule .tabMain {
    position: relative;
    white-space: nowrap; }
    .companyProjectModule .tabMain label {
      display: inline-block;
      width: 8.2rem;
      height: 5.1rem;
      color: #666666;
      margin: 0 0.4rem;
      text-align: center;
      background: #F5F5F5;
      padding: 0.6rem;
      box-sizing: border-box;
      border-radius: 0.4rem; }
    .companyProjectModule .tabMain span {
      display: inline-block;
      font-size: 1.4rem;
      line-height: 2rem; }
    .companyProjectModule .tabMain i {
      font-style: normal;
      margin-left: .7rem;
      color: #bbb;
      font-size: 1.3rem;
      line-height: 1.8rem;
      display: block;
      text-align: center; }
    .companyProjectModule .tabMain .active {
      background: #1177FF; }
      .companyProjectModule .tabMain .active i,
      .companyProjectModule .tabMain .active span {
        color: #fff; }
  .companyProjectModule .participate-main {
    padding: 0 2rem; }
    .companyProjectModule .participate-main ul {
      width: 100%; }
    .companyProjectModule .participate-main li {
      width: 100%; }
  .companyProjectModule .hasPaddingTop {
    padding-top: 7.9rem; }
  .companyProjectModule .noPaddingTop {
    padding-top: 0; }
  .companyProjectModule .participate-project-list {
    padding: 2rem 0; }
    .companyProjectModule .participate-project-list .name {
      color: #242629;
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .companyProjectModule .participate-project-list .dynamic {
      margin-top: .8rem;
      color: #999;
      font-size: 1.4rem;
      line-height: 2.1rem; }
    .companyProjectModule .participate-project-list .other {
      margin-top: 1rem;
      height: 2rem;
      font-size: 1.2rem;
      overflow: hidden; }
    .companyProjectModule .participate-project-list label {
      display: inline-block;
      height: 2rem;
      line-height: 2rem;
      border-radius: .4rem;
      padding: 0 .5rem;
      margin-right: .8rem; }
    .companyProjectModule .participate-project-list .stage {
      color: #ff9623;
      background: #fff8ef; }
    .companyProjectModule .participate-project-list .cost {
      color: #666666;
      background: #f5f5f5; }
    .companyProjectModule .participate-project-list .date {
      float: right;
      line-height: 2rem;
      color: #aaaaaa; }
  .companyProjectModule .participate-bidding-list {
    padding: 2rem 0; }
    .companyProjectModule .participate-bidding-list .name {
      color: #242629;
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .companyProjectModule .participate-bidding-list .other {
      margin-top: 1rem;
      height: 2rem;
      font-size: 1.2rem;
      overflow: hidden; }
    .companyProjectModule .participate-bidding-list label {
      display: inline-block;
      height: 2rem;
      line-height: 2rem;
      border-radius: .4rem;
      padding: 0 .5rem;
      margin-right: .8rem; }
    .companyProjectModule .participate-bidding-list .type {
      color: #ff9623;
      background: #fff8ef; }
    .companyProjectModule .participate-bidding-list .date {
      float: right;
      line-height: 2rem;
      color: #aaaaaa; }
  .companyProjectModule .participate-contacts-list {
    padding: 2rem 0;
    position: relative; }
    .companyProjectModule .participate-contacts-list a {
      display: block; }
    .companyProjectModule .participate-contacts-list .name {
      width: 4.8rem;
      line-height: 4.8rem;
      background: #DDDDDD;
      text-align: center;
      font-size: 2rem;
      line-height: 4.8rem;
      color: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      top: 2rem;
      left: 0; }
    .companyProjectModule .participate-contacts-list .contacts-info {
      padding-left: 5.8rem;
      min-height: 4.8rem;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .companyProjectModule .participate-contacts-list .contacts-info .info-main {
        width: 100%;
        height: 2.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 0.8rem;
        box-sizing: border-box;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px; }
      .companyProjectModule .participate-contacts-list .contacts-info .contacts-name {
        display: inline-block;
        font-size: 1.7rem;
        line-height: 2.4rem;
        color: #242629; }
      .companyProjectModule .participate-contacts-list .contacts-info .contacts-job {
        display: inline-block;
        margin-left: 0.6rem;
        font-size: 1.3rem;
        line-height: 2.4rem;
        color: #666;
        padding: 0 0.8rem;
        background: #F7F7F7;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px; }
      .companyProjectModule .participate-contacts-list .contacts-info .contacts-phone {
        width: 100%;
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #999999;
        padding-top: 0.5rem; }
        .companyProjectModule .participate-contacts-list .contacts-info .contacts-phone .phone-main {
          display: inline-block; }
        .companyProjectModule .participate-contacts-list .contacts-info .contacts-phone a {
          position: relative;
          display: inline-block;
          color: #999; }
        .companyProjectModule .participate-contacts-list .contacts-info .contacts-phone .heightLightColor {
          color: #1177FF;
          display: inline-block;
          cursor: pointer; }
      .companyProjectModule .participate-contacts-list .contacts-info .icon-doubt {
        padding: 0 .6rem;
        color: #17f; }
  .companyProjectModule .participate-company-list {
    padding: 2rem 0; }
    .companyProjectModule .participate-company-list .name {
      padding-left: 4rem;
      line-height: 3.2rem;
      font-size: 1.7rem;
      color: #242629;
      position: relative; }
      .companyProjectModule .participate-company-list .name i {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        font-style: normal;
        width: 3.2rem;
        height: 3.2rem;
        text-align: center;
        background: #373a62;
        border-radius: .4rem;
        font-size: 1.3rem;
        color: #fff; }
    .companyProjectModule .participate-company-list .other {
      margin-top: 1rem;
      font-size: 1.3rem;
      line-height: 1.6rem; }
      .companyProjectModule .participate-company-list .other label {
        color: #999; }
      .companyProjectModule .participate-company-list .other span {
        color: #1177ff; }
      .companyProjectModule .participate-company-list .other i {
        display: inline-block;
        width: 1px;
        height: 1rem;
        background: #e5e5e5;
        margin: .3rem .8rem 0; }
  .companyProjectModule .participate-company a:nth-child(3n+1) .name i {
    background: #373a62; }
  .companyProjectModule .participate-company a:nth-child(3n+2) .name i {
    background: #1177ff; }
  .companyProjectModule .participate-company a:nth-child(3n) .name i {
    background: #ff9623; }
  .companyProjectModule .noData {
    padding: 6rem 2rem 3.5rem 2rem;
    text-align: center; }
    .companyProjectModule .noData .noData-title {
      line-height: 2.8rem;
      font-size: 1.6rem;
      color: #242629; }
    .companyProjectModule .noData .noData-remark {
      margin-top: .8rem;
      line-height: 2.1rem;
      font-size: 1.4rem;
      color: #999; }
  .companyProjectModule .viewInfoBtn {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    min-width: 18rem;
    padding: 0 2rem;
    height: 4.4rem;
    line-height: 4.4rem;
    background: #1177ff;
    box-shadow: 0 0.4rem 0.6rem 0 rgba(17, 119, 255, 0.24);
    border-radius: 2.2rem;
    font-size: 1.7rem;
    color: #fff;
    text-align: center;
    white-space: nowrap; }
  .companyProjectModule .popModule {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    height: 100vh; }
  .companyProjectModule .backdrop {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .companyProjectModule .popModule-main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30rem;
    height: 27.9rem;
    background: white;
    border-radius: .6rem;
    margin-top: -13.9rem;
    margin-left: -15rem;
    box-sizing: border-box; }
    .companyProjectModule .popModule-main .closeBtn {
      padding: .4rem .4rem 0 .4rem; }
      .companyProjectModule .popModule-main .closeBtn span {
        float: right;
        display: block;
        width: 3.7rem;
        height: 3.7rem;
        line-height: 3.7rem;
        text-align: center;
        font-size: 1.2rem;
        color: #bbbbbb; }
    .companyProjectModule .popModule-main .title {
      padding: 0 2.8rem;
      font-size: 1.4rem;
      line-height: 2.1rem;
      color: #242629;
      text-align: center;
      font-weight: 500; }
    .companyProjectModule .popModule-main .remark {
      margin-top: .8rem;
      padding: 0 2.8rem;
      font-size: 1.4rem;
      line-height: 1.7rem;
      color: #999999;
      text-align: center; }
      .companyProjectModule .popModule-main .remark span {
        color: #ff9623; }
    .companyProjectModule .popModule-main .down-app-btn {
      background: #1177ff;
      color: #fff;
      margin: 1.5rem 0 1.6rem; }
    .companyProjectModule .popModule-main .already-install {
      color: #242629;
      background: #fff;
      border: 1px solid #bbbbbb;
      box-sizing: border-box; }
    .companyProjectModule .popModule-main img {
      display: block;
      width: 13.4rem;
      height: 13.4rem;
      margin: 1.2rem auto 0 auto;
      border: 1px solid #e5e5e5; }
    .companyProjectModule .popModule-main .remind {
      margin-top: .4rem;
      padding: 0 2.8rem;
      font-size: 1.4rem;
      line-height: 1.7rem;
      color: #999;
      text-align: center; }
    .companyProjectModule .popModule-main .operational {
      padding: 0 2.8rem; }
    .companyProjectModule .popModule-main button {
      margin-top: 2.2rem;
      display: block;
      width: 100%;
      height: 4rem;
      line-height: 4rem;
      background: #1177ff;
      border-radius: .6rem;
      color: #fff;
      font-size: 1.6rem;
      text-align: center; }
    .companyProjectModule .popModule-main a {
      margin-top: 1.6rem;
      display: block;
      width: 100%;
      height: 4rem;
      line-height: 4rem;
      border-radius: .6rem;
      color: #242629;
      font-size: 1.6rem;
      text-align: center; }
    .companyProjectModule .popModule-main .fineBorder-before-all:before {
      border-radius: .6rem;
      border: 1px solid #bbbbbb; }
  .companyProjectModule .attentionServicePop-main {
    height: 27rem;
    margin-top: -13.5rem; }
  .companyProjectModule .sharePreviewPop-main {
    height: 24.7rem;
    margin-top: -12.35rem; }
  .companyProjectModule .shareGuidePop-main {
    height: 16.5rem;
    margin-top: -8.25rem; }
  .companyProjectModule .exclusivePosterPop-main {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    padding-bottom: 13.4rem;
    box-sizing: border-box; }
    .companyProjectModule .exclusivePosterPop-main img {
      display: block;
      width: 60%;
      margin: 0 auto; }
  .companyProjectModule .exclusivePosterPop-bottom-main {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding-top: 1rem;
    width: 100%; }
    .companyProjectModule .exclusivePosterPop-bottom-main .title {
      padding: 0 1.6rem 1.6rem;
      font-size: 1.6rem;
      line-height: 1.8rem;
      color: #242629; }
  .companyProjectModule .exclusivePosterPop-btn {
    width: 100%;
    padding: 1rem 1.6rem 1.4rem 1.6rem;
    background: #FFFFFF;
    box-sizing: border-box; }
    .companyProjectModule .exclusivePosterPop-btn .leftBtn,
    .companyProjectModule .exclusivePosterPop-btn .rightBtn {
      display: block;
      height: 4.4rem;
      line-height: 4.4rem;
      font-size: 1.7rem;
      float: left;
      margin-right: 1rem;
      border-radius: .6rem;
      text-align: center;
      position: relative; }
    .companyProjectModule .exclusivePosterPop-btn .leftBtn {
      background: #F2F3F8;
      color: #666;
      width: calc(28% - .5rem); }
    .companyProjectModule .exclusivePosterPop-btn .rightBtn {
      background: #1177FF;
      color: #FFF;
      margin-right: 0;
      width: calc(72% - .5rem); }
    .companyProjectModule .exclusivePosterPop-btn .tip {
      display: inline-block;
      white-space: nowrap;
      position: absolute;
      top: -2rem;
      left: 50%;
      transform: translateX(-50%);
      height: 2.4rem;
      line-height: 2.4rem;
      border-radius: .6rem;
      background-color: red;
      padding: 0 .6rem;
      color: #fff;
      font-size: 1.2rem; }
      .companyProjectModule .exclusivePosterPop-btn .tip:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-width: .5rem;
        border-style: solid;
        border-color: red transparent transparent transparent;
        position: absolute;
        bottom: -1rem;
        margin: auto;
        left: 0;
        right: 0; }

.noPadding {
  padding-top: 0; }

.companyProjectModule .pb128 {
  padding-bottom: 6.4rem; }

.companyProjectModule .pop-main {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center; }
  .companyProjectModule .pop-main .pop-content {
    width: 84%;
    background: #fff;
    border-radius: .6rem;
    padding: 4.5rem 2.8rem 3.6rem;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    text-align: center; }
    .companyProjectModule .pop-main .pop-content .close-icon {
      position: absolute;
      right: .6rem;
      top: .6rem;
      color: #bbb;
      font-size: 1.1rem;
      padding: 1rem; }
    .companyProjectModule .pop-main .pop-content .pop-title {
      color: #242629;
      font-size: 1.7rem;
      line-height: 2.1rem; }
      .companyProjectModule .pop-main .pop-content .pop-title span {
        color: #ff9623; }
      .companyProjectModule .pop-main .pop-content .pop-title .service-phone {
        color: #242629; }
    .companyProjectModule .pop-main .pop-content .pop-desc,
    .companyProjectModule .pop-main .pop-content .pop-tip {
      font-size: 1.4rem;
      line-height: 1.7rem;
      color: #999; }
      .companyProjectModule .pop-main .pop-content .pop-desc span,
      .companyProjectModule .pop-main .pop-content .pop-tip span {
        color: #ff9623; }
    .companyProjectModule .pop-main .pop-content .pop-desc {
      margin-top: .8rem; }
    .companyProjectModule .pop-main .pop-content .pop-highlight-btn,
    .companyProjectModule .pop-main .pop-content .pop-close-btn,
    .companyProjectModule .pop-main .pop-content .copy-btn {
      width: 100%;
      height: 4rem;
      border-radius: 0.4rem;
      text-align: center;
      font-size: 1.6rem;
      line-height: 4rem;
      display: block;
      cursor: pointer; }
    .companyProjectModule .pop-main .pop-content .pop-highlight-btn {
      background: #1177ff;
      color: #fff;
      margin: 1.5rem 0 1.6rem; }
    .companyProjectModule .pop-main .pop-content .exceed-pop-highlight-btn {
      margin-bottom: 0; }
    .companyProjectModule .pop-main .pop-content .pop-close-btn,
    .companyProjectModule .pop-main .pop-content .copy-btn {
      color: #242629;
      background: #fff;
      border: 1px solid #bbbbbb;
      box-sizing: border-box; }

.special-companyProjectModule .companyProjectModule .companyInfo-name .main {
  padding-right: 0; }

.special-companyProjectModule .companyInfo-other, .special-companyProjectModule .participate {
  position: relative;
  filter: blur(0.1rem);
  -webkit-filter: blur(0.1rem);
  /* Chrome, Opera*/
  -moz-filter: blur(0.1rem);
  -ms-filter: blur(0.1rem); }
  .special-companyProjectModule .companyInfo-other::before, .special-companyProjectModule .participate::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.4); }

.special-companyProjectModule .fixed-btn {
  position: fixed;
  z-index: 10;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  min-width: 20.8rem;
  padding: 0 2.4rem;
  height: 4.8rem;
  line-height: 4.8rem;
  background: #3675F6;
  border-radius: 2.4rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 600; }