page { background-color: rgb(247, 246, 242); } .uni-main.data-v-2dc02e59 { width: 100%; height: 100%; background-color: #fff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .sticky-nav.data-v-2dc02e59 { position: -webkit-sticky; position: sticky; width: 100%; top: 0; z-index: 1; } .nav-bar.data-v-2dc02e59 { padding-top: 50rpx; padding-bottom: 20rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-gradient(linear, left top, left bottom, from(#ff9865), to(#ff7a55)); background: -webkit-linear-gradient(#ff9865, #ff7a55); background: linear-gradient(#ff9865, #ff7a55); height: 125rpx; } .left-nav ._ul.data-v-2dc02e59 { padding: 0; margin-left: 20rpx; } .left-nav ._ul ._li.data-v-2dc02e59 { list-style: none; display: inline-block; height: 60rpx; line-height: 60rpx; width: 100rpx; text-align: center; color: #ffd6cd; font-size: 36rpx; font-weight: bold; padding-bottom: 4rpx; } .left-nav .active.data-v-2dc02e59 { color: #fff; font-size: 44rpx; border-bottom: 4rpx solid #fff; } .nav-box.data-v-2dc02e59 { width: 100%; padding-top: 90rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: -webkit-gradient(linear, left top, left bottom, from(#ff9865), to(#ff7a55)); background: -webkit-linear-gradient(#ff9865, #ff7a55); background: linear-gradient(#ff9865, #ff7a55); height: 135rpx; padding-bottom: 50rpx; } .nav-box .header-text.data-v-2dc02e59 { font-size: 45rpx; color: #333; font-weight: bold; width: 100%; text-align: center; margin-left: 20rpx; } .nav-box .header_operate.data-v-2dc02e59 { width: 23px; height: 21px; float: right; margin-right: 20rpx; } .right-nav.data-v-2dc02e59 { margin-right: 15rpx; } .right-nav .index_search.data-v-2dc02e59 { width: 45rpx; height: 45rpx; margin-right: 15rpx; } .right-nav .index_info.data-v-2dc02e59 { width: 45rpx; height: 45rpx; } .uni-list.data-v-2dc02e59 { position: relative; } .uni-list-item.data-v-2dc02e59 { padding: 20rpx 30rpx; margin-bottom: 8rpx; background-color: #FFFFFF; -webkit-border-radius: 8rpx; border-radius: 8rpx; position: relative; border-bottom: 2rpx solid #eee; } .uni-list_avatar.data-v-2dc02e59 { display: inline-block; width: 120rpx; } .uni-list_avatar .avatar.data-v-2dc02e59 { width: 100rpx; height: 100rpx; -webkit-border-radius: 100%; border-radius: 100%; vertical-align: top; } .uni-list_info.data-v-2dc02e59 { display: inline-block; width: calc(100% - 130rpx); vertical-align: top; } .uni-list_info > .icon.data-v-2dc02e59 { width: 60rpx; height: 64rpx; position: absolute; top: 0; right: 0; } .uni-list_info .albums .album.data-v-2dc02e59 { width: 30%; height: 200rpx; margin-right: 3%; display: inline-block; margin-bottom: 20rpx; margin-top: 20rpx; } .uni-list_info .text_nickname.data-v-2dc02e59 { font-size: 36rpx; font-weight: bold; } .uni-list_info .text_time.data-v-2dc02e59 { color: #999; padding: 20rpx 0rpx; } .uni-list_info .text_content.data-v-2dc02e59 { font-size: 36rpx; } .uni-list_info .text_option.data-v-2dc02e59 { margin-top: 30rpx; } .uni-list_info .text_option .btn.data-v-2dc02e59 { width: 33%; display: inline-block; color: #999; } .uni-list_info .text_option .comment.data-v-2dc02e59 { text-align: center; } .uni-list_info .text_option .share.data-v-2dc02e59 { text-align: right; } .uni-list_info .text_option .btn .icon.data-v-2dc02e59 { width: 32rpx; height: 32rpx; vertical-align: middle; margin-right: 10rpx; } .uni-publish.data-v-2dc02e59 { position: fixed; right: 30rpx; bottom: 15%; z-index: 3; } .uni-publish .send.data-v-2dc02e59 { width: 120rpx; height: 120rpx; } .uni-list_text.data-v-2dc02e59 { padding-top: 10rpx; } .uni-list_text .text_time.data-v-2dc02e59 { color: #999; } .uni-notice.data-v-2dc02e59 { height: 84rpx; line-height: 84rpx; border-bottom: 2rpx solid #eee; } .uni-notice .notice.data-v-2dc02e59 { font-size: 32rpx; padding-left: 20rpx; color: #ccad51; }