app.wxss

/*page设置默认背景  */
page { 
  background-color: #f5f5f5;
}
/*文本内容容器*/
.container{
  margin-bottom: 20rpx;
  background-color: #fff
}
/*课程搜索 */
.course-search {
height:70rpx;
line-height:80rpx;
border:solid 1rpx #eee;
border-radius:36rpx;
background-color:#f5f5f5;
}
/* 公共卡片css   */
.vui-card-title{
  color: #333;
}
/*更多 */
.vui-card-extra{
  padding: 8rpx 0;
  line-height: 25rpx;
  height: 25rpx;
  float: right;
  font-size: 30rpx;
  color: #707070;
}
/*视频播放导航菜单  */

.vui-menu {
  width: 100%;
  height: 90rpx;
  line-height: 90rpx;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 2rpx 10rpx 0 #d7d7d7;
  text-align: center;
  font-size: 32rpx;
}

.vui-menu-avtive {
  color: #a3d900 !important;
}

.vui-menu-item-3, .vui-menu-item-4, .vui-menu-item-5 {
  float: left;
  box-sizing: border-box;
  color: #868686;
  /* border-right: solid 1rpx #f8f6f6; */
}

.vui-menu-item-3 {
  width: 33.3%;
}

.vui-menu-item-4 {
  width: 25%;
}

.vui-menu-item-5 {
  width: 20%;
}

/* .vui-menu-item-3:last-child,.vui-menu-item-4:last-child,.vui-menu-item-5:last-child {
  border-right: none;
} */


/*用户模块  */
.vui-user {
  display: inline-block;
  width: 100%;
  height: 100rpx;
}

/*用户头像  */
.vui-user-cover {
  width: 90rpx;
  height: 90rpx;
  border-radius: 45rpx;
  float: left;
}

/*用户名称  */
.vui-user-name{
  color: #3c8dff;
  display: inline-block;
  margin: -25rpx 15rpx;
}
/*发言列表、动态类别  */
/*发言模板  */

.course-opinion {
  width: 96%;
  margin-bottom: 70rpx;
}

/*课程发言用户  */

.course-opinion-user {
  height: 90rpx;
  line-height: 90rpx;
}

/*发言用户头像  */

.course-opinion-user-cover {
  height: 80rpx;
  width: 80rpx;
  border-radius: 40rpx;
  margin-top: 12rpx;
  float: left;
}

/*发言用户作者  */

.course-opinion-user-name {
  color: #3c8dff;
  display: inline-block;
  margin: 0rpx 18rpx;
}

/*发言时间  */

.course-opinion-user-time {
  color: #999;
  font-size: 28rpx;
}

/*发言内容  */

.course-opinion-content {
  font-size: 28rpx;
  color: #707070;
  margin-top: 15rpx;
}

/*
收藏的状态:#f77000
激活状态:#b4e131
*/