.layer1 {
  padding: 0 1.25rem;
  padding-bottom: 0.512rem;
  background-image: url(../assets/tenders_bgc.png);
}
.layer1 .layer1_top {
  font-size: 0.064rem;
  font-weight: 300;
  color: #999999;
  margin-top: 0.136rem;
  margin-bottom: 61px;
}
.layer1 .layer1_top .our_invite {
  color: #0064d2;
}
.layer1_search {
  display: flex;
  align-items: center;
  margin:0.2rem 0 0.1rem;
}
.layer1_search_left {
  width: 2.4rem;
  height: 0.204rem;
  border: 1px solid #dddddd;
  border-radius: 0.032rem;
  display: flex;
  align-items: center;
}
.layer1_search_left img {
  width: 0.088rem;
  height: 0.088rem;
  margin-left: 0.092rem;
}
.layer1_search_left input {
  width: 90%;
  height: 100%;
  padding-left: 0.104rem;
  border: none;
}
input:valid {
  border-color: #ffffff;
}

input:invalid {
  border-color: #ffffff;
}
input {
  border: none;
  font-size: 0.064rem;
  color: #999999;
}
input:focus,
select:focus {
  outline: 0 solid #ffffff;
}
input:-moz-placeholder,
select::-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
  font-size: 0.064rem;
}
select::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
  font-size: 0.064rem;
}
select::-moz-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
  font-size: 0.064rem;
}
.layer1_search select {
  width: 0.46rem;
  height: 0.204rem;
  border: 1px solid #dddddd;
  border-radius: 0.032rem;
  font-size: 0.072rem;
  color: #555555;
}
.layer1_ul {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.layer1_ul .layer1_item {
  width: 24%;
  height: 1.88rem;
  position: relative;
  margin-right: 1%;
}
.layer1_ul .layer1_item:hover {
  cursor: pointer;
}
.search_btn {
  width: 0.248rem;
  height: 0.204rem;
  background: #0064d2;
  border-radius: 0.02rem;
  cursor: pointer;
  text-align: center;
  line-height: 0.204rem;
  color: #ffffff;
  margin-left: 0.1rem;
}
.layer1_ul .layer1_item .layer1_item_img {
  width: 100%;
  height: 1.04rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.032rem;
}
.layer1_ul .layer1_item .layer1_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition:all 0.6s;
}
.layer1_ul .layer1_item .layer1_item_img:hover img {
  transform: scale(1.2);
}
.layer1_ul .layer1_item_img_btn {
  position: absolute;
  top: 0.12rem;
  left: 0.116rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.layer1_ul .layer1_item_img_btn span {
  font-size: 0.056rem;
  font-size: max(0.056rem,12px);
  font-weight: 400;
  color: #0064d2;
  background-color: #fff;
  padding: 0.024rem 0.06rem;
  border-radius: 0.052rem;
  margin-bottom: 0.05rem;
  margin-left:10px;
}
.layer1_ul .layer1_item_img_btn :nth-child(1) {
  margin-left:0;
}
.layer1_ul .layer1_item .layer1_item_time {
  font-size: 0.056rem;
  font-weight: 400;
  color: #333333;
  margin-top: 0.1rem;
  margin-bottom: 0.04rem;
  margin-left: 0.044rem;
}
.layer1_ul .layer1_item .layer1_item_title {
  font-size: 0.08rem;
  font-size:max(min(0.08rem,22px),16px);
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: 0.044rem;
}
.layer1_ul .layer1_item .layer1_item_invite {
  font-size: 0.056rem;
  font-size:max(0.056rem,12px);
  text-align: center;
  width: 0.4rem;
  line-height: 0.108rem;
  border: 1px solid #dddddd;
  border-radius: 0.052rem;
  margin-top: 0.06rem;
  display: inline-block;
  position: absolute;
  left: 0.044rem;
  bottom: 0.14rem;
}
.layer1_ul .layer1_item .layer1_item_invite:hover {
  background-color: #0064d2 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  cursor: pointer;
}
/* .active_item_invite {
  background-color: #0064d2 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  cursor: pointer;
} */
.end_item_invite {
  background-color: #e5e5e5 !important;
  color: #777777 !important;
  border: 1px solid #e5e5e5 !important;
}

.join_list {
  width: 100%;
  height: auto;
}
.join_list .no-data{
    text-align: center;
    font-size:18px;
}
.join_list ul {
  width: 100%;
  height: auto;
  padding: 0;
}
.join_list ul li {
  width: 100%;
  height: auto;
  margin-bottom: 0.06rem;
  border-radius: 0.04rem;
  box-shadow:0px 3px 20px #f7f7f7;
}
.join_list .join_info {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 0.12rem 0.2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.04rem;
}
.join_list .join-header {
  margin-bottom: 0.06rem;
  border-radius: 0.04rem;
  background: #0064d2;
}
.join_list .join-header p {
  color: #fff;
}
.join_list ul .join_active .right_btn {
  color: #0064d2;
}
.join_list ul .join_active .join_info {
  color: #0064d2;
  border-radius: 0.04rem 0.04rem 0 0;
}
.join_info p{
    padding:0;
    margin:0;
}
.join_info p:first-child {
  width: 40%;
}
.join_info p:nth-child(2) {
  width: 25%;
}
.join_info p:nth-child(2) span{
    display: inline-block;
    margin:5px;
    padding:2px 10px;
    background:#0064d2;
    color:#fff;
    border-radius:10px;
    font-size:12px;
}
.join_info p:nth-child(3) {
  width: 15%;
}
.join_info p:nth-child(4) {
  width: 15%;
}
.join_info p:nth-child(5) {
  width: 5%;
}
.join_info p {
  font-size: 0.064rem;
  font-size: max(0.064rem,12px);
  font-weight: 400;
  color: #333333;
}
.join_info .right_btn {
  color: #333;
  cursor: pointer;
}
.join_info .right_btn:hover {
  color: #0064d2;
}
.join_list ul li .join_detail {
  width: 100%;
  height: auto;
  padding-bottom: 0.16rem;
  display: none;
  padding: 0.05rem 0.2rem 0.2rem 0.2rem;
  background: #fff;
}
.join_list ul li .join_detail .join_detail_item {
  width: 100%;
  height: auto;
}
.join_detail_item .join_item_tit {
  font-size: 0.064rem;
  color: #333;
  z-index: 9999;
 /* font-family: HarmonyOS_Sans_SC; */
  margin-bottom: 0.1rem;
}
.join_detail_item p {
  font-size: 0.064rem;
  color: #333;
  /*line-height: 0.12rem;*/
  padding: 0.02rem 0;
  box-sizing: border-box;
  font-size: 0.064rem;
 /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 400;
  color: #777777;
}
.join_btn {
  width: 0.608rem;
  height: 0.2rem;
  background: #0064d2;
  border-radius: 0.1rem;
  cursor: pointer;
  text-align: center;
  line-height: 0.2rem;
  background: #0064d2;
  cursor: pointer;
  font-size: 0.056rem;
  font-size:max(0.056rem,12px);
  font-weight: 400;
  border-radius: 0.1rem;
  color: #ffffff;
}
.join_btn a {
  display: block;
  width: auto;
  height: 0.2rem;
  line-height: 0.2rem;
}
.join_btn:hover {
  font-family: "SourceHanSansCN-Bold";
}



#myPage {
  margin: 0.18rem 0 0 0;
  text-align: center;
}
.spage-number button {
  border-radius: 0.066rem !important;
}

.open {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  overflow: hidden;
  display: none;
}
.open_center {
  width: 100%;
  height: 100%;
  position: relative;
}
.job_form {
  width: 3.704rem;
  height: 4.484rem;
  max-height: 80vh;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  padding: 0.256rem 0.28rem;
}
.job_tit {
  width: 100%;
  font-size: 0.072rem;
  /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.1rem;
}
.job_tit span {
  color: #000;
}
.job_form_item {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.job_form_item .one {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.job_form_item .one p {
  width: 48%;
  height: auto;
  float: left;
  margin-right: 2%;
}
.job_form_item .one .email {
  width: 100%;
  height: auto;
  float: none;
  margin-right: 0%;
}
.job_form_item .one p span {
  width: 100%;
  height: 0.24rem;
  line-height: 0.24rem;
  text-align: left;
  display: block;
  font-size: 0.064rem;
  /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 400;
  color: #777777;
}
.job_form_item .one p input {
  padding: 0 0.04rem;
  width: 100%;
  height: 0.16rem;
  border: none;
  outline: none;
  background: #f5f5f5;
  font-size: 0.064rem;
  /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 400;
  color: #777777;
  border-radius: 5px;
}
.job_form_item .two {
  width: 100%;
  height: 0.48rem;
  border: 1px solid #e0e1e3;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  border-radius: 0.04rem;
  margin-top: 0.06rem;
}
.job_form_item .two span {
  width: 100%;
  height: 0.16rem;
  line-height: 0.16rem;
  display: block;
  font-size: 0.064rem;
  /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 400;
  color: #777777;
}
.job_form_item .two textarea {
  width: 100%;
  height: 0.24rem;
  border: none;
  outline: none;
}
.job_form_item .three {
  width: 100%;
  height: 0.76rem;
  margin-top: 0.06rem;
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.job_form_item .three .upload_div {
  width: 100%;
  height: 100%;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job_form_item .three .file_gs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  z-index: -1;
  background: #f7f7f7;
}
.job_form_item .three .file_gs .click_file {
  background: #0064d2;
  height: 0.16rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.72rem;
  border-radius: 5px;
  opacity: 1;
}
.job_form_item .three .upload_div input {
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.job_form_item .three .file_gs p {
  width: 100%;
  text-align: center;
  margin-top: 0.04rem;
  font-size: 0.064rem;
  /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 400;
  color: #777777;
  line-height: 0.112rem;
  opacity: 0.5;
}
.job_form_item .three .file_gs img {
  width: 0.16rem;
  height: 0.16rem;
}
.job_form_item .four {
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job_form_item .four .submit {
  width: 0.428rem;
  height: 0.136rem;
  background: #0064d2;
  border-radius: 0.02rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.064rem;
  /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  margin-right: 0.06rem;
}
.job_form_item .four .clearn {
  width: 0.428rem;
  height: 0.136rem;
  background: #ebeff4;
  border-radius: 0.02rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.064rem;
  /* font-family: HarmonyOS_Sans_SC; */
  font-weight: 400;
  color: #777;
  cursor: pointer;
}
.job_form_item .four p:hover {
  font-weight: 600;
}
.job_title {
  color: #333333;
  font-size: 0.056rem;
  line-height: 0.096rem;
}
.job_content {
  color: #6a6a6a;
  font-size: 0.056rem;
  line-height: 0.096rem;
}
.current-title {
  color: #4498f1;
  text-decoration: none;
  font-size: 0.05rem;
  margin-right: 0.1rem;
}

.layer1_title {
  /*font-size: 0.19rem;*/
  /*font-size:max(min(0.19rem,42px),22px);*/
  font-size:42px;
  color: #ffffff;
}

.layer1_scene {
  font-weight: 600;
}

.layer1 .layer1_introduce {
  font-size: 0.06rem;
  color: #ffffff;
  height: 0.5rem;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .layer1 {
    padding: 0 20px;
  }
  .layer1_ul .layer1_item .layer1_item_time{
      margin:10px 0 0;
      padding:0;
  }
  .layer1_ul{
      display: block;
  }
  .layer1_ul .layer1_item {
    width:100%;
    margin-bottom:20px;
    height:auto;
  }
  .layer1_ul .layer1_item .layer1_item_img{
      height:2rem;
  }
  .layer1_ul .layer1_item .layer1_item_title{
      margin:10px 0 0;
      padding:0;
  }
  .layer1_ul .layer1_item .layer1_item_invite {
    position: relative;
    width:auto;
    height:auto;
    padding:10px 20px;
    margin:10px 0 0;
    display: inline-block;
    line-height:1;
    left:0;
    top:0;
    bottom:0;
  }
  .layer1 .layer1_top {
    font-size: 14px;
  }
  .layer1_search_left {
    height: 0.3rem;
  }
  .layer1 .layer1_top {
    margin-bottom: 12px;
  }
  .layer1_ul .layer1_item_img_btn {
    left: 0.05rem;
  }
  .layer1_ul .layer1_item_img_btn :nth-child(1) {
    margin-right: 4px;
  }
}