hls_crm/unpackage/dist/dev/mp-weixin/components/content/customerDynamic/customerDynamic.wxss

177 lines
4.5 KiB
Plaintext

@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.fllow_file_li {
padding: 24rpx 34rpx;
background: #fff;
}
.fllow_file_li .fil_li {
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 14rpx;
padding-top: 15rpx;
}
.fllow_file_li .fil_li .fileimg {
width: 20rpx;
height: 20rpx;
margin-right: 25rpx;
}
.fllow_file_li .fil_li .filename {
width: 450rpx;
font-size: 24rpx;
color: #999999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fllow_file_li .fil_li .closeimg {
width: 32rpx;
height: 32rpx;
}
.comment {
margin-top: 20rpx;
height: 90rpx;
background: #fff;
border-top: 1rpx solid #ededed;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.comment image {
width: 40rpx;
height: 36rpx;
float: left;
}
.customer_dynamic {
margin: 20rpx 0rpx;
}
.customer_dynamic .fllow_item .item_data::before {
content: "";
display: inline-block;
margin: 0 15rpx 0 24rpx;
width: 20rpx;
height: 20rpx;
border-radius: 10rpx;
border: 2rpx solid #008EFF;
}
.customer_dynamic .fllow_item .item_content {
display: block;
background-color: #fff;
padding: 24rpx 24rpx 10rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
}
.customer_dynamic .fllow_item .item_content .con_img {
display: flex;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first {
margin-bottom: 25rpx;
padding-left: 25rpx;
flex: 1;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_time {
line-height: 25px;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title {
display: flex;
width: 100%;
justify-content: space-between;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left {
width: 100%;
margin-top: 25rpx;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left .f_l_yop {
width: 100%;
display: flex;
justify-content: space-around;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left :first-child {
font-size: 32rpx;
margin-right: 10rpx;
margin-top: -3rpx;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .first_left :last-child {
margin-top: 2rpx;
}
.customer_dynamic .fllow_item .item_content .con_img .main_first .main_title .main_type {
margin-left: 20rpx;
margin: 20rpx;
width: 85rpx;
height: 36rpx;
background: rgba(0, 142, 255, 0.1);
border-radius: 10rpx;
color: #008EFF;
text-align: center;
line-height: 36rpx;
}
.customer_dynamic .fllow_item .item_content .con_img image {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
}
.customer_dynamic .fllow_item .item_content .con_main {
flex: 1;
margin-left: 30rpx;
font-size: 30rpx;
color: #666666;
}
.customer_dynamic .fllow_item .item_content .con_main .main_second {
padding-bottom: 20rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_img {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-top: 20rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_img .imgbox {
padding: 10rpx;
border-radius: 10rpx;
width: 160rpx;
height: 160rpx;
margin-right: 14rpx;
margin-bottom: 14rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20rpx 0 10rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_left {
display: flex;
justify-content: center;
align-items: center;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_left .icon-setup {
margin-top: -4rpx;
margin-right: 10rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right {
display: flex;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .right_num {
display: flex;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .right_num .icon-shaixuan {
margin-top: -4rpx;
margin-right: 10rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .right_num :last-child {
margin-right: 20rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_third .third_right .icon-arrows_right {
margin-top: -4rpx;
}
.customer_dynamic .fllow_item .item_content .con_main .main_fourth {
padding-bottom: 10rpx;
}
.customer_dynamic .fontColor {
color: #999;
}