199 lines
2.4 KiB
Plaintext
199 lines
2.4 KiB
Plaintext
.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;
|
|
} |