page { background: #ecf0f3; } .xiaogj { margin: 0 5% 2%; } .lb:hover { background: #eee; } .lb { width: 260rpx; } .lb,.lb2 { border-radius: 8px; box-shadow: 3px 3px 6px #d1d9e6,-3px -3px 6px #fff; color: #364763; display: inline-block; font-size: 32rpx; height: 99rpx; line-height: 99rpx; margin: 19rpx 12rpx 6rpx 27rpx; text-align: center; } .lb2 { width: 100%; } .lb1 { color: #364763; display: inline-block; font-size: 32rpx; height: 99rpx; line-height: 99rpx; margin: 19rpx 12rpx 6rpx 27rpx; text-align: center; width: 260rpx; } .btwz,.lb1 { border-radius: 8px; } .btwz { color: #7b92b7; display: block; font-size: 18px; font-weight: 700; margin-bottom: 10px; margin-top: 6rpx; padding: 2px 0; width: 80%; } .dahezi { border-radius: 8px; box-shadow: inset 5px 5px 10px #d1d9e6,inset -5px -5px 10px #fff; flex-direction: row; flex-wrap: wrap; font-size: 17px; padding: 14px 4.36%; width: 90%; } .dahezi,.newNoticeBox { display: flex; } .newNoticeBox { background: #ecf0f3; border-radius: 10rpx; height: 86rpx; line-height: 86rpx; margin: 36rpx 0rpx 20rpx; } .newNoticePicBox { flex: 1; padding-left: 16rpx; } .newNoticePic { height: 36rpx; width: 46rpx; } .swiper_zi { flex: 15; height: 100%; padding-top: 19rpx; width: 80vw; } .swiper_zi .zimubox { display: flex; height: 100%; width: 100%; } .swiper_zi .zimubox .swiper_item { color: #7b92b7; font-size: 27rpx; line-height: 50rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .more { color: #7b92b7; font-size: 27rpx; padding-right: 16rpx; }