/* pages/home/index.wxss */
page{
  width: 100%;
  background: #343434;
}
.home-page{
  background: #343434;
}
.top-box{
  width: 100%;
  height: 1160rpx;
  position: relative;
}
.top-box image{
  width: 100%;
  height: 100%;
  position: absolute;
}
.top-content{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  padding-top: 180rpx;
  padding-left: 40rpx;
}
.top-content .tisheng{
  width: 316rpx;
  height: 760rpx;
}
.title-box{
  width: 100%;
  height: 80rpx;
  position: relative;
}
.title-box image{
  width: 434rpx;
  height: 74rpx;
  margin-right: 16rpx;
}

.tosee-btn{
  width: 134rpx;
  height: 54rpx;
  border: 2rpx solid #986F43;
  border-radius: 28rpx;
  text-align: center;
  line-height: 54rpx;
  color: #986F43;
  font-size: 24rpx;
  position: absolute;
  left: 456rpx;
  top: 20rpx;
}
.teacher-introduce-box,.course-introduce-box{
  width: 100%;
  padding: 20rpx 40rpx;
  background: #343434;
}
.teacher-item{
  margin-bottom: 76rpx;
}
.item-l image{
  width: 240rpx;
  height: 240rpx;
}
.item-l .name{
  font-size: 36rpx;
  color: #987A59;
  font-weight: 500;
  margin-top: 24rpx;
}
.teacher-introduce-box .introduce{
  width: 400rpx;
  margin-left: 20rpx;
  font-size: 24rpx;
  color: #E5E5E5;
}
.introduce .tips{
  font-size: 36rpx;
  color: #fff;
  margin-bottom: 24rpx;
}
.flexR{
  flex-direction: row-reverse;
}
.course-item{
  width: 100%;
  background: #171414;
  border-radius: 32rpx;
  padding: 32rpx 24rpx;
  position: relative;
  margin-bottom: 80rpx;
}
.course-name{
  width: 400rpx;
  height: 76rpx;
  position: absolute;
  font-size: 32rpx;
  color: #363636;
  text-align: center;
  line-height: 76rpx;
  left: 50%;
  top: -38rpx;
  transform: translateX(-50%);
}
.course-name image{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.course-name text{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
}
.course-item .introduce{
  font-size: 24rpx;
  color: #707070;
  line-height: 34rpx;
  margin-top: 12rpx;
  text-indent: 1em;
}
.t-box{
  color: #987A59;
  font-size: 40rpx;
  margin-bottom: 40rpx;
}
.t-box image{
  width: 64rpx;
  height: 64rpx;
  margin-left: 8rpx;
}
.submit-btn {
  width: 100%;
  height: 156rpx;
}
.submit-btn image{
  width: 100%;
  height: 100%;
}