.content{
  display: flex;
 
}

.content_left{
  /* width: 10.02rem; */
  height: 100%;
  /* padding: .6rem 2.5rem; */
  color: rgba(255, 255, 255, 1);
  position: relative;
  width: 50%;
}

.content_left_item{
  position: absolute;
  top: 1.2rem;
  left: 2.5rem;
  width: 5.54rem;
  z-index: 1;
  height: calc(100% - 1.2rem);
}
.content_left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content_left_title{
  font-size: .32rem;
  line-height: .4rem;
}

.content_left_text{
  font-size: .16rem;
  line-height: .24rem;
  margin-top: .16rem;
}


.content_right{
  width: 50%;
  padding: .4rem 1rem;
  color: rgba(0, 0, 0, 1);
  height: 100%;
  overflow-y: auto;
}

.content_right_title{
  font-size: .32rem;
  line-height: .4rem;
}

.content_right_text{
  font-size: .16rem;
  line-height: .24rem;
  color: rgba(0, 0, 0, 0.4);
  margin-top: .16rem;
}

.form_title{
  font-size: .22rem;
  line-height: .3rem;
  margin-top: .6rem;
  margin-bottom: .2rem;
}

.form_input{
  width: 5.16rem;
  height: .62rem;
  /* border-bottom: .01rem solid rgba(248, 248, 248, 1); */
  display: flex;
  align-items: flex-end;
  position: relative;
}

.form_input img {
  position: absolute;
  top: .30rem;
  right: .08rem;
  width: .20rem;
  height: .2rem;
  cursor: pointer;
	pointer-events: none;
}

.form_input input,.input {
  width: 100%;
  height: .42rem; 
  font-size: .14rem;
  line-height: .22rem;
  padding-left:.12rem;
  border-bottom: .01rem solid #E6E6E6;
  border-radius: 0 !important;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  
}

.form_input .input {
  display: flex;
  align-items: center;
}

.form_input input::selection {
  border-bottom: .01rem solid rgba(100, 59, 235, 1);
}

.form_inputs{
  display: flex;
  width: 5.16rem;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.form_inputs_item{
  width: 2.38rem;
  height: .62rem;
  /* border-bottom: .01rem solid rgba(248, 248, 248, 1); */
  display: flex;
  align-items: flex-end;
}

.checkboxs{
  font-size: .14rem;
  line-height: .22rem;
  margin-top: .32rem;
  display: flex;
  align-items: center;
  padding-left: .12rem;
  cursor: pointer;
}

.checkboxs input {
  margin-right: .1rem;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(204, 204, 204, 1);
  background-color: #fff;
  border-radius: 50%;
}

input[type="checkbox"]:checked {
  background-image: url('../images/checkmark.svg');
  background-size: 100%,100%;
}

.textarea{
  width: 5.16rem;
  height: 2.22rem;
  padding: .2rem;
  font-size: .14rem;
  line-height: .22rem;
  background: rgba(248, 248, 248, 1);
}

.textarea::placeholder{
  color: rgba(0, 0, 0, 0.2);
}

.submit{
  margin-top: .4rem;
  width: 5.16rem;
  height: .44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .16rem;
  line-height: .24rem;
  color: #fff;
  background: rgba(100, 59, 235, 1);
  border-radius: 1rem;
  cursor: pointer;
  margin-bottom: .4rem;
}


.popup{
  position: absolute;
  width: 5.16rem;
  left: 0;
  top: .62rem;
  max-height: 3.46rem;
	height: auto;
  overflow-y: auto;
  padding: .12rem;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  z-index: 2;
  border-radius: .1rem;
	box-sizing: border-box;
  display: none;
}
.popup_item{
  width: 100%;
  height: .46rem;
  font-size: .14rem;
  line-height: .22rem;
  display: flex;
  align-items: center;
  padding: .12rem .13rem;
  cursor: pointer;
  border-radius: .04rem;
  transition: background-color 0.3s;
  box-sizing: border-box;
}

.form_input .popup .popup_item:hover{
  background: rgba(246, 240, 255, 1);
  z-index: 10;
}


#provincePopup,#cityPopup,#districtPopup{
  max-height: 3rem;
}
#propertyPopup{
  max-height: 4.84rem;
}

#districtPopup{
  left: -2.78rem;
}




.mt60{
  margin-top: .6rem;
}


.form_input input:focus {
  border-bottom: 1px solid rgba(100, 59, 235, 1); /* 底部边框变色 */
}
input::placeholder { color: rgba(0, 0, 0, 0.4)}



.content_contact{
  display: flex;
  /* align-items: cet; */
  height: calc(100vh - 1.36rem - .6rem);
}


input[type="checkbox"]:checked{border:none;}