/* 列表 */
.listBox{position: relative; }
.listTitle{display: flex; align-items: center;  padding: 0 .4rem 0 .3rem; color: #131626; font-size: .32rem; font-weight: bold; justify-content: space-between; padding-top: .4rem; position: relative; z-index: 1;}
.listBox::before{content: ''; width: 100%; height: 2.4rem;
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, #fff 83%, #fff 100%); position: absolute; left: 0; right: 0; top:0;}
.listTitle ul{display: flex; align-items: center;}
.listTitle ul li{margin-right: .54rem; position: relative;}
.listTitle ul li.curr{ font-size: .38rem; color: #131626;}
.listTitle .changeStyle{width:.5rem; height: .5rem; background: url(../images/change_icon.png) no-repeat center/.3rem;display: block;}
.listTitle .changeStyle.listStyle{background-image: url(../images/list_icon.png)}
.listTitle ul li::after{content: ''; display: block; width: .4rem; height: .2rem; background: url(../images/bottom_curr.png) no-repeat center/cover; position: absolute; left: 0; right: 0; margin: auto; margin-top: -.04rem; transform: scale(0); transition: transform .1s; transform-origin: top center}
.listTitle ul li.curr::after{ transform: scale(1);}

.infoList{position: relative; z-index: 1; margin-top: .35rem;}
.horizontal_list .info_item {margin: 0 .2rem .22rem;}
.horizontal_list .info_item a{display: block; background: #fff; border-radius: .3rem; padding: .3rem .3rem .25rem;}
.horizontal_list .info_item .memberInfo{display: flex; align-items: center;}
.horizontal_list .info_item .memberInfo .photo{width: .68rem; height: .68rem; border-radius: 50%; background: #f5f5f5; }
.horizontal_list .info_item .memberInfo .photo img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.horizontal_list .info_item .memberInfo .memberDetail{margin-left: .1rem}
.horizontal_list .info_item .memberInfo .memberDetail h2{color: #131626; font-size: .28rem; font-weight: bold; max-width:5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.horizontal_list .info_item .memberInfo .memberDetail p{color: #ADAEB3; font-size: .2rem;}
.horizontal_list .info_item .infoDetail{margin-top: .35rem;}
.horizontal_list .info_item .infoDetail h3{font-size: .3rem; color: #202021; line-height: .4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.horizontal_list .info_item .moreText.infoDetail h3{-webkit-line-clamp: 3;}
.horizontal_list .info_item .infoDetail h3 .toTop,.topRight .toTop{font-size: .22rem; color: #653715;  padding:0 .12rem ; line-height: .32rem; border-radius: .16rem; background: linear-gradient(90deg, #FFEBD6 0%, #FAC8AC 100%); display:inline-block; vertical-align: middle; margin-bottom: .06rem; margin-right: .12rem}
.horizontal_list .info_item .infoDetail h3 .type,.topRight .type{font-size: .22rem; color: #fff;  padding:0 .12rem ; line-height: .32rem; border-radius: .16rem;
background: linear-gradient(90deg, #00BF8F 0%, #06C485 100%); display:inline-block; vertical-align: middle; margin-bottom: .06rem; margin-right: .12rem}
.horizontal_list .info_item .infoDetail>.hb{color: #7B5B36; font-size: .28rem; font-weight: bold; background: #FFF6ED; border-radius: .16rem; height: .92rem; display: flex; align-items: center; padding-left: .16rem; margin-top: .16rem;}
.horizontal_list .info_item .infoDetail>.hb::before{content: ''; display: block; background: url(../images/hb.png) no-repeat center/cover;width: .5rem; height: .6rem; box-shadow: 0 0.04rem 0.09rem 0 rgb(186 28 0 / 40%); border-radius: .08rem; margin-right: .18rem; }
.horizontal_list .info_item .imgBox{border-radius: .16rem; overflow: hidden; margin-top: .2rem; position: relative; max-width: 6.48rem;}
.horizontal_list .info_item .imgBox.singleImg{width: 4rem; height: 4rem;  background: #f5f5f5;}
.horizontal_list .info_item .imgBox.singleImg.horizontal{width:5rem; height: 3.2rem;}
.horizontal_list .info_item .imgBox.singleImg.vertical{width:3.5rem; height: 4.9rem; background: #f5f5f5;}
.horizontal_list .info_item .imgBox img{display: block; width: 100%; height: 100%; object-fit: cover;}
.horizontal_list .info_item .imgBox.singleImg .img{width:100%; height:100%;}
.info_item .imgBox .posi{position: absolute; left: .1rem; bottom: .1rem; line-height: .38rem; border-radius: .19rem; background: rgba(19, 22, 38, .65); color: #fff; font-size: .2rem; display: flex; align-items: center; padding:0 .09rem;}
.info_item .imgBox .posi::before{content: ''; display: block; width: .24rem; height: .24rem; background: url(../images/posi.png) no-repeat center/cover; margin-right: .04rem;}
.info_item .imgBox .posi span{display: block; max-width: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: .04rem;}
.info_item .imgBox .hb{display: block; width: .5rem; height: .6rem; background: url(../images/hb.png) no-repeat center/cover; border-radius: .08rem; box-shadow: 0 .04rem .09rem 0 rgba(186, 28, 0, 0.4); position: absolute; left: .16rem; top: .16rem;}
.horizontal_list .info_item .imgBox.twoImg{display: flex; align-items: center; background: #f5f5f5;}
.horizontal_list .info_item .imgBox.twoImg .img{width: 50%; height: 3.25rem; }

.horizontal_list .info_item .imgBox.moreImg{background: #f5f5f5;}
.horizontal_list .info_item .imgBox.moreImg .imgScroll{display: flex; align-items: center; background: #f5f5f5; overflow: auto}
.horizontal_list .info_item .imgBox.moreImg .img{width: 2.16rem; height: 2.16rem; flex-shrink: 0}
/* .horizontal_list .info_item .imgBox.moreImg .img:nth-child(1){background: #f00;} */
.horizontal_list .info_item .imgBox .imgScroll::-webkit-scrollbar, .info_item .labs::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.horizontal_list .info_item .labs{margin-top: .14rem; max-height: .44rem; overflow: hidden;}
.horizontal_list .info_item .labs span{display: inline-block; padding: 0 .16rem; color: #3D7A99; font-size: .22rem; line-height: .4rem; border-radius: .1rem; margin-right: .08rem; background: #F0F4FA; max-width: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.horizontal_list .info_item .aboutInfo{display: flex; align-items: center; justify-content: space-between; margin-top: .27rem;}
.horizontal_list .info_item .aboutInfo span{display: flex;  color: #313233; font-size: .24rem; align-items: center; }
.horizontal_list .info_item .aboutInfo .rightBtn{display: flex; align-items: center; justify-content: flex-end;}
.horizontal_list .info_item .aboutInfo span::before{content: ''; display: block;}
.horizontal_list .info_item .aboutInfo span.readCount::before{width: .28rem; height: .28rem; background: url(../images/read_icon.png) no-repeat center/cover; margin-right: .06rem}
.horizontal_list .info_item .aboutInfo span.commtCount::before{width: .46rem; height: .46rem; background: url(../images/commt_icon.png) no-repeat center/cover; margin-right: .04rem}
.horizontal_list .info_item .aboutInfo span.shouCount::before{width: .28rem; height: .28rem; background: url(../images/shou_icon.png) no-repeat center/cover; margin-right: .06rem}
.horizontal_list .info_item .aboutInfo span.tel{margin-left: .5rem;}
.horizontal_list .info_item .aboutInfo span.tel::before{width: .46rem; height: .46rem; background: url(../images/phone.png) no-repeat center/cover; margin-right: .04rem}
.horizontal_list .info_item .aboutInfo span.tel{margin-left: .5rem;}
.horizontal_list .info_item .aboutInfo span.shouCount{padding: 0 .12rem; line-height: .48rem; border-radius: .24rem; background: #FFF4E5; font-size: .22rem; color: #7B5B36;}
.loading_txt{padding: .3rem; color: #7C7C80; text-align: center; clear: both;flex: none;}


/* 垂直的样式 */
.vertical_list{display: flex; align-items: center; margin: 0 .17rem; align-items: flex-start;}
.vertical_list ul{width: 50%; box-sizing: border-box; padding: 0 .11rem;}
.vertical_list ul li{margin-bottom: .24rem;}
.vertical_list ul a{display: block;}
.vertical_list .info_item .imgBox{min-height: 1rem; border-radius: .2rem; background: #f5f5f5; position: relative;}
.vertical_list .info_item .imgBox img{display:block; width:100%; object-fit:cover; border-radius: .2rem; min-height: 2.52rem; max-height: 4.46rem}
.vertical_list .info_item h3{font-size: .26rem; color: #202021; font-weight: bold; margin-top:.16rem; line-height: .36rem;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.vertical_list .info_item .memberInfo{display: flex; align-items: center; margin-top: .2rem;}
.vertical_list .info_item .memberInfo .photo{width: .48rem; height: .48rem; border-radius: 50%; background: #f5f5f5; }
.vertical_list .info_item .memberInfo .photo img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.vertical_list .info_item .memberInfo .memberDetail{margin-left: .07rem}
.vertical_list .info_item .memberInfo .memberDetail h2{color: #313233; font-size: .22rem; max-width: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vertical_list .info_item .labs{margin-top: .14rem; overflow: hidden; max-height: .44rem}
.vertical_list .info_item .labs span{display: inline-block; padding: 0 .16rem; color: #3D7A99; font-size: .22rem; line-height: .4rem; border-radius: .1rem; margin-right: .08rem; background: #F0F4FA; max-width: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vertical_list .info_item .imgBox .hb{display: block; width: .5rem; height: .6rem; background: url(../images/hb.png) no-repeat center/cover; border-radius: .08rem; box-shadow: 0 .04rem .09rem 0 rgba(186, 28, 0, 0.4); position: absolute; right: .16rem; bottom: .16rem; left: auto; top:auto;}

/* loading */
.loadIcon{display: block; width: 1.1rem; height: 1.1rem; border-radius: .3rem;  background: rgba(0,0,0,.9) ; background-size: .5rem; position: fixed; left: 0; right: 0; margin: auto; top: 50%; z-index: 999}
.loadIcon::before{content: ''; background: url(../images/loading.png) no-repeat center; background-size: .5rem; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; animation:rotate_ 1s infinite linear;}
.popErrAlert {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.popErrAlert p{margin-left: 0 !important; position: static; font-size: .26rem}
.listBox .labbox span.on_chose{color: #F27B0C; font-weight: bold; background: #FFF6ED;}
@keyframes rotate_{
	0%{ transform: rotate(0deg);}
	50%{ transform: rotate(180deg);}
	100%{ transform: rotate(360deg);}
}
.noData{display: block; width: 3.22rem; height: 2.74rem;padding-top: 1.14rem;margin: auto; margin-bottom: .1rem; position: relative; z-index: 99;}
.noData img{display: block; width: 100%; }

/* 新增 */
.topRight{position: absolute; top: .12rem; left: .12rem}

.hb::before,.imgBox .hb{-webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
	        animation: pulsate-fwd 1s ease-in-out infinite both;}


          /* ----------------------------------------------
           * Generated by Animista on 2021-8-11 10:6:48
           * Licensed under FreeBSD License.
           * See http://animista.net/license for more info.
           * w: http://animista.net, t: @cssanimista
           * ---------------------------------------------- */

          /**
           * ----------------------------------------
           * animation pulsate-fwd
           * ----------------------------------------
           */
          @-webkit-keyframes pulsate-fwd {
            0% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
            50% {
              -webkit-transform: scale(1.1);
                      transform: scale(1.1);
            }
            100% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
          }
          @keyframes pulsate-fwd {
            0% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
            50% {
              -webkit-transform: scale(1.1);
                      transform: scale(1.1);
            }
            100% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
          }