.header {
  background: url("./zckx_wdzc_bg.png") no-repeat;
  background-size: 19.2rem auto;
}

.no-scroll {
  position: fixed;
  width: 100%;
}

.wddy-class {
  padding-top: .5rem;
  padding-bottom: .21rem;
  padding-right: .15rem;
  border-bottom: 1px solid #b9c6d8;
}

.wddy-left-class {
  display: flex;
  align-items: center;
}

.one_wddy-img {
  width: .07rem;
  height: .32rem;
  margin-right: .16rem;
}

.wddy-title-class {
  font-family: MicrosoftYaHei-Bold;
  font-size: .32rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: .03rem;
  color: #000000;
  margin-right: .3rem;
}

.one-wddy {
  width: 1.30rem;
  height: .4rem;
  border-radius: .2rem;
  font-family: MicrosoftYaHei-Bold;
  font-size: .21rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: .4rem;
  letter-spacing: .01rem;
  text-align: center;
  margin-right: .17rem;
  cursor: pointer;
  background-color: #dcebff;
  color: #0d61d2;
}

.one-wddy1 {
  background-color: #0d61d2;
  color: #ffffff;
}

.wddy-set-class {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.wddy-set-class img {
  width: .2rem;
  margin-right: .05rem;
}

.wddy-set-class span {
  font-family: MicrosoftYaHei;
  font-size: .18rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: .01rem;
  color: #0256d3;
}

.wddy-one-list {
  margin-bottom: .1rem;
}

.bg-cur-blue {
  background-color: #f4fafe;
  padding: 0 .2rem;
}

.popup-one-class {
  display: none;
}

.pop-up-set-class {
  z-index: 1;
  width: 100vw;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(127, 127, 127, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop-up-data-class {
  width: 12.42rem;
  height: 95vh;
  background-color: #ffffff;
  border-radius: .04rem;
}

.pop-up-title-class {
  width: 100%;
  height: .83rem;
  padding: .32rem .33rem .26rem .44rem;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
}

.left-title-class {
  display: flex;
  align-items: center;
}

.cur-line {
  width: .05rem;
  height: .22rem;
  background-color: #177ee8;
  margin-right: .17rem;
}

.left-title-class span {
  font-family: MicrosoftYaHei-Bold;
  font-size: .24rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: .01rem;
  color: #333333;
}

.close-icon-class {
  cursor: pointer;
  width: .3rem;
  height: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close-icon-class img {
  width: .15rem;
}

.handle-item-class {
  width: 100%;
  height: 75vh;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.handle-item-class::-webkit-scrollbar {
  display: none;
}

.pop-up-item-class {
  width: 100%;
  box-sizing: border-box;
  padding: 0 .41rem;
  margin-top: .2rem;
  margin-bottom: .3rem;
}

.pop-up-data-item {
  width: 100%;
  min-height: 4rem;
  background-color: #f8fafc;
}

.data-item-title-class {
  width: 100%;
  height: .48rem;
  background-color: #e9eff9;
  display: flex;
  align-items: center;
  padding-left: .16rem;
  margin-bottom: .28rem;
}

.data-item-title-class img {
  width: .22rem;
  margin-right: .12rem;
}

.data-item-title-class span {
  font-family: MicrosoftYaHei-Bold;
  font-size: .18rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: .01rem;
  color: #0d61d2;
}

.bottom-btn-class {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: .1rem;
}

.one-btn-class {
  width: .99rem;
  height: .36rem;
  border-radius: .02rem;
  text-align: center;
  line-height: .36rem;
  cursor: pointer;
}

.btn-one1 {
  border: solid 1px #0d61d2;
  color: #0d61d2;
  margin-right: .11rem;
}

.btn-one2 {
  background-color: #0d61d2;
  color: #fff;
}

.item-select-class {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  padding: 0 0.3rem .1rem .21rem;
}

.item-select-left {
  display: flex;
  align-items: center;
  width: 1.76rem;
  border-right: .01rem solid #adadad;
}

.select-title-class {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: .01rem;
  color: #333333;
  margin-right: .19rem;
}

.checkox-div-class {
  display: flex;
  align-items: center;
}

.checkoc-input-class {
  width: .18rem;
  height: .18rem;
  border-radius: .02rem;
}

.checkox-text-class {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: .01rem;
  color: #333333;
  margin-left: .1rem;
}

.item-select-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 85%;
  padding-left: .28rem;
  box-sizing: border-box;
}

.checkox-div-item-class {
  display: flex;
  align-items: flex-start;
  width: 25%;
  height: .4rem;
  margin-bottom: .22rem;
}

.checkox-div-item-class .checkox-text-class {
  margin-top: -.02rem;
}

@media screen and (max-width: 768px) {
  .header{
    background-size: auto 100%;
  }
  .wddy-content-class {
    width: 100%;
    padding: 0 .25rem;
  }

  .left-title-class span {
    font-size: .36rem;
  }

  .data-item-title-class span {
    font-size: .32rem;
  }

  .select-title-class {
    font-size: .26rem;
  }

  .handle-item-class {
    height: 66vh;
  }

  .pop-up-item-class {
    padding: 0 .3rem;
  }

  .item-select-class {
    padding: 0 0.2rem .1rem .2rem;
  }

  .item-select-left {
    width: 35%;
  }

  .checkox-text-class {
    font-size: .24rem;
    line-height: .28rem
  }

  .checkoc-input-class {
    width: .26rem;
    height: .26rem;
  }

  .item-select-right {
    width: 65%;
  }

  .checkox-div-item-class {
    width: 50%;
    margin-bottom: .5rem;
    height: .5rem;
  }

  .one-btn-class {
    font-size: .32rem;
    height: .72rem;
    line-height: .7rem;
    padding: 0 1rem;
    width: auto;
  }
  .data-item-title-class{
    height: .68rem;
  }
  .one-wddy{
    width: 1.40rem;
    height: .45rem;
    border-radius: .23rem;
    font-size: .28rem;
    line-height: .45rem;
  }
  .wddy-set-class span{
    font-size: .28rem;
  }
  .wddy-set-class img,.data-item-title-class img{
    width: .3rem;
  }
  .close-icon-class img{
    width: .25rem;
  }
  .cur-line{
    height: .3rem;
  }
  .bottom-btn-class{
    margin-top: .3rem;
  }
}