body {
  box-sizing: content-box;
  font-size: 0.16rem;
  background-color: #e9c79a;
  position: relative;
  display: block;
  margin: 0px;
}

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

.inline_block {
  display: inline-block;
}

.top {
  position: relative;
  width: 100%;
  height: 2.8rem;
  background-image: url(../images/icon_f_top.png);
  background-size: 100% 100%;
}

.top_icon {
  margin-left: 0.255rem;
  margin-top: 0.175rem;
  width: 0.87rem;
  height: 0.345rem;
}

.top_ul_con {
  margin-top: 1.26rem;
  margin-left: 0.27rem;
}

.top_ul_item {
  margin-bottom: 0.1rem;
  display: flex;
  justify-content: start;
  align-items: center;
}

.top_ul_img {
  width: 0.12rem;
  height: 0.12rem;
}

.top_ul_text {
  padding-left: 0.05rem;
  font-size: 0.13rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #363636;
}

.top_content {
  position: relative;
  margin: -0.8rem 0.22rem 0.22rem 0.22rem;
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
  border-radius: 0.07rem;
  text-align: center;
  font-size: 0.12rem;
  font-family: Adobe Heiti Std;
  color: #ffffff;
  line-height: 0.16rem;
  background-color: #C9684D;
}

.corner_bg {
  margin-top: 0.05rem;
  background: #fffdfa;
  border-radius: 0.07rem;
  margin-left: 0.22rem;
  margin-right: 0.22rem;
}
.input_con {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  padding-left: 0.05rem;
  padding-right: 0.05rem;
  height: 0.45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.07rem;
  border: 1px solid;
  border-color: rgba(219, 161, 122, 1);
}

.input_con .input_text {
  font-size: 0.15rem;
  border-radius: 0.07rem;
  flex: 1;
  height: 80%;
  color: #000;
  background-color: transparent;
  outline: none;
  border: none;
}

.input_con .input_text_code {
  font-size: 0.15rem;
  border-radius: 0.07rem;
  width: 1.7rem;
  height: 80%;
  color: #000;
  background-color: transparent;
  outline: none;
  border: none;
}

input::placeholder {
  font-size: 0.13rem;
  color: #888888;
}

.input_con .line {
  width: 0.01rem;
  height: 0.24rem;
  background-color: #959494;
}

.input_con .code_btn {
  width: 0.7rem;
  margin-left: 0.15rem;
  margin-right: 0.1rem;
  border-width: 0rem;
  border-color: transparent;
  background-color: transparent;
  font-size: 0.13rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #363636;
}

.check_con {
  margin-top: 0.15rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
.check_con .check_title {
  font-size: 0.14rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #959494;
}
.check_wrap {
  margin-top: 0.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.check_btn {
  width: 0.88rem;
  height: 0.32rem;
  margin-right: 0.08rem;
  margin-bottom: 0.08rem;
  background-image: url(../images/icon_f_btn.png);
  background-size: 100% 100%;
  font-size: 0.14rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #363636;
}
.check_btn_active {
  background-image: url(../images/icon_f_btn_sel.png);
  background-size: 100% 100%;
  color: #ffffff;
}

.rule_con {
  margin-top: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0.09rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #363636;
}

.rule_img {
  width: 0.15rem;
  height: 0.15rem;
  background-image: url(../images/icon_f_check.png);
  background-size: 100% 100%;
}

.rule_img_active {
  background-image: url(../images/icon_f_check_ed.png);
  background-size: 100% 100%;
}

.rule_text {
  padding-left: 0.04rem;
}

.rule_link {
  color: #c9652e;
}

.submit_con {
  padding-top: 0.15rem;
  padding-bottom: 0.12rem;
}

.submit_btn {
  width: 2.88rem;
  height: 0.51rem;
  background-image: url(../images/icon_f_submit.png);
  background-size: 100% 100%;
}

.why_img {
  margin-left: 0.13rem;
  margin-top: 0.31rem;
  margin-bottom: 0.31rem;
  width: 3.07rem;
  height: 2.96rem;
}

.btm_desc {
  text-align: center;
  font-size: 0.11rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}

.btm_line {
  margin: 0.08rem 0.15rem 0.11rem 0.15rem;
  height: 0.001rem;
  background-color: rgba(166, 166, 166, 1);
}

.btm_intro {
  padding-top: 0.11rem;
  padding-bottom: 0.22rem;
  text-align: center;
  font-size: 0.08rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}

.dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dialog_title {
  margin-top: 0.26rem;
  font-size: 0.21rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #e82a37;
}

.dialog_content {
  margin-top: 0.15rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  display: flex;
  overflow-y: auto;
  max-height: 3rem;
  font-size: 0.12rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4e4e4e;
  line-height: 0.2rem;
}

.dialog_btn {
  margin-top: auto;
  margin-bottom: 0rem;
  width: 100%;
  height: 0.38rem;
  background: #e82a37;
  font-size: 0.15rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}

.apply_content {
  padding-top: 0.11rem;
  text-align: center;
  font-size: 0.11rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #e82a37;
  line-height: 0.18rem;
}

.apply_tip {
  text-align: center;
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  font-size: 0.08rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #cb7a4d;
}

.drop {
  margin: auto 0.2rem 0.1rem 0.2rem;
  height: 0.45rem;
  background: #ffffff;
  border-radius: 0.07rem;
  border: 1px solid rgba(219, 161, 122, 1);
}

.drop_city {
  flex: 1;
  padding-left: 0.13rem;
  font-size: 0.14rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #959494;
}

.drop_selected_font {
  font-size: 0.15rem;
  color: #000;
}

.drop_sanjiao {
  margin-right: 0.11rem;
  width: 0.08rem;
  height: 0.06rem;
  background-image: url(../images/icon_f_sanjiao.png);
  background-size: 100% 100%;
}

.drop_list {
  box-sizing: border-box;
  height: 1.47rem;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #c9652e;
  border-radius: 0.05rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.drop_list .drop_item {
  height: 0.44rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.14rem;
  font-weight: 400;
  color: #959494;
  border-bottom: 1px solid #959494;
}

.drop_item:last-child {
  border-bottom: 0;
}

.drop_list .drop_item_selected {
  color: #df1d2a;
}

.picker {
  height: 2.4rem;
  background: #ffffff;
  border: 1px solid #c9652e;
  border-radius: 0.05rem;
  position: relative;
}

.picker .header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.4rem;
}

.picker .header .header_title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.13rem;
  font-weight: 400;
  color: #000000;
}

.picker .picker_group {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  touch-action: none;
  overflow: hidden;
  height: 2rem;
}

.picker .picker_group .picker_column {
  flex: 1;
  height: 100%;
  z-index: 1;
}

#picker_selector {
  height: 0.4rem;
  position: absolute;
  left: 0.11rem;
  right: 0.11rem;
  top: 40%;
  border-top: 1px solid #d5d4d4;
  border-bottom: 1px solid #d5d4d4;
  /* touch-action: none; */
  z-index: 0;
}

.picker .picker_group .picker_column .column_item {
  width: 100%;
  height: 0.4rem;
  font-size: 0.12rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #959494;
  user-select: none;
}

.picker .picker_group .picker_column .column_item_selected {
  color: #df1d2a;
}

#pop_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 99;
}