#join {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    height: 100%;
}

.sass-btitle {
    color: #333333;
    /* font-size: 35px;
    font-weight: 800;
    padding-top: 80px;
    padding-bottom: 55px; */
    font-size: 0.4rem;
    font-weight: 800;
    margin-bottom: 0.4rem;
    padding-top: 1rem;
    text-align: center;
  }
  
  .sass-stitle {
    color: #333333;
    /* font-size: 20px;
    text-align: center;
    padding-bottom: 55px; */
    font-size: 0.3rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    text-align: center;
  }

  .email-red {
      font-size: 0.3rem;
      color: red;
      text-align: center;
      font-weight: 600;
      font-style: normal;
  }

.j-job {
    padding: 0 .4rem .9rem;
}

.j-job .j-title {
    margin-top: 1rem;
    /* margin-bottom: .66rem; */
    text-align: center;
    padding: 0 .4rem .9rem;
    font-size: .36rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
}

.j-job .j-list {
    width: 100%;
    height: 1.4rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 30px 0px rgba(229, 229, 229, 0.89);
    border-radius: .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .28rem;
}

.j-job .j-left {
    margin-left: .46rem;
}

.j-job .j-left .jb-title {
    font-size: .32rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(17, 17, 17, 1);
    line-height: .48rem;
}

.j-job .j-left .js-title {
    font-size: .24rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(119, 119, 119, 1);
    display: block;
    /* line-height:.48rem; */
}

.j-job .j-right {
    width: 1.04rem;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    font-size: .24rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(221, 19, 19, 1);
    border: 2px solid rgba(221, 19, 19, 1);
    border-radius: .02rem;
    margin-right: .47rem;
    /* line-height:48px; */
}

.worry {
    width: 100%;
    margin: 0 auto;
    padding-top: 1rem;
    background: #F7F7F7;
  }

  .worry .title {
   text-align: center;
  }

  .worry .title .btitle {
    color: #111111;
    font-size: 0.4rem;
    padding-bottom: 0.22rem;
    font-weight: 800;
    /* padding-top: 118px; */
  }

  .worry .title .stitle {
    color: #333;
    font-size: 0.3rem;
  }

  .worry .list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 0.9rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .worry .list .item {
    width: calc(100%/2);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.8rem;
  }

  .worry .list .item .pic {
    width: 0.8rem;
  }

  .worry .list .item .text {
    color: #111111;
    font-size: 0.3rem;
    padding-top: 0.2rem;
  }

  .dev {
    width: 100%;
    margin: 0 auto;
  }

  .dev .btitle {
    color: #111111;
    font-size: 0.4rem;
    text-align: center;
    padding-top: 1rem;
    font-weight: 800;
  }

  .dev .list {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   flex-wrap: wrap;
   margin-top: 0.9rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
  }

  .dev .list .item {
   /* width: 320px; */
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
   margin-bottom: 0.4rem;
  }

  .dev .list .item .blue-line {
    width: 0.6rem;
    height: 2px;
    background: #2362FB;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .dev .list .item .item-btitle {
    color: #111111;
    font-size: 0.3rem;
    font-weight: 800;
  }
  .dev .list .item .item-stitle {
    color: #333;
    font-size: 0.25rem;
  }