.message-override {
  z-index: 10000 !important;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .6s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, .5);

}

.mask .close {
  position: absolute;
  right: .266667rem;
  top: 0;
  padding: .133333rem;
  cursor: pointer;
}

.mask .close img {
  width: .48rem;
}

.mask .content-wrap {
  width: 90%;
  height: 9.333333rem;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: .106667rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.mask .content-wrap .title {
  font-size: .533333rem;
  font-weight: 700;
  color: #50506d;
  margin-top: .933333rem;
}

.mask .content-wrap .notice {
  font-size: .32rem;
  font-weight: 400;
  text-align: center;
  color: #50506d;
  margin-top: .666667rem;

}

.mask .name-wrap,
.mask .phone-wrap {
  width: 8rem;
  height: 1.226667rem;
  border: .026667rem solid #c2c2d4;
  display: flex;
  align-items: center;
  margin-top: .4rem;
  border-radius: .106667rem;
  box-sizing: border-box;
  padding-right: .026667rem;
}

.mask .form-block .safe{
  width: 1.12rem;
}

.mask .name-wrap.active,
.mask .phone-wrap.active {
  border: .026667rem solid coral;
}
.checkBox{
  margin-top: .4rem;
  display: flex;
  align-items: center;
}

#isChecked {
  /* margin-top: 15px; */
  width: .346667rem;
  height: .346667rem;
  line-height: .373333rem;
  margin-right: .266667rem;

}

#isChecked+label{
  font-size: .373333rem;
  /* color: coral; */
  line-height: .373333rem;
  margin-left: -0.133333rem;
}
#isChecked+label span{
  color: coral;

}


.mask .name-wrap img.icon,
.mask .phone-wrap img.icon {
  width: .373333rem;
  margin: 0 .266667rem;
}

.mask .name-wrap input,
.mask .phone-wrap input {
  border: none;
  outline: none;
  flex: 1;
  height: 100%;
  font-size: .373333rem;

}



.mask .form-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mask .content-wrap .submit {
  width: 100%;
  height: .96rem;
  background: #e23749;
  outline: none;
  border: none;
  color: white;
  margin: .533333rem 0 .453333rem 0;
}

.mask .content-wrap .submit:hover {
  background: #e65261;
}

/* 城市区域布局 */
.my-city {
  flex: 1;
  margin-left: -0.4rem;
  position: absolute;
  top: 1.066667rem;
  background: white;
  /* width: 450px; */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: .213333rem .533333rem .533333rem;
  border-radius: .08rem;
  z-index: 99;
  font-size: .373333rem;
}

.city-wrap {
  width: 50%;
  position: relative;
}

.city-wrap:after {
  position: absolute;
  content: "";
  background: #d2d2d2;
  width: .026667rem;
  height: 60%;
  right: 0;
  top: 1.066667rem;
}

.my-city .title {
  font-weight: 700;
  margin-bottom: .266667rem;
}

.my-layout {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.province-wrap {
  width: 50%;
}

.single-city,
.single-province {
  display: block;
  margin: .133333rem;
  color: #333;
  cursor: pointer;
  box-sizing: border-box;
  /* padding: .026667rem .213333rem; */
  width: 1.53333rem;
  height: .753333rem;
  line-height: .753333rem;
  border-radius: .4rem;
  text-align: center;
}

.single-city.active {
  background: #d51510;
  color: white;
}

/* 行业区域布局 */
.my-industry {
  position: absolute;
  top: 1.066667rem;
  margin-left: -0.4rem;
  width: 100%;
  background: white;
  padding: .213333rem .533333rem .533333rem;
  box-sizing: border-box;
  text-align: left;
  border-radius: .08rem;
  z-index: 2;
}

.my-industry .red-title {
  color: red;
  font-size: .373333rem;
  white-space: nowrap;
  text-align: left;
}

.my-industry .info-title {
  height: 1.066667rem;
  line-height: 1.066667rem;
  font-size: .426667rem;
  text-align: left;
}

.my-industry .industry-wrap {
  padding-bottom: .266667rem;
}

.my-industry .industry-wrap .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .213333rem;
}

.my-industry .industry-wrap .list-of-item {
  margin: .106667rem;
  padding: 0 .053333rem;
  line-height: .533333rem;
  color: #666;
  white-space: nowrap;
  text-align: center;
  font-size: .32rem;
  cursor: pointer;
}

.my-industry .industry-wrap .list-of-item:hover {
  color: #fa7a12;
}

.my-industry .item {
  width: 2.133333rem;
  line-height: .693333rem;
  margin-right: .266667rem;
  background: #f0f0f0;
  color: #555;
  text-align: center;
  font-size: .373333rem;
}


/* 包含词区域布局 */
.my-contain {
  position: absolute;
  top: 1.066667rem;
  width: 100%;
  margin-left: -0.4rem;
  background: white;
  padding: .213333rem .533333rem .533333rem;
  box-sizing: border-box;
  text-align: left;
  border-radius: .08rem;
}

.my-contain .red-title {
  color: red;
  font-size: .373333rem;
  white-space: nowrap;
  text-align: left;
}

.my-contain .info-title {
  height: 1.066667rem;
  line-height: 1.066667rem;
  font-size: .426667rem;
  text-align: left;
}

.my-contain .contain-wrap {
  padding-bottom: .266667rem;
  display: flex;
  flex-wrap: wrap;
}


.my-contain .contain-wrap .list-of-item {
  width: .853333rem;
  height: .853333rem;
  line-height: .533333rem;
  color: #333;
  white-space: nowrap;
  text-align: center;
  font-size: .373333rem;
  cursor: pointer;
}

.my-contain .contain-wrap .list-of-item:hover {
  color: #fa7a12;
}

.my-contain .item {
  width: 2.133333rem;
  line-height: .693333rem;
  margin-right: .266667rem;
  background: #f0f0f0;
  color: #555;
  text-align: center;
  font-size: .373333rem;
}

.my-select{
  width: 100%;
  padding: 10px 0;
  border-radius: 10px;
  background: white;
  font-size: .373333rem;
  line-height: 28px;
  position: absolute;
  margin-left: -0.4rem;
  top: 1.066667rem;
  color: #333;
}
.my-select li.active{
  background-color: rgb(247, 247, 247);
}

/* 底部布局 */
/* .record {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrap {
  line-height: .8rem;
}

.wrap .QR img {
  width: 3.466667rem;
}

.wrap .QR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.wrap .QR:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.066667rem;
  width: .026667rem;
  height: 95%;
  background: white;
}

.up {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact {
  text-align: left;
  margin-left: 80px;
}

.contact span {
  color: #fe9213;
  font-size: 22px;
}

.copyright {
  margin-top: 20px;
} */