/* pages/home.wxss */
page{
  background: #F6F6F9;
}
.home-top{
  padding: 0 30rpx;
  margin-top: -38rpx;
}
.top-menu{
  background: #fff;
  padding: 50rpx 0;
  border-radius: 20rpx;
}
.top-menu .img1{
  width: 51rpx;
  height: 51rpx;
}
.top-menu .img2{
  width: 45rpx;
  height: 51rpx;
}
.top-menu .img3{
  width: 51rpx;
  height: 51rpx;
}
.top-menu .img4{
  width: 51rpx;
  height: 49rpx;
}
.top-name{
  margin-top: 4rpx;
  color: #333;
  font-size: 28rpx;
}
.bar-menu{
  margin-top: 20rpx;
  padding: 20rpx 0;
  background: #FFFFFF;
}
.bar-menu image{
  width: 69rpx;
  height: 69rpx;
}
.bar-name{
  margin-top: 4rpx;
  color: #333333;
  font-size: 28rpx;
}

.article-con{
  margin-top: 20rpx;
  padding-left: 30rpx;
  background: #fff;
}
.article-con text{
  display: inline-block;
  position: relative;
  margin-right: 66rpx;
  color: #333333;
  font-size: 32rpx;
  font-weight: bold;
  height: 60rpx;
}
/* .article-con text.tab-active{
  color: #3D98FF;
} */
.tab-con{
  padding-top: 27rpx;
}
.article-con text.tab-active::after{
  content: '';
  position: absolute;
  width: 25rpx;
  height: 7rpx;
  background: #FFA11B;
  bottom: 0;
  left: 50%;
  margin-left: -12.5rpx;
  border-radius: 5rpx;
}
.list-title{
  margin-top: 10rpx;
  font-size: 30rpx;
  color: #333;
  height: 40px;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.list-des{
  margin-top: 10rpx;
  font-size: 24rpx;
  color: #666;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.goods-img{
  width: 182rpx;
  height: 175rpx;
  margin-left: 20rpx;
  border-radius: 10rpx;
}
.goods-img-list{
  /* width: 182rpx; */
  height: 175rpx;
  margin-right: 5rpx;
  border-radius: 5rpx;
}
.list-func{
  margin-top: 14rpx;
}
.pl-img{
  vertical-align: middle;
  width: 43rpx;
  height: 43rpx;
  border-radius: 50rpx;
}
.list-name{
  font-size: 24rpx;
  color: #333;
  margin-left: 12rpx;
}
.list-date{
  font-size: 22rpx;
  color: #828282;
  margin-left: 21rpx;
}
.article-list{
  padding: 0 30rpx;
  overflow: hidden;
  background: #fff;
}
.list-item{
  margin-top: 30rpx;
  padding: 26rpx 17rpx;
  background: #F8F8F8;
  border-radius: 30rpx;
  /* border-bottom: 1px  solid #E6E6E6; */
}
.search-wrap{
  background: #FFA11B;
  padding: 30rpx 30rpx;
  padding-bottom: 80rpx;
}
.search-con{
  background: #fff;
  border-radius: 25px;
  height: 54rpx;
  padding-left: 30rpx;
  overflow: hidden;
  padding-right: 30rpx;
}
.icon-search{
  display: inline-block;
  width: 32rpx;
  height: 32rpx;
  margin-top: 12rpx;
}
.search-text{
  font-size: 24rpx;
  height: 54rpx;
  margin-left: 14rpx;
}
.search-text::placeholder{
  color: #C9C9C9;
}
img{
  display: none;
}
.icon-code{
  width: 46rpx;
  height: 46rpx;
}
.icon-msg{
  width: 40rpx;
  height: 35rpx;
}
.code-con{
  margin-top: 5rpx;
  margin-right: 35rpx;
}
.msg-con{
  margin-left: 40rpx;
  font-size: 20rpx;
  color: #fff;
}
/* pages/vedio/index.wxss */
.list{
  overflow: hidden;
  clear: both;
  padding: 0 10rpx;
  padding-bottom: 20rpx;
}
.item{
  margin-top: 15rpx;
  float: left;
  width: 49%;
  overflow: hidden;
  text-align: center;
}
.item:nth-child(odd){
  margin-right: 2%;
}
.item image{
  max-width: 100%;
  height: 400rpx !important;
}
.title{
  font-size: 16px;
  color: #333;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-info{
  font-size: 24rpx;
}
.mt{
  margin-top: 8px;
}
.user-info image{
  width: 30rpx;
  height: 30rpx !important;
  border-radius: 50%;
  vertical-align: -3px;
  margin-right: 5px;
}
.date{
  color: #666;
  font-size: 12px;
}