@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ page { background-color: #F7F7F7; } @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .content.data-v-29f098e0 { position: relative; } .content .bg-box.data-v-29f098e0 { width: 100%; height: 508rpx; position: absolute; top: 0; left: 0; z-index: -1; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAH8CAYAAADR6Y9WAAAAAXNSR0IArs4c6QAABO1JREFUeF7t2NePW0UYhnGbDqH33nvvvUPovffee+8QegIkofdeL/gnuONqlfXMeANSLrgHAVnPzLFnTqRBRkJZyt15jvQd5vjKWml/ep/PXsvaro7umw746OYJfg2esDO+YQtWu+j4hl9VI/7+2y1Y/Zq13PDL6ruWC+OFLVjtol0V3RfViH/86bVg5XN2TXSfV1ZmADmCOrrP0Bu2YOVzjj+xP62szHxj5wl+Qt+wBatddPzG/rga8e9vsLmBKrqP0BtmCJpoP0RvmCGoo/0AvWEjwPfp5AzB9+gb5gaqaN9Fb5ghaKJ/B71hI8C36WThoI7+LTQ5T/BN+obywTfo5NxAFd3r6A3lgya619Bk+aCO7lU0uRHgQjpZPriATs4NVNHNR2/YADC4V9hk8aAJ7mU0WT6og3sJTW4EOI9Olg/OpZOFgyq4F9FkHDTBvoAubAT4PJ0sHNTBPocmNwJ8lk6WDz5DJwsHVbBPo8nyQVP6OWgyDurSP4UubAT4JJ0sH3yCTmZBVfrH0YWNAB+jk4WDpnSPosnyQV26R9DkOsCH6YXywYfoZBZUpXsQXSgfNKV7AE1uBHg/ncyCunT3oQsbAEZ3L5tMgyq6e9CFjQDvppNZ0ER7F7qwEeCddLJwUEd7B5pcB3g7vVA4qKK9DU2uA7yVXigcNNHfgibjoI7+ZnRhI8Cb6GQcvJFeKBxU0d+AJuOgif56dGEjwOvoZBbU0V2LLmwEeA2dzIIquqvRhXWAV9ELhYMmuivRZB4M7gp2oXhQB3c5mlwHeBm9UDiogrsUTa4BtJfAC6WDJtiL0eQ6wIvohSyog70QXSgfVMFegCbXAZ5PLxQOmmDPQ5NrAItz4YXSQR38OWhyHeDZ9ELhoBr5s9DkOsAz6YUsaJb5M9CFjQBPp5NZUC/zp6ELGwGeSiezoCrdKehC+WCvdCejyThoSncSurAR4Gw6mQV16U5EF8oHVelOQJNrAO3x8EIY7Jf2OHShfNCU9lg0GQd1aY9BFzYCPJpOZkFVDo5CF8oHe+XgSDQZB/vl4Ah0oXzQlIPD0WT5oC6Lw9BkHFSxOBRd2AjwEDqZBXuxOBhdKB/sR38QmoyDJvoD0YXyQR39AWgyDqro90cXygd70e+HJssH+9HtiybXAe5DLxQOmuD2RpPlgzq4vdBkHFTB7okulA/2gt0DTZYPTgW7O5qMgybY3dCF8kEdBruiyfJBNRrsgibLB3ujwc5oMg5OjqZ3QhfKB6dG0zuiyfJBM1q6A5osH9Sj0fZosnxQDYfbock4ODkcbosulA8uHg63QZPlg/2i2BpNlg+aotgKTZYPqqLYEk2WD/aKYgs0WT64yPvN0WT54OLkN0OT5YP95DZFkzMETXKboDeUD6pkN0aT5YOLkt0ITZYPTqTBhmjy/wec1ekk3+l0x+f56/l//az7QxpsgN5QPjiVptdHk+WDOi1dD03OEJxMv6+L3lA+OJF+WwdNzhBckn5dG72hfPDH9MtaaHKGYD/9vCZ6wwxBldIs9IYZghMprYHeMEPw+5RWR2+YIfhTSquhN8wQXJLSqugNMwT7Ka2C3rAFK5+zO5HSypWVGUALVr9m97uUVqrOLBdyBL9NaUX0hi1Y+ZzdlNIKlZWZnzYtWPmctbwof/73nHqMF7ZgtWui9xtPacFqL0gtN/wDjRYXDAqMsBoAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: 20rpx 508rpx; } .tab-content.data-v-29f098e0 { padding: 88rpx 20rpx 20rpx; } .tab-content.illness.data-v-29f098e0 { padding-top: 30rpx; } .tab-content .user-info-box.data-v-29f098e0 { padding: 78rpx 35rpx 50rpx; background: #FFFFFF; border: 2rpx solid #EEEEEE; box-shadow: 0px 16rpx 30rpx 0px rgba(0, 0, 0, 0.03); border-radius: 20rpx; position: relative; } .tab-content .user-info-box .head-box.data-v-29f098e0 { width: 110rpx; height: 110rpx; background: #EDF1F4; border: 4rpx solid #FFFFFF; border-radius: 50%; overflow: hidden; position: absolute; left: 40rpx; top: -56rpx; } .tab-content .user-info-box .head-box image.data-v-29f098e0 { width: 100%; height: 100%; } .tab-content .user-info-box .user-info.data-v-29f098e0 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60rpx; } .tab-content .user-info-box .user-info .left.data-v-29f098e0 { display: flex; align-items: center; } .tab-content .user-info-box .user-info .left .name.data-v-29f098e0 { font-size: 36rpx; font-family: PingFang SC; font-weight: bold; color: #111111; line-height: 1; margin-right: 20rpx; } .tab-content .user-info-box .user-info .left .gray-tag.data-v-29f098e0 { height: 46rpx; line-height: 46rpx; padding: 0 16rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #333333; background: #F7F7F7; border-radius: 8rpx; margin-right: 10rpx; } .tab-content .user-info-box .user-info .left .blue-tag.data-v-29f098e0 { height: 46rpx; line-height: 46rpx; padding: 0 16rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: bold; color: #4BC9B1; background: #E2F6F2; border-radius: 8rpx; } .tab-content .user-info-box .user-info .phone.data-v-29f098e0 { width: 36rpx; height: 36rpx; } .tab-content .user-info-box .copy-writing.data-v-29f098e0 { display: flex; margin-bottom: 30rpx; } .tab-content .user-info-box .copy-writing.data-v-29f098e0:last-child { margin-bottom: 0; } .tab-content .user-info-box .copy-writing .label.data-v-29f098e0 { flex-shrink: 0; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #666666; } .tab-content .user-info-box .copy-writing .text.data-v-29f098e0 { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #111111; } .tab-content .hand-box.data-v-29f098e0 { margin-top: 20rpx; background: #FFFFFF; border-radius: 20rpx; padding: 40rpx 30rpx; } .tab-content .hand-box .hand-list.data-v-29f098e0 { display: flex; align-items: center; justify-content: flex-start; margin-top: 40rpx; } .tab-content .hand-box .hand-list .item.data-v-29f098e0 { width: 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .tab-content .hand-box .hand-list .item image.data-v-29f098e0 { width: 50rpx; height: 50rpx; margin-bottom: 20rpx; } .tab-content .hand-box .hand-list .item .text.data-v-29f098e0 { font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #333333; line-height: 1; } .tab-content .hand-box .team-scroll.data-v-29f098e0 { margin-top: 40rpx; } .tab-content .hand-box .team-scroll .team-list.data-v-29f098e0 { display: flex; align-items: center; } .tab-content .hand-box .team-scroll .team-list .item.data-v-29f098e0 { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 40rpx; } .tab-content .hand-box .team-scroll .team-list .item.data-v-29f098e0:last-child { margin-right: 0; } .tab-content .hand-box .team-scroll .team-list .item .img.data-v-29f098e0 { width: 120rpx; height: 120rpx; background: #F2F5F9; border-radius: 50%; } .tab-content .hand-box .team-scroll .team-list .item .name.data-v-29f098e0 { margin-top: 20rpx; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #111111; line-height: 1; } .tab-content .hand-box .team-scroll .team-list .item .title.data-v-29f098e0 { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #999999; margin-top: 15rpx; line-height: 1; } .communicate.data-v-29f098e0 { padding: 20rpx 30rpx 170rpx; } .communicate .chat-item.data-v-29f098e0 { padding: 30rpx 0; } .communicate .chat-item .time.data-v-29f098e0 { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #999999; line-height: 1; text-align: center; margin-bottom: 30rpx; } .communicate .chat-item.other .chat-inner .head.data-v-29f098e0 { margin-right: 20rpx; } .communicate .chat-item.my .chat-inner.data-v-29f098e0 { justify-content: flex-end; } .communicate .chat-item.my .chat-inner .head.data-v-29f098e0 { margin-left: 20rpx; } .communicate .chat-item.my .chat-inner .info-box.data-v-29f098e0 { display: flex; flex-direction: column; align-items: flex-end; } .communicate .chat-item.my .chat-inner .info-box .chat-text.data-v-29f098e0 { background: #4BC9B1; color: #FFFFFF; border-radius: 20rpx 0 20rpx 20rpx; } .communicate .chat-item .chat-inner.data-v-29f098e0 { display: flex; } .communicate .chat-item .chat-inner .head.data-v-29f098e0 { flex-shrink: 0; width: 80rpx; height: 80rpx; border-radius: 50%; overflow: hidden; } .communicate .chat-item .chat-inner .head image.data-v-29f098e0 { width: 100%; height: 100%; } .communicate .chat-item .chat-inner .info-box.data-v-29f098e0 { flex: 1; } .communicate .chat-item .chat-inner .info-box .name.data-v-29f098e0 { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #666666; line-height: 1; } .communicate .chat-item .chat-inner .info-box .chat-text.data-v-29f098e0 { box-sizing: border-box; max-width: 88%; padding: 20rpx 26rpx; background: #FFFFFF; border-radius: 0 20rpx 20rpx 20rpx; margin-top: 20rpx; font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #111111; line-height: 50rpx; } .communicate .bottom-input-cont.data-v-29f098e0 { width: 100%; z-index: 99; position: fixed; left: 0; bottom: 0; background: #fff; } .communicate .bottom-input-cont .inner.data-v-29f098e0 { padding: 20rpx; display: flex; align-items: center; justify-content: space-between; } .communicate .bottom-input-cont .inner .voice.data-v-29f098e0 { flex-shrink: 0; width: 54rpx; height: 54rpx; } .communicate .bottom-input-cont .inner .input-box.data-v-29f098e0 { flex-shrink: 0; width: 63.73%; height: 80rpx; background: #F2F2F2; border-radius: 40rpx; padding: 0 30rpx; display: flex; align-items: center; } .communicate .bottom-input-cont .inner .input-box input.data-v-29f098e0 { width: 100%; height: 80rpx; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; } .communicate .bottom-input-cont .inner .input-box .place-hold.data-v-29f098e0 { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #999999; } .communicate .bottom-input-cont .inner .expression.data-v-29f098e0 { flex-shrink: 0; width: 54rpx; height: 54rpx; } .communicate .bottom-input-cont .inner .add.data-v-29f098e0 { flex-shrink: 0; width: 54rpx; height: 54rpx; }