.wrapper{
  width: 100%;
  background: url("../images/yd-bg.jpg");
  background-size: 100%;
  padding-top: 7.3333rem;
}
.pc-box{
  display: none;
}

.hdzx{
  width: 7.6667rem;
  box-sizing: border-box;
  height: 9.8667rem;
  background: url("../images/yd-hdzx-bg.png");
  background-size: 100% 100%;
  margin: 0 auto;
  padding: 2.6rem .6667rem 0;
  flex-direction: column-reverse;
  justify-content: flex-end;
  position: relative;
}
.hdzx .list{
  width: 100%;
  margin-top: .1333rem;
  height: 2.65rem;
  overflow-y: auto;
}
.hdzx .gdBtn{
  font-size: 12px;
  cursor: pointer;
  position: absolute;
  color: #23b0a1;
  right: .8rem;
  bottom: .4rem;
}
.hdzx .listItem{
  margin-top: .1333rem;
  padding: 0 .1333rem;
  height: .6rem; /* 2 * line-height */
}
.hdzx .list p{
  font-size: .3333rem;
  line-height: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hdzx .list .listItem:hover,.hdzx .list .active{
  background-color: #23b0a1;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
}
.hdzx .bigImg{
  display: block;
  height: 3.4667rem;
  width: 100%;
  border: 1px solid #000;
}




.xmjs{
  width: 7.3333rem;
  box-sizing: border-box;
  height: 15.8667rem;
  background: url("../images/yd-xmjs-bg.png");
  background-size: 100% 100%;
      margin: 1rem auto 0;
  position: relative;
  overflow: hidden;
}

.xmjs .btnBox{
  width: 6.4667rem;
  flex-wrap: wrap;
  margin: 2.2667rem auto 1rem;
}

.xmjs .btnBox .btnItem{
  margin: .2rem 0;
  width: 3rem;
  height: 1.0667rem;
  background: url("../images/btn-bg.png");
  background-size: 100% 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xmjs .btnBox .active{
  background-image: url("../images/active-btn-bg.png");
}

.xmjs .btnBox .btnItem img{
  height: .4rem;
  display: block;
  margin-left: .1rem;
}
.xmjs .ztyw{
  width: 6rem;
  flex-direction: column;
  margin: 0 auto;
  margin-left: 0.5rem;
  position: relative;
}
.xmjs .gdBtn{
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  color: #23b0a1;
  right: .0rem;
  bottom: -.5rem;
}
.xmjs .ztyw .imgBox{
  width: 100%;
  height: 3.7333rem;
  border: 1px solid #000;
  position: relative;
}
.xmjs .ztyw .imgBox .mooter{
  width: 100%;
  height: .6667rem;
  font-size: .2667rem;
  line-height: .6667rem;
  background-color: #23b0a1;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 .1333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xmjs .ztyw .imgBox img{
  width: 100%;
  height: 100%;
}
.xmjs .ztyw .list{
  margin-top: .2667rem;
  width: 100%;
  height: 4.7rem;
  overflow-y: auto;
}

.xmjs .ztyw .list p{
  font-size: .2667rem;
  padding: .2rem;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px dashed #eee;
  cursor: pointer;
}
.xmjs .ztyw .list p:hover,.xmjs .ztyw .list .active{
  background-color: #23b0a1;
  border: 1px solid #000;
  color: #fff;
}


.zwfc{
  width: 7.3333rem;
  box-sizing: border-box;
  height: 13.4667rem;
  background: url("../images/yd-zwfc-bg.png");
  background-size: 100% 100%;
      margin: 1rem auto 0;

  overflow: hidden;
}

.zwfc .xsc{
  margin: 3.2667rem auto 1.33rem;
  width: 4.3rem;
  font-size: .2667rem;
  text-indent: 2em;
  line-height: .36rem;
padding-right: .27rem;
}
.zwfc .rwBox{
  width: 5.7333rem;
  height: 5.6667rem;
  margin: 0 auto;
  /* background-color: #23b0a1; */
  flex-wrap: wrap;
  overflow-y: auto;
  justify-content: flex-start;
}
.zwfc .rwItem{
  width: 1.4667rem;
  position: relative;
  margin-bottom: .2667rem;
  
}
.zwfc a{
  margin-right: .48rem;
}
.zwfc .rwBox a:nth-of-type(3n) {
  margin-right: 0;
}
.zwfc .rwItem .zw{
  width: 1.0667rem;
  height: .3333rem;
  background-image: url("../images/name-bg.png");
  font-size: .2rem;
  background-size: 100% 100%;
  text-align: center;
  padding-top: .0521rem;
  padding-left: .05rem;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: calc(50% - .5333rem);
}
.zwfc .rwItem .tx{
  width: 1.4667rem;
  height: 1.4667rem;
  border: 1px solid #000;
  border-radius: .7333rem;
  margin-top: .0521rem;
  margin-bottom: 0;
}
.zwfc .rwItem .name{
  text-align: center;
  font-size: .2667rem;
  font-weight: 600;
  line-height: .3rem;
  margin-top: 0;
  padding: 0;
}
.zwfc .rwItem .xx,.zwfc .rwItem .zz{
  font-size: .1333rem;
  text-align: center;
}




.wjhg{
  width: 8rem;
  box-sizing: border-box;
      margin: .8rem auto 0;

  overflow: hidden;
}
.wjhg .bigTitle{
  width: 7.3333rem;
  display: block;
  margin-left: 1rem;
}

.wjhg .swiperBox{
  width: 100%;
  align-items: center;
  margin-top: .25rem;
}
.wjhg .swiper-container-yd{
  width: 100%;
  height: 2.8rem;
  overflow: hidden;
  margin: 0!important;
}

.wjhg .swiper-container-yd .swiper-wrapper,
.wjhg .swiper-container-yd .swiper-slide{
  width: 100%;
  height: 100%;
}

.wjhg .swiper-container-yd .swiper-slide{
  transform: scale(0.8);
  transition: 300ms;
  position: relative;
}

.wjhg .swiper-container-yd .swiper-slide p{
  display: none;
}



.wjhg .swiper-container-yd .swiper-slide::before{
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  left: 0;
  top: 0;
}

.wjhg .swiper-container-yd .swiper-slide-active::before{
  display: none;
}

.wjhg .swiper-container-yd .swiper-slide img{
  width: 93%;
  height: 2.3rem;
  object-fit: cover;
}

.wjhg .swiper-container-yd .swiper-slide-active a{
  display: block;
  width: 5.2rem!important;
  height: 3!important; 
  background-image: url("../images/slideBj.png");
  background-size: 95% 95%;
  background-repeat: no-repeat;
  background-position: bottom right;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.4, 1) translateX(-3.8rem);
}

.wjhg .swiper-container-yd .swiper-slide-active{
  transform: scale(2.5, 1)!important;
  z-index: 200;
  cursor: pointer;
}
.footer{
  width: 100%;
  height: 2.6667rem;
  margin: .2604rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
.footer p{
  width: 100%;
  text-align: center;
  line-height: .4rem;
  font-size: .2667rem;
}