crm/resources/xqzqxg/customer/pages/broker/broker.wxss

/* customer/pages/broker/broker.wxss */
page {
    background-color: #F0F4F7;
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 50px !important;
    padding-bottom: calc(46px + constant(safe-area-inset-bottom)) !important;
    padding-bottom: calc(46px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box;
}

.topImg {
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.indextopbox {
    padding: 48rpx 32rpx 36rpx;
    z-index: 9;
}

.headimg {
    display: block;
    width: 120rpx;
    height: 120rpx;
    border-radius: 60rpx;
}

.name {
    margin-top: 16rpx;
    margin-bottom: 16rpx;
}

.toprightbox {
    display: block;
    margin-left: 38rpx;
    text-align: center;
}

.toprightbox image {
    display: block;
    width: auto;
    height: 32rpx;
    margin: 0 auto 18rpx;
}

.toprightbox text {
    position: absolute;
    top: -2rpx;
    right: 6rpx;
    width: 10rpx;
    height: 10rpx;
    background-image: linear-gradient(#e32c1c,
            #e32c1c),
        linear-gradient(#fc3771,
            #fc3771);
    border-radius: 50%;
}

.szhccgxImg {
    width: 30rpx;
    height: 30rpx;
}

.consoledesk-title1 {
    display: flex;
    align-items: center;
    padding: 0px 20rpx;
    justify-content: space-between;
}

.leftTitle {
    display: flex;
    align-items: center;
}

.rightTitle {
    display: flex;
    align-items: center;
    font-size: 24rpx;
    color: #9DB6CF;
}

.rightArrow {
    width: 35rpx;
    height: 35rpx;
}

.ml10 {
    margin-left: 18rpx;
}

.text-title1 {
    font-size: 32rpx;
    color: #384855;
    font-weight: 600;
}

.indexdatabox {
    display: block;
    width: 686rpx;
    margin: 0 auto;
    position: relative;
    z-index: 8;
    background-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 0px 5rpx 16rpx 0px rgba(46, 88, 254, 0.12);
    border-radius: 14rpx;
    padding: 20rpx 0 10rpx;
    margin-top: 28rpx;
}

.consoleBox1 {
    padding: 30rpx 20rpx;
}

.consoleBox1,
.consoleBox2 {
    display: flex;
}

.align-center {
    align-items: center;
}

.font24 {
    font-size: 24rpx;
}

.font32 {
    font-size: 32rpx;
}

.fontw600 {
    font-weight: 600;
}

.color384855 {
    color: #384855;
}

.line1 {
    width: 1rpx;
    height: 60rpx;
    background-color: #384855;
}

.flex-sub {
    flex: 1;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.consoleBox3 {
    width: 200rpx;
}

.numbox {
    font-family: PingFang-SC-Bold, Source Han Sans CN Black;
    font-size: 34rpx;
    margin-bottom: 12rpx;
    line-height: 32rpx;
    color: #3c3b3b;
}

.numtext {
    font-size: 24rpx;
    font-family: PingFangSC-Medium, Source Han Sans CN Medium;
    color: #333333;
    opacity: 0.5;
}

.indexdatabox .leftbox text {
    display: block;
    position: absolute;
    bottom: 0%;
    right: 0;
    border-right: 2rpx solid #ccc;
    opacity: 0.4;
    height: 48rpx;
}

.rightbox {
    position: relative;
    top: 30rpx;
    height: 142rpx;
    border-left: 2rpx solid rgba(204, 204, 204, 0.2);
}

.rightbox .numbox {
    margin-top: 12rpx;
    margin-bottom: 18rpx;
}

.mainbox {
    margin-top: 51rpx;
}

.mainbox image {
    display: block;
    width: 118rpx;
    height: 118rpx;
    margin: 0 auto;
}

.unaysjoin {
    margin-top: 40%;
}

.unpermissimg {
    width: 80%;
    margin: 60px auto 20px;
}

.unaysjoin .unpermisstext {
    font-size: 30rpx;

}


.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.7;
}

.contentBox1 {
    padding: 0rpx 30rpx 160rpx;
    position: relative;
}

.mt20 {
    margin-top: 20rpx;
}

.c-title1 {
    display: flex;
    align-items: center;
}

.c-img12 {
    width: 28rpx;
    height: 28rpx;
}

.c-name {
    font-size: 32rpx;
    color: #384855;
    letter-spacing: 0;
    font-weight: 600;
    margin-left: 12rpx;
}

.c-tips {
    font-size: 24rpx;
    color: #9DB6CF;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 24rpx;
    margin-top: 10rpx;
}

.c-box-content {
    display: flex;
    margin: 24rpx auto;
}

.c-img23 {
    width: 40rpx;
    height: 49rpx;
    /* box-shadow: 0 2px 4px 0 rgba(50,151,255,0.40); */
}

.c-box-item {
    width: 224rpx;
    height: 122rpx;
    background: #FFFFFF;
    box-shadow: 0px 4rpx 16rpx 0rpx rgba(36, 158, 251, 0.2);
    border-radius: 10rpx;
    display: flex;
}

.ml16 {
    margin-left: 16rpx;
}

.c-box-item-1 {
    font-size: 28rpx;
    color: #384855;
    letter-spacing: 0;
    font-weight: 400;
}

.flex-row {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.line2 {
    width: 100%;
    height: 16rpx;
    background: #F0F4F7;
}

.justify-end {
    justify-content: flex-end;
}

.justify-start {
    justify-content: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-start {
    align-items: flex-start;
}

.mt50 {
    margin-top: 50rpx;
}

.mt32 {
    margin-top: 32rpx;
}

.mt18 {
    margin-top: 18rpx;
}

.orgName {
    max-width: 190rpx;
}

.integral {
    margin-top: 4.5rpx;
}

.integral-num {
    margin-top: -8rpx;
}

.font40 {
    font-size: 40rpx;
}

.f-item {
    position: relative;
}

.ml20 {
    margin-left: 20rpx;
}

.dataBox {
    width: 100%;
    height: 180rpx;
    background-color: #fff;
    border-radius: 4rpx;
    margin: 0rpx 0rpx 20rpx;
    display: flex;
}

.dataTime {
    width: 100%;
    height: 40rpx;
    color: #A7B3BF;
    font-size: 28rpx;
    display: flex;
    align-items: center;
}

.dataBox-house {
    width: 26rpx;
}

.d-community {
    margin-top: 5rpx;
    display: inline-block;
    max-width: 320rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataBox-sex {
    width: 40rpx;
}

.dataBox-left {
    flex: 6;
    box-sizing: border-box;
    padding: 20rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dataBox-left-top {
    display: flex;
    align-items: center;
    font-size: 28rpx;
}

.dataBox-left-bottom {
    font-size: 28rpx;
    color: #384855;
    display: flex;
    align-items: center;
}

.d-level {
    background-color: rgba(250, 100, 0, .26);
    color: #fa6400;
    display: inline-block;
    padding: 1rpx 6rpx;
    border-radius: 4rpx;
    margin-left: 10rpx;
    font-size: 22rpx;
}

.mr40 {
    margin-right: 40rpx;
}

.d-dayDiff {
    color: #9db6cf;
    font-size: 24rpx;
    margin-left: 10rpx;
}

.d-activity {
    display: inline-block;
    padding: 1rpx 6rpx;
    color: #fff;
    border-radius: 2rpx;
    margin-left: 10rpx;
    font-size: 22rpx;
}

.bgb6cade {
    background-color: #b6cade !important;
}

.bgffbc83 {
    background-color: #ffbc83 !important;
}

.bgff8383 {
    background-color: #ff8383 !important;
}

.d-house {
    display: inline-block;
    padding: 1rpx 6rpx;
    background-color: #CDB8F6;
    color: #fff;
    border-radius: 2rpx;
    margin-left: 10rpx;
    font-size: 22rpx;
}

.ml5 {
    margin-left: 8rpx;
}

.d-collect-icon {
    width: 28rpx;
}

.dataBox-right {
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dataBox-right>view {
    border: 2rpx solid #999999;
    color: #999999;
    font-size: 28rpx;
    padding: 0rpx 10rpx;
    border-radius: 8rpx;
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rpx;
    left: 0rpx;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-block {
    width: 90%;
    height: 800rpx;
    background-color: #F0F4F7;
    border-radius: 8rpx;
    display: flex;
    flex-direction: column;
}

.m-b-title {
    width: 100%;
    height: 88rpx;
    line-height: 88rpx;
    position: relative;
    text-align: center;
    background-color: #D3E4EB;
    font-size: 28rpx;
    color: #384855;
}

.m-b-title image {
    width: 40rpx;
    position: absolute;
    right: 30rpx;
    top: 50%;
    transform: translateY(-50%);
}

.m-b-tips {
    padding: 10rpx 20rpx;
    font-size: 28rpx;
    color: #384855;
    margin-top: 10rpx;
}

.m-b-content {
    flex: 1;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
    overflow: auto;
}

.m-b-c-item {
    display: flex;
    align-items: center;
    margin: 20rpx 0rpx;
    background-color: #fff;
    padding: 20rpx;
}

.m-b-c-item image {
    width: 80rpx;
    height: 80rpx;
}

.m-b-c-item-name {
    flex: 2;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
}

.item-name-text {
    font-size: 28rpx;
    color: #384855;
}

.item-name-position {
    font-size: 24rpx;
    color: #9DB6CF;
}

.m-b-c-item-current {
    flex: 1;
    display: flex;
    align-items: center;
}

.m-b-c-item-current text {
    font-size: 28rpx;
    color: #384855;
}

.circle {
    width: 10rpx;
    height: 10rpx;
    border-radius: 50%;
    background-color: #0C95FE;
    margin-right: 20rpx;
}

.van-search {
    padding-left: 5rpx !important;
}

.personal-sign {
    width: 36rpx;
    height: 36rpx;
    position: absolute;
    left: 110rpx;
    z-index: 9;
    background-color: #fff;
    border-radius: 50%;
    font-size: 24rpx;
    line-height: 36rpx;
    text-align: center;
}

.fixed-btn {
    position: fixed;
    width: 100%;
    height: 98rpx;
    color: #fff;
    background-color: #249EFB;
    font-size: 32rpx;
    z-index: 99;
    bottom: 0rpx;
    left: 0rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fixed-btn image {
    width: 36rpx;
    margin-right: 10rpx;
}

.font28 {
    font-size: 28rpx;
}

.tabBar {
    position: fixed;
    bottom: 0rpx;
    left: 0rpx;
    width: 100%;
    height: 130rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0rpx -10rpx 8rpx 4rpx rgba(0, 0, 0, 0.05);
}

.tabItem {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20rpx;
    position: relative;
}

.tabItem>image {
    width: 44rpx;
}

.tabItem1>image {
    width: 35rpx;
}

.tabItem2>image {
    width: 40rpx;
    margin-top: 2rpx;
    margin-bottom: 1rpx;
}

.activePage {
    color: #FF5F3D;
    font-size: 28rpx;
    margin-top: 6rpx;
}

.defaultStyle {
    color: #D1D1D1;
    font-size: 28rpx;
    margin-top: 6rpx;
}

.mr30 {
    margin-right: 30rpx;
}

.myDataBox {
    margin-top: 90rpx;
    box-sizing: border-box;
    padding: 30rpx 20rpx 0rpx;
    background-color: #F0F4F7;
    position: relative;
    z-index: 999;
}

.l_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zIndex99999 {
    z-index: 99999 !important;
}

.l_title_label {
    border-left: 4rpx solid #FF5F3D;
    height: 40rpx;
    font-size: 36rpx;
    color: #333333;
    font-weight: 700;
    line-height: 40rpx;
    padding-left: 10rpx;
}

.l_title_arrow {
    height: 40rpx;
    font-size: 24rpx;
    color: #FF5F3D;
    display: flex;
    align-items: center;
}

.l_title_arrow>image {
    width: 22rpx;
    margin-left: 10rpx;
}

.myDataShow {
    width: 100%;
    padding: 30rpx 0rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.myDataItem {
    width: 160rpx;
    height: 155rpx;
    background: #fff;
    box-shadow: 0rpx 7rpx 21rpx 0rpx rgba(40, 40, 40, 0.1);
    border-radius: 10rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.myDataNum {
    font-size: 36rpx;
    font-family: Impact;
    font-weight: 600;
    color: #344857;
}

.myDataMsg {
    font-size: 28rpx;
    font-family: PingFangSC;
    color: #354957;
    margin-top: 5rpx;
}

.myPointBox {
    width: 100%;
    padding: 20rpx;
}

.myPointData {
    width: 700rpx;
    height: 155rpx;
    background: #fff;
    box-shadow: 0rpx 7rpx 21rpx 0rpx rgba(40, 40, 40, 0.1);
    border-radius: 10rpx;
    margin: 30rpx auto 20rpx;
    display: flex;
    align-items: center;
}

.myPointItem {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.l_search_box {
    width: 100%;
    height: 66rpx;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-top: 20rpx;
    box-sizing: border-box;
    padding: 0rpx 10rpx;
}

.l_search_left {
    display: inline-block;
    width: calc(100% - 60rpx);
    height: 100%;
}

.font28 {
    font-size: 28rpx !important;
}

.l_search_right {
    display: inline-block;
    width: 40rpx;
    height: 100%;
}

.l_search_left>view {
    display: inline-block;
    height: 100%;
    line-height: 66rpx;
    padding: 0rpx 10rpx;
    color: #999999;
    font-size: 30rpx;
}

.l_active {
    font-size: 30rpx;
    font-family: PingFangSC;
    font-weight: 500;
    color: #FF5F3D !important;
}

.l_search_right>image {
    width: 40rpx;
    margin-top: 15rpx;
    margin-left: 20rpx;
}

.l_s_input_box {
    width: 100%;
    height: 88rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-top: 20rpx;
    margin-bottom: 10rpx;
    border-radius: 15rpx;
}

.l_s_input_box>input {
    flex: 1;
    height: 66rpx;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
    font-size: 28rpx;
}

.l_s_input_box>view {
    width: 100rpx;
    text-align: center;
    border-left: 1rpx solid #cccccc;
    color: #FF5F3D;
    font-size: 28rpx;
}

.redCircle {
    width: 20rpx;
    height: 20rpx;
    position: absolute;
    background-color: red;
    top: 0rpx;
    border-radius: 50%;
    left: 55%;
}

.mainTab {
    width: 100%;
    height: 66rpx;
    display: flex;
    font-size: 32rpx;
}

.mainTab>view {
    display: inline-block;
    width: 140rpx;
    text-align: center;
}

.activeTab {
    color: #000000;
    font-weight: 700;
    position: relative;
    font-size: 32rpx;
}

.activeTab::before {
    content: " ";
    width: 48rpx;
    height: 10rpx;
    background-color: #333333;
    border-radius: 5rpx;
    position: absolute;
    bottom: 0rpx;
    left: 50%;
    transform: translateX(-50%);
}

.s_down_icon {
    width: 20rpx;
}

.clueItem {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20rpx;
}

.viewClueMsgBox {
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    box-sizing: border-box;
}

.viewTimeBox {
    width: 100%;
    height: 80rpx;
    display: flex;
    align-items: center;
}

.viewTimeBox>image {
    width: 35rpx;
}

.viewTimeBox>text {
    margin-left: 15rpx;
}

.clueItemTop {
    width: 100%;
    height: 70rpx;
    display: flex;
}

.clueItemAvatar {
    width: 65rpx;
    height: 65rpx;
    border-radius: 50%;
    background-color: #ccc;
    overflow: hidden;
}

.clueItemAvatar>image {
    width: 100%;
    height: 100%;
}

.copyIcon {
    width: 30rpx;
}

.clueItemTop_left {
    width: 85%;
    display: flex;
    align-items: center;
    font-size: 30rpx;
}

.clueItemTop_right {
    flex: 1;
    display: flex;
    align-items: center;
}

.clueItemName {
    max-width: 150rpx;
}

.clueOperate {
    width: 100rpx;
    height: 50rpx;
    border: 2rpx solid #999999;
    color: #999999;
    font-size: 24rpx;
    border-radius: 8rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clueOperate>image {
    width: 18rpx;
    margin-left: 5rpx;
    margin-top: 3rpx;
}

.clueItemBottom {
    width: 100%;
    height: 50rpx;
    font-size: 28rpx;
    color: #BDCDDE;
    display: flex;
    align-items: center;
}

.brokerShareItem {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 2rpx solid #D4E3E7;
    box-sizing: border-box;
    padding: 20rpx;
    display: flex;
}

.bshareleft {
    width: 260rpx;
    height: 190rpx;
    background-color: #ccc;
    position: relative;
}

.bshareleft>image {
    width: 100%;
    height: 100%;
}

.bshareright {
    width: calc(100% - 260rpx);
    height: auto;
    overflow: hidden;
}

.bshareMsg {
    width: 100%;
    height: 65rpx;
    display: flex;
    align-items: center;
    font-size: 24rpx;
    color: #9CB7CE;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 20rpx;
}

.bsharenum,
.bsharep {
    display: flex;
    align-items: center;
}

.bsharenum>image {
    width: 40rpx;
    margin-right: 5rpx;
}

.bsharep>image {
    width: 40rpx;
    margin-right: 5rpx;
}

.bshareTitle {
    width: 100%;
    height: 65rpx;
    line-height: 60rpx;
    box-sizing: border-box;
    padding-left: 20rpx;
    font-size: 32rpx;
    color: #333333;
}

.bshareTime {
    width: 100%;
    height: 65rpx;
    line-height: 60rpx;
    box-sizing: border-box;
    padding-left: 20rpx;
    font-size: 28rpx;
    color: #333333;
}

.bNewMsg {
    width: 60rpx;
    position: absolute;
    left: -10rpx;
    z-index: 8;
}

.bNewMsg>image {
    width: 100%;
}

.bNewMsg>view {
    position: absolute;
    top: -2rpx;
    left: 17rpx;
    color: #fff;
    font-size: 30rpx;
}

.cbTime {
    width: 70%;
}

.operateBox {
    width: 30%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.operateBox>image {
    width: 35rpx;
    margin-left: 40rpx;
}

.visitBlock {
    width: 90%;
    height: 800rpx;
    background-color: #fff;
    border-radius: 10rpx;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-top: 88rpx;
}

.visitTitle {
    width: 100%;
    height: 88rpx;
    background-color: #249EFB;
    color: #fff;
    font-size: 32rpx;
    text-align: center;
    line-height: 88rpx;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
}

.visitTitle>image {
    width: 40rpx;
    position: absolute;
    right: 20rpx;
    top: 50%;
    transform: translateY(-50%);
}

.visitContent {
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding: 20rpx;
}

.visitItemBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-left: 60rpx;
}

.visitLine {
    position: absolute;
    width: 2rpx;
    height: 100%;
    border-left: 2px dashed #9db6cf;
    left: 20rpx;
}

.circleBox {
    width: 40rpx;
    height: 40rpx;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    left: 1rpx;
}

.visitMsgBox {
    font-size: 24rpx;
    color: #9DB6CF;
}

.visitTimeBox {
    width: 100%;
    height: 55rpx;
    line-height: 55rpx;
    display: flex;
    justify-content: space-between;
    font-size: 24rpx;
    color: #9DB6CF;
}

.mtauto {
    margin-top: 0rpx;
}

.visitMsgAll {
    padding-top: 20rpx;
    border-bottom: 1rpx solid #F3F3F5;
}

.circleMsgBox {
    position: absolute;
    left: 10rpx;
    width: 25rpx;
    height: 25rpx;
    border-radius: 50%;
    background-color: #9db6cf;
    top: 50%;
}

.s_state_box {
    position: relative;
}

.down-drop {
    position: absolute;
    min-width: 150rpx;
    max-width: 180rpx;
    max-height: 320rpx;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
    box-shadow: 0rpx 0rpx 6rpx 6rpx rgba(0, 0, 0, 0.1);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10rpx;
    z-index: 999;
}

.down-drop>view {
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.transparent {
    width: 100%;
    height: 100vh;
    background-color: transparent;
    position: fixed;
    top: 0rpx;
    left: 0rpx;
    z-index: 99;
}

.integralBtn {
    width: 160rpx;
    height: 60rpx;
    text-align: center;
    line-height: 60rpx;
    background-color: #FF7202;
    border-radius: 10rpx;
    font-size: 28rpx;
    color: #fff;
}