tsph_wechat/pages/logs/logs.wxss

.search_dv {
  width: 610rpx;
  height: 70rpx;
  border-radius: 35rpx;
  margin: 20rpx auto;
  background: #f5f6f9;
  font-size: 26rpx;
  padding-left: 80rpx;
}

.type{
  color: #45be86 !important;
  font-weight: bold
}

.search_button {
  position: absolute;
  right: 60rpx;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28rpx;
  color: #fa3534;
  z-index: 999;
}

.search_img {
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(-10%,-50%);
}

.log-list {
  display: flex;
  flex-direction: column;
  padding: 40rpx;
}

.log-item {
  margin: 10rpx;
}

scroll-view::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

/* <EFBFBD><EFBFBD><EFBFBD><EFBFBD> */

.center_head {
  /* padding: 0 82rpx 0rpx 82rpx; */
  border-bottom: 1rpx solid #e4e4e4;
}

.center_head .head_li {
  align-items: center;
  height: 77rpx;
  width: 132rpx;
  font-size: 30rpx;
  color: #666;
  border-bottom: 5rpx solid #fff;
}

.center_head .head_li.selection {
  color: #fa3534;
  font-weight: bold;
  border-color: #fa3534;
}

.tag_ul {
  margin-top: 30rpx;
}

.swiper swiper-item scroll-view {
  width: calc(100% - 60rpx) !important;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
}

.tag_ul .tag_li {
  height: 56rpx;
  width: 114rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 26rpx;
  border-radius: 4rpx;
  border: 1rpx solid #ccc;
  background: #f8f9fe
}

.tag_ul .tag_li.selection {
  color: #fff;
  background: #fa3534;
  border-color: #fa3534;
}

/*  */

.list_head  .head_r {
  font-weight: bold;
}

swiper {
  height: calc(100vh - 82rpx);
  overflow: auto;
}

.list_li {
  margin: 35rpx 0;
  box-shadow: 10rpx 0 30prx rgba(174, 185, 190, 0.6);
  border-radius: 10rpx;
}

.list_head {
  padding: 0 54rpx;
  height: 96rpx;
  align-items: center;
  border-bottom: 1rpx solid #e4e4e4;
}

.list_li .list_head .head_l {
  color: #999;
  font-size: 26rpx;
}

.center_text {
  padding: 44rpx 79rpx;
}

.center_text .text_l {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 60rpx;
}

.center_text .text_l .title {
  font-size: 30rpx;
  font-weight: bold;
  color: #252c36;
  line-height: 1.1em;
  white-space: nowrap;
}

.center_text .text_l .name {
  font-size: 26rpx;
  white-space: nowrap;
  color: #999;
  margin-top: 24rpx;
  line-height: 1.1em;
}

.center_text .text_l .icon_img {
  margin-top: 48rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.center_text .text_l .icon_img>view.image {
  /* padding: 6rpx; */
  overflow: hidden;
  width: 55rpx;
  height: 55rpx;
  border-radius: 50%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10rpx #F5F5F5;
}

.center_text .text_l .icon_img image {
  width: 43rpx;
  border-radius: 50%;
  height: 43rpx;
}

.center_text .text_l .icon_img text {
  color: #999;
  font-size: 24rpx;
  margin-top: 10rpx;
  line-height: 1.1em;
  white-space: nowrap;
}

.lv image {
  border: 6rpx solid rgba(69, 190, 134, 0.2);
}

.lv text {
  color: #45be86 !important;
}

.red image {
  border: 6rpx solid rgba(255, 216, 216, 1);
}

.red text {
  color: #f66 !important;
}

.center_text .text_l.text_center::after {
  content: "";
  position: absolute;
  width: 175rpx;
  left: -180rpx;
  bottom: 64rpx;
  border-bottom: 5rpx dotted #ccc;
}

.center_text .text_l.text_center.lv::after {
  border-color: #45be86;
}

.center_text .text_l.text_center.red::after {
  border-color: #f66;
}

.center_text .text_l.approval .icon_img .image {
  border-left: 4rpx dotted #45be86;
  border-top: 4rpx dotted #fff;
  border-right: 4rpx dotted #fff;
  border-bottom: 4rpx dotted #fff;
  animation: turn 1s linear infinite normal;
}
.center_text .text_center .icon_img .image{
  border:4rpx dotted #fff;
}
@keyframes zhuan {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes turn {
  0% {
    border-left-color: #45be86;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
  }

  25% {
    border-left-color: #fff;
    border-top-color: #45be86;
    border-right-color: #fff;
    border-bottom-color: #fff;
  }

  50% {
    border-left-color: #fff;
    border-top-color: #fff;
    border-right-color: #45be86;
    border-bottom-color: #fff;
  }

  75% {
    border-left-color: #fff;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #45be86;
  }

  100% {
    border-left-color: #45be86;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
  }
}