@charset "UTF-8";

.dys_choose_category {
  padding-top:0;
}
.dys_choose_category_nav{
  flex-wrap: wrap;
}
/* 2024 */
.dys_choose_category_nav li {
  /* width: 117px; */
  width: calc(25% - 20px);
  height: auto;
  margin-top:10px;
  margin-right: 20px;
}
.dys_choose_category_nav li:nth-child(4n) {
  margin-right: 0;
}


.dys_choose_category_nav li p {
  font-size: 16px;
  /* display: flex; */
}

.dys_see_other_speaking {
  width: 170px;
  /* background: url(/pkydy/images/seebg.png) no-repeat 154px center; */
  /* background-color: #e6f8ff;    */
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #126ed6;
}

.triangle {
  position: absolute;
  right: 0;
  top: 5.5px;
  width: 20px;
  height: 20px;
  background-color: #146bf5;
  border-radius: 50%;
}

.triangle::after {
  content: '';
  position: absolute;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid #fff;
  border-bottom: 8px solid transparent;
  top: 2px;
  right: -3px;
}

.dys_see_other_speaking::after {
  /* content: ''; */
  /* position: absolute; */
  /* background: url(/pkydy/images/seebg.png) no-repeat ; */
  /* width: 20px;
  height: 20px; */
  /* right: 0;
  top: 7px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid orangered; */
  /* display: block; */
  /* z-index: 1000; */
  /* background-color: #146bf5; */
}

.dys_prompt {
  height: 29px;
  line-height: 29px;
  /* background-color: #f5f5f5; */
  /* background-color: #fff8f5; */
  /* border-radius: 20px; */
  color: #808080 !important;
}

.dys_message_form p.dys_text_nickname,
.detailedAddress,
.dys_text_occupation_father {
  width: 50%;
}

.city-picker-span {
  /* width: 445px; */
  /* border-radius: 20px; */
}

.dys_message_form p.dys_submit .submit {
  height: 40px;
  border-radius: 20px;
}

.dys_select {
  top: 38px;
  width: 442px;
  /* border-radius: 20px; */
}

ul.mtpt {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 12px;
  /* display: flex; */
  /* flex-direction: row; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  /* padding: 0 8px; */
}

ul.mtpt-last {
  /* padding: 0 100px; */
}

ul.mtpt li {
  /* width: 150px; */
  width: 100px;
  /* height: 80px; */
  height: 60px;
  /* margin: 20px 0 0 0; */
  border: 1px solid #e5e5e5;
  /* border-radius: 10px; */
  text-align: center;
  box-sizing: border-box;
}

ul.mtpt li img {
  /* width: 100%; */
  /* height: 100%; */
  /* margin: 14px 0; */
  /* margin-left: -14px; */
  margin-left: -14.1px;
  margin-top: -4px;
}

ul.mtpt li.mr_7 {
  margin-right: 7px;
}

ul.lastmtpt {
  padding: 0 183px;
}

ul.buwei {
  border-bottom: 1px dashed #bdbdbd;
}

ul.buwei li,
ul.sheng li {
  /* padding: 12px; */
  padding: 0;
  margin: 12px 12px 12px 0;
}

ul.buwei li a,
ul.sheng li a {
  cursor: default;
  font-size: 16px;
  /* color: #0a8ce1; */
  color: #126ed6;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  cursor: default;
}

ul.sheng {
  margin-bottom: 34px;
}

.gsf_saoma img {
  /* position: relative;
  top: 75px;
  height: 90%; */
}

.gsf_saoma span {
  display: block;
  width: 13px;
  height: 12px;
  top: 83px;
  right: 79px;
  /* border: 1px solid #000; */
  z-index: 10;
}

.dys_h1 {
  /* background-image: url(/pkydy/images/icon/icon-1.png); */
  /* background-image: url(/pkydy/images/icon/icon-cj2.png); */
  background-image: url(/pkydy/images/icon2/icon-cj2@2x.png);
  /* background-size: 35px; */
}

.dys_h22 {
  background-image: url(/pkydy/images/icon2/ys01.png);
}

.dys_h2 {
  /* background-image: url(/pkydy/images/icon/icon-2.png); */
  /* background-image: url(/pkydy/images/icon/icon-xd1.png); */
  background-image: url(/pkydy/images/icon2/icon-xd1@2x.png);
  /* background-size: 35px; */
}

.dys_h3 {
  /* background-image: url(/pkydy/images/icon/icon-3.png); */
  background-image: url(/pkydy/images/icon2/icon-kd1@2x.png);
  /* background-size: 35px; */
}

.dys_h4 {
  /* background-image: url(/pkydy/images/icon/icon-4.png); */
  background-image: url(/pkydy/images/icon2/icon-kj1@2x.png);
  /* background-size: 35px; */
}

.dys_h5 {
  /* background-image: url(/pkydy/images/icon/icon-5.png); */
  background-image: url(/pkydy/images/icon2/icon-qy1@2x.png);
  /* background-size: 35px; */
}

.dys_h6 {
  /* background-image: url(/pkydy/images/icon/icon-6.png); */
  background-image: url(/pkydy/images/icon2/icon-dw1@2x.png);
  /* background-size: 35px; */
}

.dys_h7 {
  /* background-image: url(/pkydy/images/icon/icon-7.png); */
  background-image: url(/pkydy/images/icon2/icon-jy1@2x.png);
  /* background-size: 35px; */
}

.dys_h8 {
  /* background-image: url(/pkydy/images/icon/icon-8.png); */
  background-image: url(/pkydy/images/icon2/icon-cy1@2x.png);
  /* background-size: 35px; */
}

.dys_h9 {
  /* background-image: url(/pkydy/images/icon/icon-9.png); */
  background-image: url(/pkydy/images/icon2/icon-sh1@2x.png);
  /* background-size: 35px; */
}

.dys_h10 {
  /* background-image: url(/pkydy/images/icon/icon-10.png); */
  background-image: url(/pkydy/images/icon2/icon-yl1@2x.png);
  /* background-size: 35px; */
}

.dys_h11 {
  /* background-image: url(/pkydy/images/icon/icon-11.png); */
  background-image: url(/pkydy/images/icon2/icon-xc1@2x.png);
  /* background-size: 35px; */
}

.dys_h12 {
  /* background-image: url(/pkydy/images/icon/icon-12.png); */
  background-image: url(/pkydy/images/icon2/icon-sr1@2x.png);
  /* background-size: 35px; */
}

.dys_h13 {
  /* background-image: url(/pkydy/images/icon/icon-13.png); */
  background-image: url(/pkydy/images/icon2/icon-ts1@2x.png);
  /* background-size: 35px; */
}

.dys_h14 {
  /* background-image: url(/pkydy/images/icon/icon-14.png); */
  background-image: url(/pkydy/images/icon2/icon-ls1@2x.png);
  /* background-size: 35px; */
}

.dys_h15 {
  /* background-image: url(/pkydy/images/icon/icon-15.png); */
  background-image: url(/pkydy/images/icon2/icon-wh1@2x.png);
  /* background-size: 35px; */
  /* background-position: center 30px !important; */
}

.dys_h16 {
  background-image: url(/pkydy/images/icon/icon-16.png);
}

.dys_h17 {
  background-image: url(/pkydy/images/icon/icon-17.png);
}

.dys_h18 {
  background-image: url(/pkydy/images/icon/icon-18.png);
}

.dys_h19 {
  background-image: url(/pkydy/images/icon/icon-19.png);
}

.dys_h20 {
  background-image: url(/pkydy/images/icon/icon-20.png);
}

/* .dys_h21 {background-image: url(/pkydy/images/icon/icon-21.png);background-position-y: center!important;} */
/* 2024 */
.dys_h21 {
  /* background-image: url(/pkydy/images/icon/icon-21.png);icon-qt1 */
  background-image: url(/pkydy/images/icon2/icon-qt1@2x.png);
  /* background-size: 35px; */
}

.dys_h1:hover {
  /* background-image: url(/pkydy/images/icon/icon-1S.png); */
  /* background-image: url(/pkydy/images/icon/icon-cj1.png); */
  background-image: url(/pkydy/images/icon2/icon-cj1@2x.png);
}
.dys_h22:hover{
  background-image: url(/pkydy/images/icon2/ys02.png);
}

.dys_h2:hover {
  /* background-image: url(/pkydy/images/icon/icon-2S.png); */
  /* background-image: url(/pkydy/images/icon/icon-xd2.png); */
  background-image: url(/pkydy/images/icon2/icon-xd2@2x.png);
}

.dys_h3:hover {
  /* background-image: url(/pkydy/images/icon/icon-3S.png); */
  background-image: url(/pkydy/images/icon2/icon-kd2@2x.png);
}

.dys_h4:hover {
  /* background-image: url(/pkydy/images/icon/icon-4S.png); */
  background-image: url(/pkydy/images/icon2/icon-kj2@2x.png);

}

.dys_h5:hover {
  /* background-image: url(/pkydy/images/icon/icon-5S.png); */
  /* background-image: url(/pkydy/images/icon/icon-xd2.png); */
  background-image: url(/pkydy/images/icon2/icon-qy2@2x.png);

}

.dys_h6:hover {
  /* background-image: url(/pkydy/images/icon/icon-6S.png); */
  background-image: url(/pkydy/images/icon2/icon-dw2@2x.png);
}

.dys_h7:hover {
  /* background-image: url(/pkydy/images/icon/icon-7S.png); */
  background-image: url(/pkydy/images/icon2/icon-jy2@2x.png);
}

.dys_h8:hover {
  /* background-image: url(/pkydy/images/icon/icon-8S.png); */
  background-image: url(/pkydy/images/icon2/icon-cy2@2x.png);
}

.dys_h9:hover {
  /* background-image: url(/pkydy/images/icon/icon-9S.png); */
  background-image: url(/pkydy/images/icon2/icon-sh2@2x.png);
}

.dys_h10:hover {
  /* background-image: url(/pkydy/images/icon/icon-10S.png); */
  /* background-image: url(/pkydy/images/icon/icon-yl2.png); */

  background-image: url(/pkydy/images/icon2/icon-yl2@2x.png);
}

.dys_h11:hover {
  /* background-image: url(/pkydy/images/icon/icon-11S.png); */
  background-image: url(/pkydy/images/icon2/icon-xc2@2x.png);
}

.dys_h12:hover {
  /* background-image: url(/pkydy/images/icon/icon-12S.png); */
  background-image: url(/pkydy/images/icon2/icon-sr2@2x.png);
}

.dys_h13:hover {
  /* background-image: url(/pkydy/images/icon/icon-13S.png); */
  /* background-image: url(/pkydy/images/icon/icon-ts2.png); */
  background-image: url(/pkydy/images/icon2/icon-ts2@2x.png);
}

.dys_h14:hover {
  /* background-image: url(/pkydy/images/icon/icon-14S.png); */
  /* background-image: url(/pkydy/images/icon/icon-ls2.png); */
  background-image: url(/pkydy/images/icon2/icon-ls2@2x.png);
}

.dys_h15:hover {
  /* background-image: url(/pkydy/images/icon/icon-15S.png); */
  /* background-image: url(/pkydy/images/icon/icon-wh2.png); */
  background-image: url(/pkydy/images/icon2/icon-wh2@2x.png);
}

.dys_h16:hover {
  background-image: url(/pkydy/images/icon/icon-16S.png);
}

.dys_h17:hover {
  background-image: url(/pkydy/images/icon/icon-17S.png);
}

.dys_h18:hover {
  background-image: url(/pkydy/images/icon/icon-18S.png);
}

.dys_h19:hover {
  background-image: url(/pkydy/images/icon/icon-19S.png);
}

.dys_h20:hover {
  background-image: url(/pkydy/images/icon/icon-20S.png);
}

/* .dys_h21:hover {background-image: url(/pkydy/images/icon/icon-21S.png);background-position-y: center!important;} */
/* 2024 */
.dys_h21:hover {
  /* background-image: url(/pkydy/images/icon/icon-21S.png); */
  background-image: url(/pkydy/images/icon2/icon-qt2@2x.png);
}

.dys_h1.active {
  /* background-image: url(/pkydy/images/icon/icon-1S.png); */
  /* background-image: url(/pkydy/images/icon/icon-cj1.png); */
  background-image: url(/pkydy/images/icon2/icon-cj1@2x.png);
}
.dys_h22.active{
  background-image: url(/pkydy/images/icon2/ys02.png);
}



.dys_h2.active {
  /* background-image: url(/pkydy/images/icon/icon-2S.png); */
  /* background-image: url(/pkydy/images/icon/icon-xd2.png); */
  background-image: url(/pkydy/images/icon2/icon-xd2@2x.png);
}


.dys_h3.active {
  /* background-image: url(/pkydy/images/icon/icon-3S.png); */
  background-image: url(/pkydy/images/icon2/icon-kd2@2x.png);

}

.dys_h4.active {
  /* background-image: url(/pkydy/images/icon/icon-4S.png); */

  background-image: url(/pkydy/images/icon2/icon-kj2@2x.png);

}

.dys_h5.active {
  /* background-image: url(/pkydy/images/icon/icon-xd2.png); */
  /* background-image: url(/pkydy/images/icon/icon-5S.png); */
  background-image: url(/pkydy/images/icon2/icon-qy2@2x.png);
}

.dys_h6.active {
  /* background-image: url(/pkydy/images/icon/icon-6S.png); */
  background-image: url(/pkydy/images/icon2/icon-dw2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-dw2.png); */
}

.dys_h7.active {
  /* background-image: url(/pkydy/images/icon/icon-7S.png); */

  background-image: url(/pkydy/images/icon2/icon-jy2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-jy2.png); */
}

.dys_h8.active {
  /* background-image: url(/pkydy/images/icon/icon-8S.png); */
  background-image: url(/pkydy/images/icon2/icon-cy2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-cy2.png); */
}

.dys_h9.active {
  /* background-image: url(/pkydy/images/icon/icon-9S.png); */
  background-image: url(/pkydy/images/icon2/icon-sh2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-sh2.png); */
}

.dys_h10.active {
  /* background-image: url(/pkydy/images/icon/icon-10S.png); */
  background-image: url(/pkydy/images/icon2/icon-yl2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-yl2.png); */
}

.dys_h11.active {
  /* background-image: url(/pkydy/images/icon/icon-11S.png); */
  background-image: url(/pkydy/images/icon2/icon-xc2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-xc2.png); */
}

.dys_h12.active {
  /* background-image: url(/pkydy/images/icon/icon-12S.png); */
  background-image: url(/pkydy/images/icon2/icon-sr2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-sr2.png); */
}

.dys_h13.active {
  /* background-image: url(/pkydy/images/icon/icon-13S.png); */
  background-image: url(/pkydy/images/icon2/icon-ts2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-ts2.png); */
}

.dys_h14.active {
  /* background-image: url(/pkydy/images/icon/icon-14S.png); */
  background-image: url(/pkydy/images/icon2/icon-ls2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-ls2.png); */
}

.dys_h15.active {
  /* background-image: url(/pkydy/images/icon/icon-15S.png); */
  background-image: url(/pkydy/images/icon2/icon-wh2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-wh2.png); */
}

.dys_h16.active {
  background-image: url(/pkydy/images/icon/icon-16S.png);
}

.dys_h17.active {
  background-image: url(/pkydy/images/icon/icon-17S.png);
}

.dys_h18.active {
  background-image: url(/pkydy/images/icon/icon-18S.png);
}

.dys_h19.active {
  background-image: url(/pkydy/images/icon/icon-19S.png);
}

.dys_h20.active {
  background-image: url(/pkydy/images/icon/icon-20S.png);
}

/* .dys_h21.active {
  background-image: url(/pkydy/images/icon/icon-21S.png);
  background-position-y: center!important;
} */
/* 2024 */
.dys_h21.active {
  /* background-image: url(/pkydy/images/icon/icon-21S.png); */
  background-image: url(/pkydy/images/icon2/icon-qt2@2x.png);
  /* background-image: url(/pkydy/images/icon/icon-qt2.png); */
}

.city-picker-span .arrow {
  background: url(/pkydy/images/jiantou.png) right 0 no-repeat;
  position: absolute;
  /* background-position:right center; */
  right: 0;
  top: 5px;
  display: block;
  width: 70px;
  background-size: auto 33px;
  z-index: 20;
  content: '.';
  color: transparent;
  pointer-events: none;
}

#error p {
  margin-top: 24px;
}

@media only screen and (max-width:768px) {
  .city-picker-span {
    position: relative;
    width: 100%;
  }

  .dys_message_form .dys_message_verificationCode input {
    width: 120px !important;
    /* border-radius: 20px; */
  }

  .dys_message_form p .tip {
    display: block;
    padding: 10px 54px;
    position: relative !important;
  }
}