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

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

.areaitem {
  margin-top: 60rpx;
  text-align: center;
  width: 33%;
  height: 170rpx;
}

.areaitem image {
  width: 120rpx;
  height: 170rpx;
}

.messagearea text {

  display: block;
  font-size: 40rpx;
  font-weight: 600rpx;
  margin-left: 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: 485rpx;
  height: 142rpx;
}

.headrightup text {

  font-size: 30rpx;
  /* font-weight: 400rpx; */
}

.headrightdown {
  margin-top: 10rpx;
}

.msseagemiddle {
  margin: 0 60rpx;
}

.mssagemiddledown {
  margin: 25rpx auto;
}
.mssagemiddledown2 {
  margin: 25rpx auto;
}

.mssagemiddledown image {

  width: 100%;
  height: 265rpx;
}

.messageend {

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

}

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

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

.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;
}
.areaclass{

  width: 540rpx;
  min-height: 300rpx;
  margin: 0 auto;
  margin-top: 80rpx;
  background-color: #f0f0f1;
  border-radius: 5%;
}
.areaclass textarea{
  width: 540rpx;
  min-height: 300rpx;
}


.areafooter{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 540rpx;
  height: 60rpx;
  margin: 0 auto;
  margin-top: 10rpx;
}
.areafooterleft image{

  width: 52rpx;
  height: 52rpx;

}
.areafooterright text{
   font-size: 28rpx;
   font-weight: 600;
   color: #217ced;
}
.areafooterright{
  width: 120rpx;
  height: 56rpx;
}
.areafooterright button{

  width: 120rpx;
  height: 50rpx;
  line-height: 50rpx;
  font-size: 28rpx;
  font-weight: 600;
  color: #217ced;
  border:none;
}
button::after {
  border: none;
}
.vipimage image{
  width: 37rpx;
  height: 33rpx;
  position: relative;
  left: -25px;
  top: 83px;
}


.choose_upload_view {
    margin-top: 30rpx;
    margin-left: 10%;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .choose_upload_item {
    margin-left: 38rpx;
    margin-bottom: 20rpx;
    position: relative;
    width: 100rpx;
    display: flex;
    align-items: center;
  }
  .choose_upload_view .choose_upload_img {
    width: 100rpx;
    height: 100rpx;
  }
  .choose_upload_view .remove_img_icon {
    padding: 4rpx;
    position:absolute;
    top: -15rpx;
    right: -13rpx;
    width: 28rpx;
    height: 28rpx;
    border-radius: 50%;
    background-color: rgba(248, 236, 236, 0.5);
  }
  .other_upload {
    margin-left: 15rpx;
    width: 80rpx;
  }