duidui_mini_program/pages/indexlives/indexlives.wxss
2026-03-27 10:41:46 +08:00

191 lines
2.7 KiB
Plaintext

.page {
background-color: #f5f5f5;
overflow: hidden;
}
.zhibocss {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
height: 200rpx;
width: 690rpx;
margin: 0 auto;
margin-top: 50rpx;
background: url(https://ndnd.duiduiedu.com/uploads/pics/line.png);
background-repeat: no-repeat;
background-size: 690rpx 190rpx;
}
.livefooter {
height: 23rpx;
width: 623rpx;
margin: 0 auto;
margin-top: -9rpx;
}
.livefooter image {
width: 623rpx;
height: 23rpx;
}
.itemhead {
margin-top: 20rpx;
margin-left: 20rpx;
}
.itemhead h2 {
font-weight: 800;
font-family: 'Arial Narrow', Arial;
font-size: large;
}
.item2 {
margin-left: 10rpx;
margin-top: 10rpx;
width: 160rpx;
height: 160rpx;
}
.item2 image {
margin-top: 10rpx;
margin-left: 10rpx;
width: 141rpx;
height: 141rpx;
border-radius: 5rpx;
}
.item3 {
width: 304rpx;
height: 170rpx;
padding-right: 20rpx;
}
.item4 {
margin-top: 10rpx;
width: 190rpx;
height: 180rpx;
}
.itemup image {
margin-top: 10rpx;
width: 190rpx;
height: 61rpx;
}
.itemdown image {
margin-top: 10rpx;
width: 190rpx;
height: 68rpx;
}
.itemmiddle {
display: flex;
margin-left: 15rpx;
width: 334rpx;
height: 50rpx;
}
.itemmiddleleft {
display: flex;
margin-top: 10rpx;
flex-direction: row;
}
.itemmiddleleft text {
color: #AEAEAE;
align-items: center;
font-size: 24rpx;
font-weight: 400;
}
.itemmiddleleft image {
width: 30rpx;
height: 30rpx;
padding-right: 10rpx;
}
.itemmiddleright {
display: flex;
margin-top: 10rpx;
margin-left: 10rpx;
flex-direction: row;
}
.itemmiddleright text {
color: #AEAEAE;
align-items: center;
font-size: 24rpx;
font-weight: 400;
}
.itemmiddleright image {
width: 30rpx;
height: 30rpx;
padding-right: 10rpx;
}
.itemend {
width: 300rpx;
overflow: hidden;
height: 80rpx;
color: #AEAEAE;
line-height: 28rpx;
margin-bottom: 10rpx;
margin-left: 20rpx;
margin-top: 10rpx;
font-size: 24rpx;
}
.content {
margin: 0 auto;
width: 632rpx;
border-left: 2rpx solid red;
border-right: 2rpx solid red;
}
.contentdown {
margin: 0 auto;
width: 650rpx;
height: 23rpx;
margin-top: -9rpx;
}
.contentdown image {
margin: 0 auto;
width: 648rpx;
height: 23rpx;
}
.contentmiddle {
margin: 0 auto;
margin-top: 50rpx;
width: 530rpx;
}
.contentmiddle text {
font-size: 22rpx;
padding-bottom: 30rpx;
}
.contentup {
margin: 0 auto;
width: 555rpx;
}
.contentup image {
width: 100%;
margin: 0 auto;
margin-top: 30rpx;
height: 160rpx;
}