applet/sph_applet/pages/followAccount/followAccoun...

/* pages/followVideo/followVideo.wxss */
page{
  background: #fff;
}
.follow {
  padding: 0 22rpx 22rpx 22rpx;
}
.fixed {
  width: 100%;
  position: fixed;
  left: 0;
  background: #fff;
  z-index: 999;
}
.flex {
  padding: 0rpx 22rpx 20rpx;
  display: flex;
  font-size: 28rpx;
  justify-content: space-between;
  position: relative;
  color: #222;
}
.item {
  padding: 0 10rpx;
  height: 46rpx;
  line-height: 42rpx;
  text-align: center;
  border-radius: 12rpx;
  font-size: 24rpx;
  color: #2A84FC;
  border: 2rpx solid #2A84FC;
}
.sort {
  display: inline-block;
  border-right: 13rpx solid transparent;
  border-left: 13rpx solid transparent;
  border-top: 13rpx solid #2A84FC;
}
.box {
  width: 170rpx;
  height: auto;
  font-size: 24rpx;
  background: #fff;
  box-shadow: 0 4rpx 8rpx 0 #E9E7E7;
  position: absolute;
  top: 64rpx;
  left: 22rpx;
  padding: 20rpx 0;
  z-index: 99;
}
.box .info {
  padding-left: 20rpx;
  width: 100%;
  height: 50rpx;
  line-height: 50rpx;
  text-align: left;
}
.box .info.active {
  color: #2A84FC;
}
.btn {
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
  text-align: right;
  position: relative;
  padding-bottom: 20rpx;
  margin-bottom: 20rpx;
}
.button {
  display: inline-block;
  width: 140rpx;
  height: 46rpx;
  line-height: 46rpx;
  border-radius: 20rpx;
  background: #2562FF;
  color: #fff;
  font-size: 24rpx;
  text-align: center;
}
.normal {
  background: transparent;
  color: #9480E4;
}
.videoItem {
  width: 100%;
  height: 264rpx;
  margin-bottom: 20rpx;
  border-bottom: 2rpx solid rgba(229, 229, 229, 0.5);
}
.ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16rpx 0 0 0;
}
.li {
  text-align: center;
  color: #89899C;
  font-size: 24rpx;
  width: 33.333%;
}
.li:first-child {
  text-align: left;
}
.videoItem {
  display: flex;
  align-items: center;
  padding: 24rpx 16rpx 30rpx;
}
.right {
  flex: 1;
  padding-left: 32rpx;
}
.video {
  width: 100rpx;
  height: 216rpx;
  background-size: 100% 100%;
  position: relative;
  border-radius: 10rpx;
  overflow: hidden;
}
.videoImg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 88rpx;
  height: 88rpx;
  border-radius: 50%;
}
.desc {
  display: inline-block;
  max-width: 206rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  font-size: 26rpx;
}
.auth {
  width: 34rpx;
  height: 34rpx;
  margin: 0 10rpx;
}
.auth_text {
  display: inline-block;
  width: 200rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  font-size: 26rpx;
}
.num {
  display: block;
  color: #000;
  font-size: 28rpx;
  line-height: 40rpx;
  font-weight: bold;
  margin-bottom: 6rpx;
}
.none {
  margin-top: 100rpx;
  width: 100%;
  color: #000;
  font-size: 24rpx;
  text-align: center;
}
.none image {
  width: 280rpx;
  height: auto;
  margin-bottom: 20rpx;
}
.button {
  margin-top: 40rpx;
  width: 200rpx;
  height: 60rpx;
  line-height: 60rpx;
  background: #2562FF;
  color: #fff;
  border-radius: 10rpx;
}
.follwImg {
  float: right;
  width: 40rpx;
  height: 40rpx;
}
.follwImg image {
  display: inline-block;
  width: 100%;
  height: 100%;
}

@keyframes remindMessage {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-35%);
  }
}

.tongzhitext {
  margin-right:80rpx;
  margin-left: 20rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tongzhi-text {
  font-size: 24rpx;
  line-height: 52rpx;
  animation: remindMessage 5s linear infinite 3s;
  width: 100%;
  color: #FF7500;
  display: block;
}

.notice-wrap {
  background: #ffebda;
  width: 100%;
  height: 52rpx;
  line-height: 52rpx;
  color: #FEF6EA;
  font-size: 28rpx;
  position: relative;
  /* margin-top: 80rpx; */
  /* border: 0.5px solid #FF8426; */
}

.closeView {
  width: 34rpx;
  height: 34rpx;
  position: absolute;
  right: 10rpx;
  top: 50%;
  transform: translateY(-50%);
}