513 lines
7.5 KiB
Plaintext
513 lines
7.5 KiB
Plaintext
.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: 120rpx;
|
|
height: 140rpx;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.headleft image {
|
|
|
|
width: 130rpx;
|
|
height: 133rpx;
|
|
}
|
|
|
|
.headright {
|
|
margin-top: 80rpx;
|
|
width: 200rpx;
|
|
height: 142rpx;
|
|
}
|
|
|
|
.headrightup text {
|
|
font-size: 30rpx;
|
|
font-weight: 400rpx;
|
|
}
|
|
|
|
.headrightdown {
|
|
font-size: 30rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.msseagemiddle {
|
|
margin: 0 60rpx;
|
|
}
|
|
|
|
.mssagemiddledown {
|
|
margin: 25rpx auto;
|
|
}
|
|
|
|
.mssagemiddledown image {
|
|
|
|
width: 100%;
|
|
height: 265rpx;
|
|
}
|
|
|
|
.mssagemiddledownone image {
|
|
width: 100%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.areaclass {
|
|
|
|
width: 540rpx;
|
|
height: 193rpx;
|
|
margin: 0 auto;
|
|
margin-top: 80rpx;
|
|
background-color: #f0f0f1;
|
|
border-radius: 5%;
|
|
}
|
|
|
|
.areafooter {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 540rpx;
|
|
height: 60rpx;
|
|
margin: 0 auto;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.areafooterleft image {
|
|
|
|
width: 26rpx;
|
|
height: 26rpx;
|
|
|
|
}
|
|
|
|
.areafooterright text {
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
color: #217ced;
|
|
}
|
|
|
|
.vipimage image {
|
|
width: 37rpx;
|
|
height: 33rpx;
|
|
position: relative;
|
|
left: -32rpx;
|
|
top: 148rpx;
|
|
}
|
|
|
|
/* 社区头部 */
|
|
.communityhead {
|
|
width: 680rpx;
|
|
height: 210rpx;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.communityheadleft {
|
|
background: url('https://ndnd.duiduiedu.com/uploads/pics/communtlistheadleft.png') no-repeat;
|
|
width: 385rpx;
|
|
height: 206rpx;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.communityheadright {
|
|
width: 232rpx;
|
|
height: 206rpx;
|
|
margin-left: 40rpx;
|
|
}
|
|
|
|
.communityheadrightup {
|
|
width: 240rpx;
|
|
height: 80rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.communityheadrightup image {
|
|
width: 240rpx;
|
|
height: 80rpx;
|
|
}
|
|
|
|
.communityheadrightdown {
|
|
width: 240rpx;
|
|
height: 80rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.communityheadrightdown image {
|
|
width: 240rpx;
|
|
height: 80rpx;
|
|
}
|
|
|
|
.communityheadleftitem1 {
|
|
width: 240rpx;
|
|
margin-left: 55rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.communityheadleftitem2 {
|
|
width: 80rpx;
|
|
height: 180rpx;
|
|
}
|
|
|
|
.communityheadleftitem2 image {
|
|
width: 80rpx;
|
|
height: 175rpx;
|
|
}
|
|
|
|
.messageitem {
|
|
width: 240rpx;
|
|
height: 38rpx;
|
|
/* border: 1rpx solid #1ccfd6; */
|
|
color: #1ccfd6;
|
|
margin-bottom: 10rpx;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 社区头部 */
|
|
|
|
/* 社区滑动 */
|
|
.curriculumup {
|
|
width: 680rpx;
|
|
height: 55rpx;
|
|
margin: 0 auto;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.curriculumupstart {
|
|
float: left;
|
|
width: 680rpx;
|
|
height: 55rpx;
|
|
}
|
|
|
|
.curriculumupend {
|
|
float: left;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
}
|
|
|
|
.scroll-box {
|
|
white-space: nowrap;
|
|
height: 100%;
|
|
}
|
|
|
|
.card-box {
|
|
display: inline-block;
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.card image {
|
|
height: 55rpx;
|
|
line-height: 55rpx;
|
|
width: 211rpx;
|
|
}
|
|
|
|
.lineclass {
|
|
width: 685rpx;
|
|
margin: 2rpx auto;
|
|
border-bottom: 1rpx solid #dcdcdc;
|
|
}
|
|
|
|
/* 社区滑动 */
|
|
|
|
/* 补充留言信息右边 */
|
|
.itemright {
|
|
width: 260rpx;
|
|
margin-top: 10rpx;
|
|
margin-left: 30rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: left;
|
|
}
|
|
|
|
.itemrightup {
|
|
font-size: 32rpx;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.itemrightup text {
|
|
color: #FD77B0;
|
|
}
|
|
|
|
.itemrightdown {
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.itemrightdown text {
|
|
color: #FD77B0;
|
|
}
|
|
|
|
.middlecss {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 690rpx;
|
|
height: 160rpx;
|
|
margin: 0 auto;
|
|
background: url('https://ndnd.duiduiedu.com/uploads/pics/zx003.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.middlecss text {
|
|
color: white;
|
|
font-size: 80rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.middlecssdown {
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 690rpx;
|
|
height: 450rpx;
|
|
margin-top: 85rpx;
|
|
}
|
|
|
|
.middlecssdown image {
|
|
|
|
width: 695rpx;
|
|
height: 450rpx;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.middlecssdown2 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 690rpx;
|
|
height: 100rpx;
|
|
margin: 0 auto;
|
|
margin-top: 71rpx;
|
|
margin-bottom: 36rpx;
|
|
}
|
|
|
|
.middlecssdown2 image {
|
|
width: 486rpx;
|
|
height: 100rpx;
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
.middlecssdown3 {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: left;
|
|
align-items: left;
|
|
width: 690rpx;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.middlecssdown3row {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 94rpx;
|
|
height: 122rpx;
|
|
margin: 0 auto;
|
|
margin-left: 50rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.donwup {
|
|
width: 103rpx;
|
|
height: 103rpx;
|
|
|
|
}
|
|
|
|
.donwup image {
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
width: 103rpx;
|
|
height: 103rpx;
|
|
}
|
|
|
|
.downdown {
|
|
|
|
width: 103rpx;
|
|
height: 103rpx;
|
|
}
|
|
|
|
.downdown text {
|
|
width: 103rpx;
|
|
height: 103rpx;
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.round-click {
|
|
height: 61rpx;
|
|
width: 54rpx;
|
|
position: fixed;
|
|
bottom: 150rpx;
|
|
right: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 9;
|
|
}
|
|
|
|
.round-click image {
|
|
height: 61rpx;
|
|
line-height: 61rpx;
|
|
width: 54rpx;
|
|
}
|
|
|
|
.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;
|
|
} |