schoolwisdoms-student-mp/pages/index/index.wxss

.container {
  padding: 0 0 200rpx 0;
  margin: 0;
  color: #333;
}

/* 顶部学生信息 */
.head-view {
  display: flex;
  width: 700rpx;
  margin: 25rpx;
}

.head-left {
  display: flex;
  width: 350rpx;
}

.head-img-view {
  width: 60rpx;
  margin-right: 10rpx;
}

.head-img-view image {
  height: 60rpx;
  width: 60rpx;
  border-radius: 60rpx;
}

.headName{
  background: #005033;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    height: 60rpx;
    width: 60rpx;
    line-height: 60rpx;
    font-size: 36rpx;
}

.section {
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  width: 350rpx;
  font-size: 28rpx;
}

.stuHead {
  opacity: 0.2;
}

.curStu {
  opacity: 1 !important;
}

.toDown{
  width: 32rpx;
  height: 32rpx;
  margin-left: 30rpx;
  position: absolute;
  right: 0;
  top: 8rpx;
  display: inline-block;
}

.toDown image{
  width: 100%;
  height: 100%;
}

.picker{
  position: relative;
}

/* end */

/* 轮播图 */
.banner {
  height: 600rpx;
}

.banner-box {
  width: 100%;
}

.bb-image {
  width: 750rpx;
  height: 563rpx;
}

.swiper {
  position: relative;
}

/* end */

/* 课程数据 */
.class-view {
  width: 700rpx;
  margin: 40rpx 25rpx;
}

.class-list {
  display: flex;
}

.class-box {
  width: 220rpx;
  height: 110rpx;
  display: flex;
  box-shadow: 0 20rpx 20rpx #ddd;
  margin: 20rpx auto;
}

.class-img {
  width: 60rpx;
  height: 60rpx;
  margin-top: 20rpx;
  margin-left: 10rpx;
}

.class-img image {
  height: 100%;
  width: 100%;
}

.class-detail {
  text-align: center;
  width: 160rpx;
  margin-left: auto;
}

.class-title {
  color: #999;
  font-size: 24rpx;
  height: 40rpx;
  line-height: 40rpx;
}

.class-num {
  color: #cc6031;
  height: 60rpx;
  line-height: 60rpx;
}

/* end */

/* 标题 */
.title {
  font-size: 32rpx;
  font-weight: 600;
}

/* end */

/* 我的应用 */
.app-view {
  width: 700rpx;
  margin: 40rpx 25rpx;
}

.app-list {
  display: flex;
  flex-wrap: wrap;
}

.app-box {
  flex: 0 0 25%;
  width: 150rpx;
  text-align: center;
  margin: 20rpx 0;
}

.app-img {
  height: 60rpx;
  width: 60rpx;
  margin: 0 auto;
}

.app-img image {
  width: 100%;
  height: 100%;
}

.app-title {
  font-size: 28rpx;
  height: 60rpx;
  line-height: 60rpx;
}

/* end */

 /* 学生秀.老师秀 */
  .show-view{
    width: 700rpx;
    margin: 40rpx 25rpx;
  }
  .title-view{
    display: flex;
  }
  .more{
    margin-left: auto;
    color: #999;
    font-size: 24rpx;
  }
  .reset-btn{
    width: 120rpx;
    padding: 10rpx;
    height: 40rpx;
    line-height: 40rpx;
    color: #999;
    text-align: center;
    margin: 20rpx auto;
    border: 1px solid #999;
    border-radius: 40rpx;
  }
  .none-more{
    text-align: center;
    color: #999;
  }

  .quan-bg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.3;
    z-index: 9999998;
  }
  
  .quan-tip {
    position: fixed;
    text-align: center;
    z-index: 9999999;
    width: 750rpx;
    height: 1050rpx;
    top: 50%;
    margin-top: -525rpx;
  }
  
  .quan-tip image {
    width: 750rpx;
    height: 808rpx;
    position: relative;
    z-index: 2;
  }
  
  .quan-tip-content {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #EFCC61), color-stop(100%, #FFA423));
    width: 600rpx;
    height: 800rpx;
    position: absolute;
    left: 75rpx;
    color: #FFF;
    border-radius: 10rpx;
    top: 40rpx;
  }
  
  .quan-tip-list {
    position: relative;
    z-index: 3;
  }
  
  .quan-tip-title {
    font-size: 56rpx;
    letter-spacing: 6rpx;
    height: 100rpx;
    line-height: 100rpx;
  }
  
  .quan-tip-list-box {
    background: #FFF;
    width: 450rpx;
    margin: 30rpx 75rpx;
    display: flex;
    flex-wrap: wrap;
    padding: 5rpx;
    position: relative;
    border-radius: 10rpx;
  }
  
  .quan-tip-list-title {
    color: red;
    font-size: 30rpx;
    line-height: 84rpx;
    min-width: 250rpx;
    text-align: left;
  }
  
  .quan-tip-list-price {
    color: red;
    margin-left: auto;
    font-size: 36rpx;
    height: 84rpx;
    line-height: 84rpx;
  }
  
  .quan-tip-list-price text {
    font-size: 28rpx;
  }
  
  .quan-tip-list-date {
    color: #333;
    font-size: 24rpx;
    line-height: 38rpx;
  }
  
  .quan-tip-list-code {
    color: #333;
    font-size: 24rpx;
    margin-left: auto;
    line-height: 38rpx;
  }
  
  .tip-font {
    color: #9B9B9B;
    position: relative;
    top: 20rpx;
    font-size: 24rpx;
  }
  
  .quan-tip-btn {
    color: red;
    background: linear-gradient(to bottom, #EFCC61 0%, #FFA423 100%);
    font-size: 42rpx;
    height: 100rpx;
    line-height: 100rpx;
    border-radius: 100rpx;
    width: 500rpx;
    margin: 50rpx 50rpx 0;
  }
  
  .close-tip {
    width: 50rpx;
    height: 50rpx;
    color: #FFF;
    border: 4rpx solid #FFF;
    border-radius: 50rpx;
    font-weight: 600;
    line-height: 50rpx;
    margin: 0 350rpx 0;
    position: absolute;
    bottom: -30px;
  }
  
  .quan-tip-bottom {
    width: 600rpx;
    background: #FFF;
    height: 232rpx;
    position: absolute;
  }
  
  /* #EFCC61 */
  /* #FFA423 */

 /* end */