/* packageC/Myshaky/lecturerDetail/lecturerDetail.wxss */ .detail { width: 100%; border-top: 2rpx solid #ebebeb; } .user { width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: #fff; } .userHead { width: 120rpx; height: 120rpx; background: #fafafa; margin-top: 40rpx; border-radius: 50%; border: solid 2rpx #f5f5f5; } .userHead image { width: 100%; height: 100%; } .userName { font-size: 32rpx; margin-top: 10rpx; } .introduce { margin: 0 64rpx; margin-top: 29rpx; color: rgba(102, 102, 102, 1); } .duce { color: rgba(153, 153, 153, 1); } .Number { margin-top: 1rem; display: flex; justify-content: center; padding-bottom: 58rpx; } .Number .activities { display: flex; align-items: center; } .Number .activities .project { margin-left: 1rem; } .Number .line { margin: 0 1rem; } .Number .shop { display: flex; align-items: center; } .Number .shop .shop-item { margin-left: 1rem; } .detailTab { width: 100%; } .tabBox { width: 100%; height: 88rpx; background: #fff; margin-top: 20rpx; display: flex; justify-content: flex-start; align-items: center; font-size: 28rpx; border-bottom: 2rpx solid rgba(235, 235, 235, 1); } .tabLis { width: 126rpx; height: 88rpx; margin-left: 31rpx; display: flex; justify-content: center; align-items: center; position: relative; font-size: 28rpx; } .lines { position: absolute; bottom: 0; width: 126rpx; height: 6rpx; background: red; } /* ================================================================= */ .statusOne { width: 100%; background: #fff; overflow: hidden; padding-bottom: 50rpx; } .bmList { width: 100%; margin: 0 30rpx 0 23rpx; height: 214rpx; margin-top: 40rpx; } .loveList { padding: 40rpx 28rpx 0rpx 25rpx; box-sizing: border-box; background: #fff; display: flex; justify-content: space-between; } .listLeft { width: 285rpx; height: 214rpx; background: rgba(245, 245, 245, 1); position: relative; } .listLeft image { width: 100%; height: 100%; } .listStatus { position: absolute; top: 0; left: 0; width: 137rpx; height: 48rpx; background: rgba(59, 179, 93, 0.1); border-radius: 0rpx 16rpx 0rpx 16rpx; text-align: center; line-height: 48rpx; font-size: 28rpx; z-index: 999; color: red; } .listRight { flex: 1; position: relative; } .listTime { width: 316rpx; height: 44rpx; background-color: rgba(255, 247, 247, 1); border-radius: 22rpx; margin: 19rpx 0; display: flex; justify-content: flex-start; align-items: center; font-size: 22rpx; } .listext { font-size: 22rpx; font-weight: normal; font-stretch: normal; line-height: 60rpx; letter-spacing: 0rpx; color: #999; } .fontTwo { margin-top: -12rpx; margin-left: 11rpx; margin-right: 11rpx; font-size: 26rpx; color: #999; } .dy { height: 100%; margin-left: 25rpx; /* background: yellow; */ overflow: hidden; } .de { /* margin-top: 9rpx; */ width: 100%; height: 88rpx; /* background: blueviolet; */ font-size: 30rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ds { width: 100%; /* background: yellow; */ display: flex; justify-content: space-between; } .ds1 { display: inline-block; font-size: 24rpx; color: rgba(241, 83, 83, 1); } .ds2 { display: inline-block; font-size: 32rpx; color: rgba(241, 83, 83, 1); } .dsi { width: 206rpx; display: flex; justify-content: space-between; font-size: 24rpx; } .dw { width: 100rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dl { width: 100rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dq { padding: 0 18rpx; } .statusTwo { margin: 0 16rpx; display: flex; justify-content: space-between; flex-wrap: wrap; } .listBox { margin-top: 19rpx; width: 348rpx; height: 521rpx; background: #fff; border-radius: 8rpx; margin-bottom: 40rpx; } .listPhoto { width: 100%; height: 348rpx; background: rgba(250, 250, 250, 1); } .listPhoto image { width: 100%; height: 100%; } .listTexts { margin: 28rpx 17rpx 0 14rpx; font-size: 24rpx; line-height: 36rpx; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .bzs { margin: 0 19rpx 0 13rpx; display: flex; justify-content: space-between; align-items: center; margin-top: 37rpx; } .bzsMoney text:nth-child(1) { font-size: 24rpx; color: rgba(241, 83, 83, 1); } .bzsMoney text:nth-child(2) { font-size: 32rpx; color: rgba(241, 83, 83, 1); } .bzsMoney text:nth-child(3) { font-size: 24rpx; color: rgba(140, 140, 140, 1); text-decoration: line-through; margin-left: 16rpx; } .bzs view:nth-child(2) { font-size: 24rpx; color: rgba(140, 140, 140, 1); } .noneText { width: 100%; text-align: center; margin-top: 100rpx; color: rgba(153, 153, 153, 1); }