.index {
  height: 100vh;
}
.index .main {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.index .main iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.index .main .header {
  background: url(../img/icon21.png) no-repeat right center;
  background-size: 100% 100%;
  width: 100%;
  height: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.45rem;
  box-sizing: border-box;
}
.index .main .header .left{
    margin:0 auto;
}
.index .main .header .left a {
  display: block;
  width: 6.09rem;
  height: 0.4rem;
}
.index .main .header .left a img {
  width: 100%;
  height: 100%;
}
.index .main .header .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index .main .header .right #current-time {
  color: #272727;
  font-size: 0.16rem;
}
.index .main .legend_description {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.66rem;
  z-index: 2;
  background-color: #fff;
  text-align: center;
  padding: 0.14rem 0.2rem;
  padding-left: 0.44rem;
  box-sizing: border-box;
}
.index .main .legend_description h2 {
  color: #027cd7;
  font-size: 0.2rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.index .main .legend_description ul li {
  margin-bottom: 0.1rem;
  display: flex;
  justify-content: left;
  align-items: center;
}
.index .main .legend_description ul li img {
  max-width: 0.22rem;
  max-height: 0.25rem;
  margin-right: 0.1rem;
}
.index .main .legend_description ul li span {
  color: #000000;
  font-size: 0.16rem;
}
.index .main .size {
  display:none;
  width: 1.18rem;
  height: 100vh;
  background: url(../img/icon14.jpg) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 0.3rem 0.3rem 0.16rem;
  box-sizing: border-box;
}
#caidan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
}
.index .main .size ol li {
  cursor: pointer;
  margin-bottom: 0.3rem;
  text-align: center;
}
.index .main .size ol li .img {
  width: 0.45rem;
  height: 0.45rem;
  margin: 0 auto;
  margin-bottom: 0.08rem;
}
.index .main .size ol li .img img {
  width: 100%;
  height: 100%;
}
.index .main .size ol li p {
  color: #fff;
  font-size: 0.14rem;
  line-height: 0.17rem;
}
.index .main .size .box {
  margin-bottom: 0.12rem;
  background-color: #fff;
  border-radius: 0.09rem;
  padding: 0.1rem 0.02rem;
  box-sizing: border-box;
}
.index .main .size .box .box_img {
  cursor: pointer;
  text-align: center;
  /*margin-bottom: 0.1rem;*/
}
.index .main .size .box .box_img img {
  width: 0.27rem;
  height: 0.27rem;
  display: block;
  margin: 0 auto 0.04rem;
}
.index .main .size .box .box_img p {
  color: #000000;
  font-size: 0.12rem;
  line-height: 1.1;
}
.index .main .size .location {
  width: .57rem;
  height: 0.57rem;
  background-color: #fff;
  border-radius: 0.09rem;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: fixed;
  top: 2rem;
  right: .3rem;
  z-index: 999;
}
.index .main .size .location img {
  width: 0.38rem;
  height: 0.37rem;
  display: block;
  margin: 0 auto;
}
.index .main .size .zoom {
  border-radius: 0.09rem;
  width: .57rem;
  background-color: #fff;
  position: fixed;
  top: 3rem;
  right: .3rem;
  z-index: 999;
}
.index .main .size .zoom .img {
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  height: 0.57rem;
}
.index .main .size .zoom .img img {
  width: 0.38rem;
  height: 0.37rem;
  display: block;
  margin: 0 auto;
}
 .foot {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0.7rem;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  background: url(../img/icon13.png) no-repeat bottom center;
  background-size: 100% 0.4rem;
}
.foot a {
  display: inline-block;
  font-size: 0.2rem;
  color: #1564d5;
  font-family: 'xm';
}
.foot p {
  margin-left: 0.1rem;
  font-size: 0.2rem;
  color: #1564d5;
  font-family: 'xm';
}
.index .main .data_list {
  width: 4.4rem;
  background-color: #fff;
  border-radius: 0.13rem;
  box-shadow: 0 0 0.06rem #e2e2e2;
  position: absolute;
  right: 0.2rem;
  top: 1.3rem;
  z-index: 12;
  padding: 0.24rem 0;
  box-sizing: border-box;
  display: none;
  height: 7.44rem;
}
.index .main .data_list .search {
  margin: 0 auto;
}
.index .main .data_list .list {
  margin-top: 0.2rem;
  border-top: 0.03rem solid #f4f4f4;
  min-height: 6rem;
  overflow: hidden;
}
.index .main .data_list .list .classification_one {
  line-height: 0.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.index .main .data_list .list .classification_one span {
  color: #000000;
  font-size: 0.16rem;
  cursor: pointer;
  background:url(../img/icon99.png) no-repeat right center;
  background-size:.12rem .07rem;
  padding-right:.2rem;
}
.index .main .data_list .list .classification_one .classification_one_top.on span {
  color: #000000;
  font-weight: 700;
}
.index .main .data_list .list .classification_one .classification_one_top :hover span {
   color: #000000;
   font-weight: 700;
}
.index .main .data_list .list .classification_one .classification_one_top{
    position:relative;
    padding:0 .3rem;
}
.index .main .data_list .list .classification_one .classification_one_top:hover .xl_list{
    display:block;
}
.index .main .data_list .list .classification_one .classification_one_top .xl_list{
    display:none;
    position:absolute;
    top:.4rem;
    left:0;
    z-index:100;
    background:#f6f6f6;
    border-radius:.05rem;
    padding:.2rem .14rem;
    box-sizing:border-box;
    width:100%;
}
.index .main .data_list .list .classification_one .classification_one_top .xl_list em{
    display:block;
    color:#000000;
    text-align:center;
    font-size:.14rem;
    line-height: 1.1;
    margin-top: .2rem;
    cursor:pointer;
}
.index .main .data_list .list .classification_one .classification_one_top .xl_list em:hover{
    color:#027cd7;
    font-weight:700;
}
    .index .main .data_list .list .classification_one .classification_one_top .xl_list em:first-child {
        margin-top:0;
    }
.index .main .data_list .list .classification_one_list {
  position: relative;
}
.index .main .data_list .list .classification_one_list .classification_two {
  box-sizing: border-box;
  position: absolute;
  visibility: hidden;
  top: 0;
  opacity: 0;
  transform: translateX(10%);
  pointer-events: none;
  overflow: hidden;
  padding: 0 0.16rem;
  height: 5.5rem;
}
.index .main .data_list .list .classification_one_list .classification_two .mySwiper {
  width: 90%;
  margin: 0 auto;
  height: 0.29rem;
}
.index .main .data_list .list .classification_one_list .classification_two .mySwiper .swiper-slide {
  width: auto;
}
.index .main .data_list .list .classification_one_list .classification_two .mySwiper .swiper-slide em {
  cursor: pointer;
  text-align: center;
  color: #000000;
  font-size: 0.14rem;
  background-color: #f6f6f6;
  border-radius: 0.05rem;
  display: inline-block;
  line-height: 0.29rem;
  padding: 0 0.1rem;
  box-sizing: border-box;
  min-width: 0.8rem;
}
.index .main .data_list .list .classification_one_list .classification_two .mySwiper .swiper-slide.onn em {
  background: linear-gradient(to bottom, #0396f3, #0355ba);
  color: #fff;
}
    .index .main .data_list .list .classification_one_list .classification_two #leibie, .index .main .data_list .list .classification_one_list .classification_two #quyu {
        height: 5rem;
        overflow-y: auto;
        /*margin-top: 0.1rem;*/
        border-top: 0.01rem solid #f4f4f4;
    }
        .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic, .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic {
            cursor: pointer;
        }
            .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic:hover .nr h2,
            .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic:hover .nr h2 {
                color: #027cd7;
                font-weight: 700;
            }
            .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .null_pic:hover .nr h2,
            .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .null_pic:hover .nr h2 {
                color: #027cd7;
                font-weight: 700;
            }
        .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic,
        .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic {
            border-bottom: 0.01rem solid #f4f4f4;
            padding: 0.16rem 0;
            display: flex;
            padding-right: 0.1rem;
            justify-content: space-between;
        }
            .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .img,
            .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .img {
                width: 0.68rem;
                height: 0.68rem;
                border-radius: 0.05rem;
                overflow: hidden;
                margin-right: 0.1rem;
            }
                .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .img img,
                .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .img img {
                    width: 100%;
                    height: 100%;
                }
            .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .nr,
            .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .nr {
                /*width: calc(100% - 0.8rem);*/
                width: 100%;
                position: relative;
            }
                .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .nr h2,
                .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .nr h2 {
                    color: #404040;
                    font-size: 0.18rem;
                    font-weight: 400;
                    max-width: 80%;
                    margin-bottom: 0.08rem;
                    transition: all 0.5s;
                }
                .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .nr p,
                .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .nr p {
                    background: url(../img/icon28.png) no-repeat left center;
                    background-size: 0.12rem 0.14rem;
                    color: #404040;
                    font-size: 0.14rem;
                    padding-left: 0.16rem;
                    line-height: 1.45;
                }
                .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .nr .wl,
                .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .nr .wl {
                    cursor: pointer;
                    display: block;
                    position: absolute;
                    top: -0.1rem;
                    right: 0;
                    width: 0.3rem;
                    height: 0.3rem;
                }
                    .index .main .data_list .list .classification_one_list .classification_two #leibie .has_pic .nr .wl img,
                    .index .main .data_list .list .classification_one_list .classification_two #quyu .has_pic .nr .wl img {
                        width: 100%;
                        height: 100%;
                    }
        .index .main .data_list .list .classification_one_list .classification_two #leibie .null_pic,
        .index .main .data_list .list .classification_one_list .classification_two #quyu .null_pic {
            border-bottom: 0.01rem solid #f4f4f4;
            padding: 0.16rem 0;
            display: flex;
            padding-right: 0.1rem;
            justify-content: space-between;
        }
            .index .main .data_list .list .classification_one_list .classification_two #leibie .null_pic .nr,
            .index .main .data_list .list .classification_one_list .classification_two #quyu .null_pic .nr {
                width: 100%;
                position: relative;
            }
                .index .main .data_list .list .classification_one_list .classification_two #leibie .null_pic .nr h2,
                .index .main .data_list .list .classification_one_list .classification_two #quyu .null_pic .nr h2 {
                    color: #404040;
                    font-size: 0.18rem;
                    font-weight: 400;
                    max-width: 70%;
                    margin-bottom: 0.08rem;
                    transition: all 0.5s;
                }
                .index .main .data_list .list .classification_one_list .classification_two #leibie .null_pic .nr p,
                .index .main .data_list .list .classification_one_list .classification_two #quyu .null_pic .nr p {
                    background: url(../img/icon28.png) no-repeat left center;
                    background-size: 0.12rem 0.14rem;
                    color: #404040;
                    font-size: 0.14rem;
                    padding-left: 0.16rem;
                    line-height: 1.45;
                }
                .index .main .data_list .list .classification_one_list .classification_two #leibie .null_pic .nr .wl,
                .index .main .data_list .list .classification_one_list .classification_two #quyu .null_pic .nr .wl {
                    cursor: pointer;
                    display: block;
                    position: absolute;
                    top: -0.1rem;
                    right: 0;
                    width: 0.3rem;
                    height: 0.3rem;
                }
                    .index .main .data_list .list .classification_one_list .classification_two #leibie .null_pic .nr .wl img,
                    .index .main .data_list .list .classification_one_list .classification_two #quyu .null_pic .nr .wl img {
                        width: 100%;
                        height: 100%;
                    }
.index .main .data_list .list .classification_one_list .classification_two .next {
  top: 0;
  margin-top: 0;
  width: 0.19rem;
  height: 0.29rem;
  background: url(../img/icon25.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .data_list .list .classification_one_list .classification_two .next:hover {
  background: url(../img/icon26.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .data_list .list .classification_one_list .classification_two .prev {
  margin-top: 0;
  top: 0;
  transform: scaleX(-1);
  width: 0.19rem;
  height: 0.29rem;
  background: url(../img/icon25.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .data_list .list .classification_one_list .classification_two .prev:hover {
  background: url(../img/icon26.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .data_list .list .classification_one_list .classification_two.on {
  position: relative;
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.3s;
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
}
.index .main .data_list .click_btn {
  cursor: pointer;
  margin-top: 0.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 0.16rem;
  line-height: 0.3rem;
}
.index .main .data_list .click_btn img {
  width: 0.16rem;
  height: 0.08rem;
  margin-left: 0.1rem;
}
.index .main .point_position {
  width: 4.4rem;
  background-color: #fff;
  border-radius: 0.13rem;
  box-shadow: 0 0 0.06rem #e2e2e2;
  position: absolute;
  right: 0.2rem;
  top: 1.3rem;
  z-index: 12;
  padding: 0.42rem 0;
  box-sizing: border-box;
  display: none;
  height: 7.44rem;
}

    .index .main .point_position .scroll .flex {
        padding-bottom: 0.16rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0.16rem;
    }

    .index .main .point_position .dw_close {
        position: absolute;
        right: 0.1rem;
        top: 0.1rem;
        width: 0.24rem;
        height: 0.24rem;
        cursor: pointer;
    }
.index .main .point_position .scroll {
  height: 6.5rem;
  overflow-y: auto;
}
.index .main .point_position .scroll h2 {
  color: #333333;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.37rem;
  margin-bottom: 0.2rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 100%;
}
.index .main .point_position .scroll .add {
  margin: 0 0.16rem;
  background: url(../img/icon28.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.16rem;
  line-height: 1.45;
}
.index .main .data_list_info {
  width: 4.4rem;
  background-color: #fff;
  border-radius: 0.13rem;
  box-shadow: 0 0 0.06rem #e2e2e2;
  position: absolute;
  right: 0.2rem;
  top: 1.3rem;
  z-index: 20;
  padding: 0.42rem 0;
  box-sizing: border-box;
  display: none;
  height: 7.44rem;
}
.index .main .data_list_info .sjxq_close {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
.index .main .data_list .list_close {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
.index .main .data_list_info .scroll {
  height: 6.5rem;
  overflow-y: auto;
}
.index .main .data_list_info .scroll h2 {
  color: #333333;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.37rem;
  margin-bottom: 0.2rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 100%;
}
.index .main .data_list_info .scroll .flex {
  padding-bottom: 0.16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0.16rem;
  border-bottom: 0.01rem solid #f4f4f4;
}
.index .main .data_list_info .scroll .flex .add {
  background: url(../img/icon28.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.16rem;
  line-height: 1.45;
  max-width: 70%;
}
.index .main .data_list_info .scroll .flex .wl {
  cursor: pointer;
  display: block;
  width: 0.3rem;
  height: 0.3rem;
}
.index .main .data_list_info .scroll .flex .wl img {
  width: 100%;
  height: 100%;
}
.index .main .data_list_info .scroll .album {
  margin-top: 0.24rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 100%;
}
.index .main .data_list_info .scroll .album h3 {
  color: #333333;
  font-size: 0.22rem;
  margin-bottom: 0.12rem;
}
.index .main .data_list_info .scroll .album ol {
  display: flex;
  flex-wrap: wrap;
}
.index .main .data_list_info .scroll .album ol li {
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  width: 0.66rem;
  height: 0.66rem;
  overflow: hidden;
  border-radius: 0.05rem;
}
.index .main .data_list_info .scroll .album ol li:nth-child(4n+4) {
  margin-right: 0;
}
.index .main .data_list_info .scroll .album ol li img {
  width: 100%;
  height: 100%;
}
.index .main .error {
    width: 4.4rem;
    background-color: #fff;
    border-radius: 0.13rem;
    box-shadow: 0 0 0.06rem #e2e2e2;
    position: absolute;
    right: 0.2rem;
    top: 1.3rem;
    z-index: 200;
    padding: 0.18rem 0;
    box-sizing: border-box;
    display: none;
    height: 7.44rem;
}
.index .main .error .jc_close {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
.index .main .error .error_content .error_title {
  margin-bottom: 0.3rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index .main .error .error_content .error_title .left {
  color: #404040;
  font-size: 0.14rem;
}
.index .main .error .error_content .error_title .left img {
  width: 0.08rem;
  height: 0.14rem;
  vertical-align: -0.02rem;
}
.index .main .error .error_content .error_title .mid {
  color: #333333;
  font-size: 0.24rem;
  font-weight: 700;
}
.index .main .error .error_content .static {
  width: 100%;
  padding: 0 0.16rem;
  box-sizing: border-box;
}
.index .main .error .error_content .static p {
  color: #404040;
  font-size: 0.14rem;
}
.index .main .error .error_content .static ol {
  margin-top: 0.1rem;
  display: flex;
  flex-wrap: wrap;
}
.index .main .error .error_content .static ol li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 0.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.1rem;
  box-sizing: border-box;
  background-color: #f6f6f6;
  border-radius: 0.07rem;
}
.index .main .error .error_content .static ol li:nth-child(2n+2) {
  margin-right: 0;
}
.index .main .error .error_content .static ol li h5 {
  color: #404040;
  font-size: 0.14rem;
  font-weight: 700;
  margin-bottom: 0.05rem;
}
.index .main .error .error_content .static ol li p {
  color: #404040;
  font-size: 0.12rem;
  line-height: 1.3;
}
.index .main .error .error_content .static ol li.on {
  background-color: #027cd7;
}
.index .main .error .error_content .static ol li.on h5 {
  color: #fff;
}
.index .main .error .error_content .static ol li.on p {
  color: #fff;
}
.index .main .error .error_content .table {
  width: 100%;
  padding: 0 0.16rem;
  box-sizing: border-box;
  margin-top: 0.2rem;
  border-top: 0.03rem solid #f4f4f4;
}
.index .main .error .error_content .table .ipt_box {
  display: flex;
  align-items: center;
  height: 0.5rem;
  border-bottom: 0.01rem solid #f4f4f4;
}
.index .main .error .error_content .table .ipt_box span {
  color: #000;
  font-size: 0.14rem;
  display: inline-block;
  margin-right: 0.26rem;
}
.index .main .error .error_content .table .ipt_box input {
  width: 76%;
  color: #000;
  font-size: 0.14rem;
}
.index .main .error .error_content .table .ipt_box input::placeholder {
  color: #acacac;
}
.index .main .error .error_content .table .ipt_box.textarea {
  border-bottom: 0;
  margin-top: 0.16rem;
  display: block;
  height: 1rem;
}
.index .main .error .error_content .table .ipt_box.textarea textarea {
  margin-top: 0.1rem;
  height: 0.8rem;
  padding: 0.1rem;
  box-sizing: border-box;
  font-size: 0.14rem;
  line-height: 1.3;
  color: #000;
  width: 100%;
  resize: none;
  border: 0.01rem solid #f4f4f4;
  border-radius: 0.12rem;
}
.index .main .error .error_content .submit {
  width: 1.55rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background: linear-gradient(to bottom, #0393f2, #0355ba);
  color: #fff;
  font-size: 0.16rem;
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  border-radius: 0.09rem;
  cursor: pointer;
}
.index .main .error .error_content .submit:hover {
  left: 52%;
}
.index .main .drugs_list {
  width: 4.4rem;
  background-color: #fff;
  border-radius: 0.13rem;
  box-shadow: 0 0 0.06rem #e2e2e2;
  position: absolute;
  right: 0.2rem;
  top: 1.3rem;
  z-index: 2;
  padding: 0.24rem 0;
  box-sizing: border-box;
  display: none;
  height: 7.44rem;
}
.index .main .drugs_list .search {
  margin: 0 auto;
}
.index .main .drugs_list .list {
  margin-top: 0.2rem;
  border-top: 0.03rem solid #f4f4f4;
  min-height: 6rem;
  overflow: hidden;
}
.index .main .drugs_list .list .classification_one {
  line-height: 0.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.index .main .drugs_list .list .classification_one span {
  color: #000000;
  font-size: 0.16rem;
  cursor: pointer;
}
.index .main .drugs_list .list .classification_one span.on {
  color: #000000;
  font-weight: 700;
}
.index .main .drugs_list .list .classification_one span:hover {
  color: #000000;
  font-weight: 700;
}
.index .main .drugs_list .list .classification_one_list {
  position: relative;
}
.index .main .drugs_list .list .classification_one_list .classification_two {
  box-sizing: border-box;
  position: absolute;
  visibility: hidden;
  top: 0;
  opacity: 0;
  transform: translateX(10%);
  pointer-events: none;
  overflow: hidden;
  padding: 0 0.16rem;
  height: 5.5rem;
}
.index .main .drugs_list .list .classification_one_list .classification_two .mySwiper {
  width: 90%;
  margin: 0 auto;
  height: 0.29rem;
}
.index .main .drugs_list .list .classification_one_list .classification_two .mySwiper .swiper-slide {
  width: auto;
}
.index .main .drugs_list .list .classification_one_list .classification_two .mySwiper .swiper-slide em {
  cursor: pointer;
  text-align: center;
  color: #000000;
  font-size: 0.14rem;
  background-color: #f6f6f6;
  border-radius: 0.05rem;
  display: inline-block;
  line-height: 0.29rem;
  padding: 0 0.1rem;
  box-sizing: border-box;
  min-width: 0.8rem;
}
.index .main .drugs_list .list .classification_one_list .classification_two .mySwiper .swiper-slide.swiper-slide-thumb-active em {
  background: linear-gradient(to bottom, #0396f3, #0355ba);
  color: #fff;
}
    .index .main .drugs_list .list .classification_one_list .classification_two #druglist {
        height: 5.3rem;
        overflow-y: auto;
        margin-top: 0.1rem;
        border-top: 0.01rem solid #f4f4f4;
    }
        .index .main .drugs_list .list .classification_one_list .classification_two #druglist .swiper-slide {
            cursor: pointer;
        }
            .index .main .drugs_list .list .classification_one_list .classification_two #druglist .swiper-slide.swiper-slide-active .has_pic:hover .nr h2 {
                color: #027cd7;
                font-weight: 700;
            }
            .index .main .drugs_list .list .classification_one_list .classification_two #druglist .swiper-slide.swiper-slide-active .null_pic:hover .nr h2 {
                color: #027cd7;
                font-weight: 700;
            }
        .index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic {
            border-bottom: 0.01rem solid #f4f4f4;
            padding: 0.16rem 0;
            display: flex;
            padding-right: 0.1rem;
            justify-content: space-between;
        }
            .index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .img {
                width: 0.68rem;
                height: 0.68rem;
                border-radius: 0.05rem;
                overflow: hidden;
                margin-right: 0.1rem;
            }
                .index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .img img {
                    width: 100%;
                    height: 100%;
                }
            .index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr {
                width: calc(100% - 0.8rem);
                position: relative;
            }
                .index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr h2 {
                    color: #404040;
                    font-size: 0.18rem;
                    font-weight: 400;
                    max-width: 80%;
                    margin-bottom: 0.08rem;
                    transition: all 0.5s;
                }
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr p {
  background: url(../img/icon28.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.16rem;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr span {
  display: inline-block;
  color: #7a5b39;
  font-size: 0.14rem;
  background-color: #fdf6e7;
  border-radius: 0.04rem;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  margin: 0.06rem 0;
  line-height: 1.3;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr .money {
  display: flex;
  align-items: center;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr .money h4 {
  color: #c90000;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr .money h4 em {
  color: #c90000;
  font-size: 0.2rem;
  font-weight: 700;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr .money h6 {
  color: #6b6b6b;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr .wl {
  cursor: pointer;
  display: block;
  position: absolute;
  top: -0.1rem;
  right: 0;
  width: 0.3rem;
  height: 0.3rem;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .has_pic .nr .wl img {
  width: 100%;
  height: 100%;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic {
  border-bottom: 0.01rem solid #f4f4f4;
  padding: 0.16rem 0;
  display: flex;
  padding-right: 0.1rem;
  justify-content: space-between;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr {
  width: 100%;
  position: relative;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr h2 {
  color: #404040;
  font-size: 0.18rem;
  font-weight: 400;
  max-width: 70%;
  margin-bottom: 0.08rem;
  transition: all 0.5s;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr p {
  background: url(../img/icon28.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.16rem;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr .wl {
  cursor: pointer;
  display: block;
  position: absolute;
  top: -0.1rem;
  right: 0;
  width: 0.3rem;
  height: 0.3rem;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr .wl img {
  width: 100%;
  height: 100%;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr span {
  display: inline-block;
  color: #7a5b39;
  font-size: 0.14rem;
  background-color: #fdf6e7;
  border-radius: 0.04rem;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  margin: 0.06rem 0;
  line-height: 1.3;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr .money {
  display: flex;
  align-items: center;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr .money h4 {
  color: #c90000;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr .money h4 em {
  color: #c90000;
  font-size: 0.2rem;
  font-weight: 700;
}
.index .main .drugs_list .list .classification_one_list .classification_two #druglist .null_pic .nr .money h6 {
  color: #6b6b6b;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list .list .classification_one_list .classification_two .next {
  top: 0;
  margin-top: 0;
  width: 0.19rem;
  height: 0.29rem;
  background: url(../img/icon25.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .drugs_list .list .classification_one_list .classification_two .next:hover {
  background: url(../img/icon26.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .drugs_list .list .classification_one_list .classification_two .prev {
  margin-top: 0;
  top: 0;
  transform: scaleX(-1);
  width: 0.19rem;
  height: 0.29rem;
  background: url(../img/icon25.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .drugs_list .list .classification_one_list .classification_two .prev:hover {
  background: url(../img/icon26.png) no-repeat center;
  background-size: 100% 100%;
}
.index .main .drugs_list .list .classification_one_list .classification_two.on {
  position: relative;
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.3s;
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
}
.index .main .drugs_list .drugs_list_btn {
  cursor: pointer;
  margin-top: 0.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 0.16rem;
  line-height: 0.3rem;
}
.index .main .drugs_list .drugs_list_btn img {
  width: 0.16rem;
  height: 0.08rem;
  margin-left: 0.1rem;
}
.index .main .drugs_list_info {
  width: 4.4rem;
  background-color: #fff;
  border-radius: 0.13rem;
  box-shadow: 0 0 0.06rem #e2e2e2;
  position: absolute;
  right: 0.2rem;
  top: 1.3rem;
  z-index: 2;
  padding: 0.42rem 0;
  box-sizing: border-box;
  display: none;
  height: 7.44rem;
}
.index .main .drugs_list_info .ypxq_close {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
.index .main .drugs_list_info .scroll {
  height: 6.5rem;
  overflow-y: auto;
}
.index .main .drugs_list_info .scroll .yp_info {
  margin: 0 0.16rem;
  margin-bottom: 0.2rem;
  padding-bottom: 0.1rem;
  border-bottom: 0.01rem solid #f4f4f4;
}
.index .main .drugs_list_info .scroll .yp_info h1 {
  color: #333333;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.37rem;
  margin-bottom: 0.05rem;
}
.index .main .drugs_list_info .scroll .yp_info p {
  color: #404040;
  font-size: 0.14rem;
  line-height: 1.45;
}
.index .main .drugs_list_info .scroll .yp_info span {
  display: inline-block;
  color: #7a5b39;
  font-size: 0.14rem;
  background-color: #fdf6e7;
  border-radius: 0.04rem;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  margin: 0.06rem 0;
  line-height: 1.3;
}
.index .main .drugs_list_info .scroll .yp_info .money {
  display: flex;
  align-items: center;
}
.index .main .drugs_list_info .scroll .yp_info .money h4 {
  color: #c90000;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list_info .scroll .yp_info .money h4 em {
  color: #c90000;
  font-size: 0.2rem;
  font-weight: 700;
}
.index .main .drugs_list_info .scroll .yp_info .money h6 {
  color: #6b6b6b;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list_info .scroll h5 {
  color: #333333;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.37rem;
  margin-bottom: 0.1rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 100%;
}
.index .main .drugs_list_info .scroll .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0.16rem;
}
.index .main .drugs_list_info .scroll .flex .add {
  background: url(../img/icon28.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.16rem;
  line-height: 1.45;
  max-width: 70%;
}
.index .main .drugs_list_info .scroll .flex .wl {
  cursor: pointer;
  display: block;
  width: 0.3rem;
  height: 0.3rem;
}
.index .main .drugs_list_info .scroll .flex .wl img {
  width: 100%;
  height: 100%;
}
.index .main .drugs_list_info .scroll .tj {
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 100%;
  border-top: 0.03rem solid #f4f4f4;
  margin-top: 0.2rem;
  padding-top: 0.15rem;
}
.index .main .drugs_list_info .scroll .tj h1 {
  color: #333333;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.37rem;
  margin-bottom: 0.05rem;
}
.index .main .drugs_list_info .scroll .tj .tj_box {
  width: 100%;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic {
  border-bottom: 0.01rem solid #f4f4f4;
  padding: 0.16rem 0;
  display: flex;
  padding-right: 0.1rem;
  justify-content: space-between;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .img {
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 0.05rem;
  overflow: hidden;
  margin-right: 0.1rem;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .img img {
  width: 100%;
  height: 100%;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr {
  width: calc(100% - 0.8rem);
  position: relative;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr h2 {
  color: #404040;
  font-size: 0.18rem;
  font-weight: 400;
  max-width: 80%;
  margin-bottom: 0.08rem;
  transition: all 0.5s;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr p {
  background: url(../img/icon28.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.16rem;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr span {
  display: inline-block;
  color: #7a5b39;
  font-size: 0.14rem;
  background-color: #fdf6e7;
  border-radius: 0.04rem;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  margin: 0.06rem 0;
  line-height: 1.3;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr .money {
  display: flex;
  align-items: center;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr .money h4 {
  color: #c90000;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr .money h4 em {
  color: #c90000;
  font-size: 0.2rem;
  font-weight: 700;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr .money h6 {
  color: #6b6b6b;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr .wl {
  cursor: pointer;
  display: block;
  position: absolute;
  top: -0.1rem;
  right: 0;
  width: 0.3rem;
  height: 0.3rem;
}
.index .main .drugs_list_info .scroll .tj .tj_box .has_pic .nr .wl img {
  width: 100%;
  height: 100%;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic {
  border-bottom: 0.01rem solid #f4f4f4;
  padding: 0.16rem 0;
  display: flex;
  padding-right: 0.1rem;
  justify-content: space-between;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr {
  width: 100%;
  position: relative;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr h2 {
  color: #404040;
  font-size: 0.18rem;
  font-weight: 400;
  max-width: 70%;
  margin-bottom: 0.08rem;
  transition: all 0.5s;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr p {
  background: url(../img/icon28.png) no-repeat left center;
  background-size: 0.12rem 0.14rem;
  color: #404040;
  font-size: 0.14rem;
  padding-left: 0.16rem;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr .wl {
  cursor: pointer;
  display: block;
  position: absolute;
  top: -0.1rem;
  right: 0;
  width: 0.3rem;
  height: 0.3rem;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr .wl img {
  width: 100%;
  height: 100%;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr span {
  display: inline-block;
  color: #7a5b39;
  font-size: 0.14rem;
  background-color: #fdf6e7;
  border-radius: 0.04rem;
  padding: 0.02rem 0.08rem;
  box-sizing: border-box;
  margin: 0.06rem 0;
  line-height: 1.3;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr .money {
  display: flex;
  align-items: center;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr .money h4 {
  color: #c90000;
  font-size: 0.14rem;
  font-weight: 400;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr .money h4 em {
  color: #c90000;
  font-size: 0.2rem;
  font-weight: 700;
}
.index .main .drugs_list_info .scroll .tj .tj_box .null_pic .nr .money h6 {
  color: #6b6b6b;
  font-size: 0.14rem;
  font-weight: 400;
}
.search {
  margin-right: 0.2rem;
  width: 2.73rem;
  height: 0.38rem;
  border: 0.01rem solid #e8e8e8;
  border-radius: 0.19rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search input {
  width: calc(100% - 0.79rem);
  padding: 0 0.14rem;
  box-sizing: border-box;
  height: 0.38rem;
  font-size: 0.14rem;
  color: #333;
  line-height: 0.35rem;
}
.search span {
  cursor: pointer;
  text-align: center;
  line-height: 0.38rem;
  display: inline-block;
  width: 0.74rem;
  background: linear-gradient(to bottom, #0393f2, #0356bc);
  color: #fff;
  font-size: 0.14rem;
  border-radius: 0.19rem;
  box-sizing: border-box;
}
.search span img {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.05rem;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  display: none;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  display: none;
}
.public_nr {
  margin-top: 0.12rem;
  border-top: 0.03rem solid #f4f4f4;
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 100%;
}
.public_nr .box {
  border-top: 0.01rem solid #f4f4f4;
  box-sizing: border-box;
  width: 100%;
  padding: 0.12rem 0.16rem;
}
.public_nr p {
  color: #404040;
  font-size: 0.14rem;
  line-height: 0.3rem;
}
.public_xq {
  margin-top: 0.12rem;
  border-top: 0.03rem solid #f4f4f4;
  padding: 0.16rem;
  box-sizing: border-box;
  width: 100%;
}
.public_xq h1 {
  color: #333333;
  font-size: 0.22rem;
  font-weight: 700;
  margin-bottom: 0.14rem;
}
.public_xq p {
  color: #404040;
  font-size: 0.14rem;
  line-height: 0.3rem;
}
.error_correction {
  cursor: pointer;
  line-height: 0.5rem;
  padding: 0 0.16rem;
  box-sizing: border-box;
  width: 40%;
  display: flex;
  justify-content: end;
  align-items: center;
  position: absolute;
  z-index: 9;
  bottom: 0;
  right: 0;
  background-color: #fff;
}
.error_correction img {
  width: 0.16rem;
  height: 0.16rem;
}
.error_correction span {
  color: #404040;
  font-size: 0.14rem;
}
.error_correction em {
  color: #027cd7;
  font-size: 0.14rem;
}

.tag-wrapper {
    padding: .1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
    .tag-wrapper .tag {
        position: relative;
        top: 0;
        z-index: 1;
        text-align: center;
        padding: .06rem .15rem;
        color: white;
        margin: .1rem;
    }
        .tag-wrapper .tag::before, .tag-wrapper .tag::after {
            content: '';
            position: absolute;
            top: 0;
            transform: skew(-12deg);
        }

        .tag-wrapper .tag::after {
            right: 0;
            bottom: 0;
            z-index: -1;
            border-radius: .05rem;
            background: #0488ea;
        }

    .tag-wrapper .tag-right::after {
        background: #0488ea;
        left: 0;
    }

.drugs_list_close {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    width: 0.24rem;
    height: 0.24rem;
    cursor: pointer;
}
#pointcontent1 {
    overflow-y:auto;
    height:5rem;
}

.classification_one_top .on {
    color: #027cd7 !important;
    font-weight: 700 !important;
}






/*250618ะยิ๖*/
.yd_tc {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.5);
    z-index:100;
}
.yd_tc .yd_tc__nr{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:9.53rem;
    height:5.53rem;
    background:#fff;
    box-shadow:0.02rem 0 0.06rem #e2e2e2;
    padding:.5rem 0 .4rem 0;
    box-sizing:border-box;
}
.yd_tc .yd_tc__nr .tc_close{
    width:.24rem;
    height:.24rem;
    position:absolute;
    top:0.2rem;
    right:0.2rem;
    cursor:pointer;
}
.yd_tc .yd_tc__nr h2{
    color:#333333;
    font-size:.26rem;
    text-align:center;
    font-weight:700;
    width:100%;
    padding:0.26rem;
    padding-top:0;
    box-sizing:border-box;
    border-bottom:.04rem solid #f4f4f4;
}
.yd_tc .yd_tc__nr .tt_nr{
    width:100%;
    padding: 0 .3rem;
    box-sizing:border-box;
    height: 5rem;
    overflow-y: auto;
    margin-top: .1rem;
}
.yd_tc .yd_tc__nr .tt_nr p{
    font-size:.16rem;
    line-height:1.5;
    color:#333;
}
.yd_tc .yd_tc__nr .tt_nr img{
    max-width:100%;
}
.yd_tc .yd_tc__nr .tt_nr iframe{
    max-width:100%;
}
.yd_tc .yd_tc__nr .tt_nr table{
    max-width:100%;
}
.yd_tc .yd_tc__nr .tt_nr video{
    max-width:100%;
}





/*050618ะยิ๖*/
#ydy {
    background:url(../img/xz_icon9.jpg) no-repeat center;
    background-size:cover;
    width:100%;
    height:100vh;
}
.yd_t {
    width:100%;
    height:1rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 .6rem;
    box-sizing:border-box;
    background:#fff;
}
.yd_t .z{
    width:7rem;
}
.yd_t .z img{
    width:6.37rem;
    height:.68rem;
}
.yd_t .r a{
    display:flex;
    align-items:center;
}
.yd_t .r img{
    width:.3rem;
    height:.3rem;
}
.yd_t .r span{
    color:#000;
    font-size:.16rem;
    margin-left:.1rem;
}
.yd_t .r a:hover span{
    color:#0373d0;
}
#ydy .list ul {
    width:14rem;
    padding:1rem 0 0;
    margin:0 auto;
    overflow:hidden;
}
#ydy .list li {
    float: left;
    height: 2.61rem;
    width: 4.45rem;
    margin-right: .27rem;
    margin-bottom: .27rem;
    background: url(../img/xz_icon3.png) no-repeat center;
    background-size: 100% 100%;
    transition:all .5s;
    border-radius:.3rem;
    overflow:hidden;
}
#ydy .list li:nth-child(2){
    background:url(../img/xz_icon4.png) no-repeat center;
    background-size:100% 100%;
}
#ydy .list li:nth-child(3){
    background:url(../img/xz_icon5.png) no-repeat center;
    background-size:100% 100%;
}
#ydy .list li:nth-child(4){
    background:url(../img/xz_icon6.png) no-repeat center;
    background-size:100% 100%;
}
#ydy .list li:nth-child(5){
    background:url(../img/xz_icon7.png) no-repeat center;
    background-size:100% 100%;
}
#ydy .list li:nth-child(6){
    background:url(../img/xz_icon8.png) no-repeat center;
    background-size:100% 100%;
}
#ydy .list li:nth-child(3n+3){
    margin-right:0;
}
#ydy .list li a{
    display:block;
    width:100%;
    height:100%;
    padding:.3rem .24rem .1rem;
    box-sizing:border-box;
}
#ydy .list li a h1{
    color:#0090fc;
    font-size:.3rem;
    font-weight:700;
    margin-bottom:.24rem;
}
#ydy .list li:nth-child(2) a h1{
    color:#f19328;
}
#ydy .list li:nth-child(3) a h1{
    color:#eb6268;
}
#ydy .list li:nth-child(4) a h1{
    color:#179a70;
}
#ydy .list li:nth-child(5) a h1{
    color:#d08a28;
}
#ydy .list li:nth-child(6) a h1{
    color:#3aa9fd;
}
#ydy .list li:hover{
    transform:translateY(-.1rem);
}
#ydy .list li a p{
    color:#333333;
    font-size:.24rem;
    padding:.08rem 0.1rem;
    width: 1.7rem;
    text-align:center;
}
#ydy .list li a p:last-child{
    margin-bottom:0;
}
#ydy .list li a p:hover{
    background:rgba(255,255,255,.8);
    border-radius:.3rem;
    color:#0090fc;
}
#ydy .list li:nth-child(2) a p:hover{
    color:#f19328;
}
#ydy .list li:nth-child(3) a p:hover{
    color:#eb6268;
}
#ydy .list li:nth-child(4) a p:hover{
    color:#179a70;
}
#ydy .list li:nth-child(5) a p:hover{
    color:#d08a28;
}
#ydy .list li:nth-child(6) a p:hover{
    color:#3aa9fd;
}



.box_img.wsdt {
    position:fixed;
    top:2rem;
    right:.3rem;
    z-index:12;
    background:#fff;
    width:.8rem;
    height:.8rem;
    border-radius:.09rem;
    line-height:1.3;
}
.box_img.wsdt {
    cursor: pointer;
    text-align: center;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    /*margin-bottom: 0.1rem;*/
}
.box_img.wsdt img {
  width: 0.27rem;
  height: 0.27rem;
  display: block;
  margin: 0 auto 0.05rem;
}
.box_img.wsdt p {
  color: #000000;
  font-size: 0.14rem;
  line-height: 1.1;
}


.shaixuan {
    position:fixed;
    top:.96rem;
    left:.6rem;
    z-index:12;
    display:flex;
    align-items:center;
}
.shaixuan .gb_v{
    margin-right:.36rem;
    width:1.79rem;
    height:.97rem;
    line-height:.87rem;
    background:url(../../map/icon/250623/icon9.png) no-repeat center;
    background-size:100% 100%;
    text-align:center;
    border-radius:.09rem;
    position:relative;
}
.shaixuan .gb_v span{
    opacity:0;
    display:block;
    color:#036acf;
    font-size:.3rem;
    text-align:center;
    text-indent:.44rem;
    cursor:pointer;
}
/*.shaixuan .gb_v span:hover{
    cursor:pointer;
}*/
/*.shaixuan .gb_v:nth-child(1) span{
    background:url(../../map/icon/250623/icon1.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
}
.shaixuan .gb_v:nth-child(1).on span{
    background:url(../../map/icon/250623/icon5.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
    color:#fff;
}
.shaixuan .gb_v:nth-child(1):hover{
    background:linear-gradient(to bottom,#0398f5,#0351b7);
}
.shaixuan .gb_v:nth-child(1).on{
    background:linear-gradient(to bottom,#0398f5,#0351b7);
}
.shaixuan .gb_v:nth-child(1):hover span{
    background:url(../../map/icon/250623/icon5.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
    color:#fff;
}


.shaixuan .gb_v:hover{
    background:linear-gradient(to bottom,#0398f5,#0351b7);
}
.shaixuan .gb_v.on{
    background:linear-gradient(to bottom,#0398f5,#0351b7);
}
.shaixuan .gb_v:nth-child(2) span{
    background:url(../../map/icon/250623/icon2.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
}
.shaixuan .gb_v:nth-child(2).on span{
    background:url(../../map/icon/250623/icon6.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
    color:#fff;
}
.shaixuan .gb_v:nth-child(2):hover span{
    background:url(../../map/icon/250623/icon6.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
    color:#fff;
}


.shaixuan .gb_v:nth-child(3) span{
    background:url(../../map/icon/250623/icon3.png) no-repeat 25% 50%;
    background-size:.25rem .3rem;
}
.shaixuan .gb_v:nth-child(3).on span{
    background:url(../../map/icon/250623/icon7.png) no-repeat 25% 50%;
    background-size:.25rem .3rem;
    color:#fff;
}
.shaixuan .gb_v:nth-child(3):hover span{
    background:url(../../map/icon/250623/icon7.png) no-repeat 25% 50%;
    background-size:.25rem .3rem;
    color:#fff;
}

.shaixuan .gb_v:nth-child(4) span{
    background:url(../../map/icon/250623/icon4.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
}
.shaixuan .gb_v:nth-child(4).on span{
    background:url(../../map/icon/250623/icon8.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
    color:#fff;
}
.shaixuan .gb_v:nth-child(4):hover span{
    background:url(../../map/icon/250623/icon8.png) no-repeat 25% 50%;
    background-size:.32rem .32rem;
    color:#fff;
}*/
.shaixuan .gb_v:hover .ej{
    display:block;
    background:#fff;
    padding:.1rem .05rem;
    box-sizing:border-box;
}
.shaixuan .gb_v .ej{
    display:none;
    position:absolute;
    top:.68rem;
    left:0;
    width:100%;
}
.shaixuan .gb_v .ej h1{
    color:#333;
    font-size:.18rem;
    font-weight:400;
    line-height:1.4;
    cursor:pointer;
    margin-bottom:.2rem;
}
.shaixuan .gb_v .ej h1:hover{
    color:#027cd7;
}
.shaixuan .gb_v .ej h1.active{
    color:#027cd7;
}
.shaixuan .gb_v .ej h1 em{
    color:#333;
    font-size:.18rem;
    display:none;
    margin:.05rem 0;
}
.shaixuan .gb_v .ej h1 em:hover{
    color:#027cd7;
}
.shaixuan .gb_v .ej h1 em.addto{
    color:#027cd7;
}
.shaixuan .gb_v .ej h1:hover em{
    display:block;

}








.shaixuan .gb_v:nth-child(1){
    background:url(../img/xc1.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(1):hover{
     background:url(../img/xc1_1.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(1).on{
     background:url(../img/xc1_1.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(2){
    background:url(../img/xc2.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(2):hover{
     background:url(../img/xc2_2.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(2).on{
     background:url(../img/xc2_2.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(3){
    background:url(../img/xc3.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(3):hover{
     background:url(../img/xc3_3.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(3).on{
     background:url(../img/xc3_3.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(4){
    background:url(../img/xc4.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(4):hover{
     background:url(../img/xc4_4.png) no-repeat center;
    background-size:100% 100%;
}
.shaixuan .gb_v:nth-child(4).on{
     background:url(../img/xc4_4.png) no-repeat center;
    background-size:100% 100%;
}