.courselive {
  width: 750rpx;
  height: 403rpx;
}

.courselivecontinor {
  background-color: #F5F5F5;
}

.functionalarea {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  width: 750rpx;
}

.areaitem {
  display: flex;
  flex-direction: column;
  width: 666rpx;
  height: 100rpx;
  margin: 0 auto;
  margin-top: 20rpx;
}

.areaitemup {
  width: 100%;
  height: 60rpx;
  margin-top: 30rpx;
  text-align: center;
}

.areaitemdown {
  width: 100%;
  height: 60rpx;
}

.percentageclass {
  margin: 0 auto;
  margin-top: 35rpx;
  width: 412rpx;
}

.messagearea text {
  display: block;
  font-size: 40rpx;
  font-weight: 600rpx;
  margin-left: 60rpx;
  margin-top: 60rpx;
}

.msseagehead {
  display: flex;
  flex-direction: row;
}

.headleft {
  margin-left: 60rpx;
  margin-top: 50rpx;
  width: 140rpx;
  height: 140rpx;
  border-radius: 50%;
  overflow: hidden;
}

.headleft image {

  width: 130rpx;
  height: 133rpx;
}

.headright {
  margin-top: 80rpx;
  margin-left: 23rpx;
  width: 200rpx;
  height: 142rpx;
}

.headrightup text {

  height: 40rpx;
  width: 100rpx;
  overflow: hidden;
  font-size: 40rpx;
  font-weight: 400rpx;
}

.headrightdown {
  margin-top: 10rpx;
}

.msseagemiddle {
  margin: 0 60rpx;
}

.mssagemiddledown {
  margin: 25rpx auto;
}

.mssagemiddledown image {

  width: 100%;
  height: 265rpx;
}

.messageend {

  margin: 0 60rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

}

.messageendleft {
  width: 150rpx;
  height: 30rpx;
}

.messageendleft image {
  width: 100rpx;
  height: 30rpx;
}

.messageendmiddle {
  width: 150rpx;
  height: 30rpx;
}

.messageendmiddle image {
  width: 35rpx;
  height: 30rpx;
}

.messageendmiddle text {

  font-size: 28rpx;
  padding-left: 23rpx;
}

.messageendright {

  width: 150rpx;
  height: 30rpx;
}

.messageendright image {
  width: 35rpx;
  height: 30rpx;

}

.messageendright text {

  font-size: 28rpx;
  padding-left: 23rpx;
}

.feigexian {

  margin: 0 60rpx;
  margin-top: 60rpx;
  border-bottom: 2rpx solid #ada2a2;
}

.functionalarea {
  margin-top: 0rpx;
}

.paybtnclass {
  margin-right: 80rpx;
}

.adsclass {

  width: 666rpx;
  margin: 0 auto;
  background-color: #dbfeff;
  height: 100%;
  margin-top: 80rpx;
}

.adsclassup image {

  width: 666rpx;
  /* height: 285rpx; */
  /* height: 100%; */
}

.adsclassdown {

  width: 580rpx;
  margin: 0 auto;
}

.adsclassdown text {
  margin-left: 30rpx;
  font-size: 30rpx;
}