crm/resources/xqzqxg/mycustomer/pages/managerdata/managerdata.wxss

page {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.staffDataListBox {
    display: block;
    width: 100%;
}

.staffmsgbox {
    display: block;
    width: 100%;
    height: 98rpx;
    box-sizing: content-box;
    border-bottom: 2rpx solid #B6CADE;
    color: rgba(0, 0, 0, 0.85);
}

.staffmsgbox view {
    position: relative;
    line-height: 98rpx;
}

.staffmsgbox view.nowstafftit {
    position: relative;
    color: #249EFB;
    font-size: 36rpx;
}

.staffmsgbox view.nowstafftit::before {
    content: " ";
    display: block;
    width: 100%;
    height: 2rpx;
    background-color: #249EFB;
    position: absolute;
    bottom: -2rpx;
    left: 0%;
}

.staffmsgbox view text {
    position: absolute;
    width: 20rpx;
    height: 20rpx;
    background: #F54D64;
    border-radius: 50%;
    top: 24rpx;
    right: 52rpx;
}

.teamerbox {
    display: block;
    width: 100%;
    padding: 22rpx 0;
}

.teamerbox view {
    display: block;
    min-width: 128rpx;
    padding: 0 16rpx;
    text-align: center;
    height: 48rpx;
    line-height: 48rpx;
    background: #D4E4ED;
    border-radius: 2px;
    margin-left: 40rpx;
}

.teamerbox view.nowteam {
    background-color: #249EFB;
    border-radius: 4rpx;
    color: #ffffff;
}

.bgF0F4F7 {
    background-color: #F0F4F7;
}

.everyteamer {
    display: block;
    border-bottom: 1px solid #F0F4F7;
    overflow: hidden;
}

.teamsgbox {
    display: block;
    padding: 24rpx 20rpx;
}

.teamheadimg {
    display: block;
    width: 96rpx;
    height: 96rpx;
    border-radius: 50%;
    margin-right: 18rpx;
}

.teamername {
    position: relative;
    margin-top: 18rpx;
}

.managericon {
    display: block;
    width: 28rpx;
    height: 28rpx;
    position: relative;
    top: 6rpx;
    margin-left: 6rpx;
}

.setbox {
    display: block;
    width: 96rpx;
    height: 48rpx;
    line-height: 48rpx;
    text-align: center;
    background-color: #249EFB;
    color: #fff;
    border-radius: 4rpx;
    position: relative;
    top: 26rpx;
}

.operationbox {
    display: block;
    width: 100%;
    background: #F0F4F7;
    height: 88rpx;
    overflow: hidden;
}

.operatimg {
    display: block;
    width: auto;
    height: 24rpx;
    margin-right: 6rpx;
    position: relative;
    top: 32rpx;
}

.leftemploye {
    padding-left: 40rpx;
}

.rightemploye {
    padding-right: 40rpx;
}

.noemployeesbox {
    display: block;
    margin-top: 68rpx;
}

.noemployeesbox .noimg {
    display: block;
    width: 218rpx;
    height: 194rpx;
    margin: 0 auto 68rpx;
}

.invitebtn {
    display: block;
    width: 360rpx;
    height: 100rpx;
    border-radius: 10rpx;
    line-height: 100rpx;
    margin: 0 auto 40rpx;
}

.layerqrcode {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(56, 72, 85, 0.5);
}

.qrcodebox {
    display: block;
    width: 670rpx;
    position: absolute;
    top: 50%;
    left: 40rpx;
    transform: translateY(-50%);
}

.qrcodeimg {
    display: block;
    width: 670rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    padding-bottom: 88rpx;
    padding-top: 24rpx;
}

.qrcodeimg image {
    display: block;
    width: 512rpx;
    height: auto;
    margin: 0 auto;
}

.qrcodeimg view {
    display: block;
    margin: 40rpx auto 0;
}

.sharebox {
    display: block;
    width: 360rpx;
    height: 100rpx;
    background: #249EFB;
    border-radius: 10rpx;
    line-height: 100rpx;
    margin: 30rpx auto 0;
}

.everystaffData {
    display: block;
    border-bottom: 1px solid #F0F4F7;
    padding: 32rpx 20rpx 24rpx;
}

.everystaffData .headimg {
    display: block;
    width: 96rpx;
    height: 96rpx;
    border-radius: 50%;
    margin-right: 18rpx;
}

.everyorgbox {
    width: 100%;
}

.departicon {
    display: block;
    width: 36rpx;
    height: 28rpx;
    position: relative;
    top: 6rpx;
    margin-right: 20rpx;
}

.righticon {
    display: block;
    width: 18rpx;
    height: 12rpx;
    position: absolute;
    right: 40rpx;
    top: 48rpx;
}

.firstcolor {
    border-color: #F0F4F7;
}

.secondcolor {
    border-color: #B6CADE;
}

.thirdcolor {
    border-color: #FFFFFF;
}

.moreorgbox {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 32rpx 20rpx 16rpx;
}




.everystaffData .staffheadimg {
    display: block;
    width: 66rpx;
    height: 66rpx;
    border-radius: 33rpx;
    position: absolute;
    top: 34rpx;
    left: 20rpx;
}

.everystaffData .staffpersonBox {
    display: block;
    position: absolute;
    left: 106rpx;
    top: 0;
    height: 134rpx;
    width: 220rpx;
}

.everystaffData .staffpersonBox .persoName {
    display: block;
    width: 100%;
    font-size: 28rpx;
    position: absolute;
    top: 31rpx;
    left: 0;
}

.everystaffData .staffpersonBox .mobilemsg {
    position: absolute;
    top: 77rpx;
    left: 0;
}

.everystaffData .staffpersonBox .mobilemsg image {
    display: block;
    float: left;
    width: 18rpx;
    height: 24rpx;
    position: relative;
    top: 4rpx;
}

.everystaffData .staffpersonBox .mobilemsg view {
    float: left;
    margin-left: 2rpx;
    color: #A4B9C9;
    font-size: 24rpx;
}

.rightbtnbox {
    position: relative;
    overflow: hidden;
    top: 24rpx;
}

.rightbtnbox button {
    display: block;
    width: 96rpx;
    height: 48rpx;
    background: #249EFB;
    border-radius: 4rpx;
    float: left;
    margin-right: 16rpx;
    border: 2rpx solid #249EFB;
    line-height: 44rpx;
    font-size: 28rpx;
}

.rightbtnbox button.cancle {
    background: #ffffff;
    color: #249EFB;
    margin-right: 20rpx;
}

.passbox {
    background: #249EFB;
    color: #fff;
}

.layerexamine {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(56, 72, 85, 0.5);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.examinebox {
    display: block;
    width: 670rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    position: absolute;
    top: 50%;
    left: 40rpx;
    transform: translateY(-50%);
    padding: 100rpx 60rpx 80rpx;
}

.examinebox .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #249EFB;
    height: 20rpx;
}

.examinebtn {
    margin-top: 80rpx;
}

.examinebtn view {
    display: block;
    height: 88rpx;
    line-height: 88rpx;
}

.examinecancle {
    display: block;
    width: 200rpx;
    background: #D4E4ED;
    border-radius: 10rpx;
    margin-right: 16rpx;
}

.examinesure {
    display: block;
    width: 300rpx;
    height: 88rpx;
    background: #249EFB;
    border-radius: 10rpx;
}

.employeestitle {
    display: block;
    width: 100%;
    height: 80rpx;
    position: absolute;
    top: 0;
    left: 0;
}

.employeesmsgbox {
    display: block;
    padding: 20rpx 40rpx;
}

.changeposition {
    display: block;
    width: 100%;
    padding-top: 24rpx;
}

.positionbox {
    display: block;
    margin-top: 36rpx;
}

.circlebox {
    display: block;
    width: 40rpx;
    height: 40rpx;
    background: #B6CADE;
    margin-right: 12rpx;
    border-radius: 50%;
}

.commonbox {
    margin-left: 98rpx;
}

.nowposition {
    color: #249EFB;
}

.nowposition .circlebox {
    background-color: #249EFB;
}

.everyinputbox {
    display: block;
    margin-top: 40rpx;
}

.everyinputbox .input {
    display: block;
    width: 390rpx;
    border: 1px solid #D4E4ED;
    background: #FFFFFF;
    border-radius: 10rpx;
    height: 48rpx;
    line-height: 48rpx;
    box-sizing: content-box;
    padding-left: 8rpx;
}

.handovertext {
    margin-top: 16rpx;
    padding-left: 140rpx;
}

.moreorgbox .teamsgbox .teamheadimg {
    width: 48rpx;
    height: 48rpx;
}

.moreorgbox .teamsgbox .setbox {
    top: 0;
}

.layerbox {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.45);
}

.selectdepart {
    display: block;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    padding-top: 170rpx;
    padding-bottom: 40rpx;
    padding-bottom: calc(constant(safe-area-inset-bottom)) !important;
    padding-bottom: calc(env(safe-area-inset-bottom)) !important;
}

.departitbox {
    display: block;
    width: 100%;
    height: 90rpx;
    border-bottom: 2rpx solid #e7e7e7;
    line-height: 88rpx;
    top: 0;
    left: 0;
}

.departitbox .cancle {
    top: 0;
    left: 00rpx;
    z-index: 100;
    line-height: 88rpx;
    padding: 0 10rpx;
}

.departitbox .sure {
    top: 0;
    right: 00rpx;
    z-index: 100;
    line-height: 88rpx;
    padding: 0 10rpx;
}

.userorgbox {
    display: block;
    width: 100%;
    height: 80rpx;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 2rpx solid #e7e7e7;
    line-height: 78rpx;
    white-space: nowrap;
    background-color: #fff;
    position: absolute;
    top: 90rpx;
    left: 0;
}

.userorgbox view {
    padding: 0 25rpx;
}

radio .wx-radio-input.wx-radio-input-checked {
    border-color: #28A1FF;
    background: #28A1FF;
}

.noworg {
    color: #00A2EA;
    position: relative;
}

.noworg:before {
    content: ' ';
    display: block;
    width: 90rpx;
    height: 3rpx;
    background: #00A2EA;
    position: absolute;
    left: 50%;
    margin-left: -45rpx;
    bottom: 0;
}

.departimg {
    position: absolute;
    top: 18rpx;
    right: 16rpx;
    width: 18rpx;
    height: 12rpx;
}














.wordbg>view>view {
    background-color: #fff;
    box-shadow: 0 6rpx 12rpx 0 rgba(36, 158, 251, 0.41);
}

.teamcustomerbox {
    padding: 24rpx 0 16rpx 24rpx;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    display: block;
    overflow-x: auto;
}

.teamcustomerbox .statebox {
    display: inline-block;
    width: 110rpx;
    height: 60rpx;
    line-height: 60rpx;
    border-radius: 10rpx;
    background-color: #fff;
    color: #384855;
    margin-right: 24rpx;
    text-align: center;
    overflow: hidden;
}

.teamcustomerbox .nowstatebox {
    background-color: #249EFB;
    color: #FFFFFF;
}

.customerlistbox {
    display: block;
    width: 710rpx;
    margin: 24rpx auto 0;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding-top: 16rpx;
}

.everycustomerlist {
    display: block;
    width: 100%;
    border-bottom: 1px solid #EAF0F4;
    box-sizing: border-box;
    padding: 24rpx 20rpx;
}

.customermsgbox image {
    display: block;
    width: 30rpx;
    height: 28rpx;
    position: relative;
    top: 3rpx;
}

.homemsgbox {
    max-width: 300rpx;
}

.levelbox {
    display: block;
    width: 28rpx;
    height: 28rpx;
    text-align: center;
    line-height: 28rpx;
    position: relative;
    top: 3rpx;
    margin-left: 10px;
    background: #fcaf7c;
    border-radius: 50%;
    color: #ffffff;
}

.nowselectstatebox {
    display: block;
    background: #f0f4f7;
    border-radius: 8rpx;
    height: 60rpx;
    width: 110rpx;
    line-height: 60rpx;
    text-align: center;
    color: #c0c4d0;
    position: absolute;
    right: 0;
    bottom: 52rpx;
}

.resourcepool {
    padding-top: 20rpx;
}

.everyresourcepool {
    display: block;
    width: 690rpx;
    margin: 0 auto 24rpx;
    background-color: #fff;
    padding: 24rpx;
    border-bottom: 1px solid #e4e4e4;
}

.topleftpool .customericon {
    display: block;
    width: 32rpx;
    height: 28rpx;
    margin-right: 12rpx;
    position: relative;
    top: 6rpx;
}


.moreicon {
    display: block;
    width: 14rpx;
    height: 28rpx;
    position: absolute;
    right: 10rpx;
    top: 50%;
    margin-top: -10rpx;
}

.poolnumbox {
    margin-top: 16rpx;
}

.downorg {
    display: block;
    width: 16rpx;
    height: 30rpx;
    position: absolute;
    top: 40rpx;
    right: 30rpx;
}

.assigntext {
    position: absolute;
    top: 77rpx;
    right: 40rpx;
    width: 112rpx;
    height: 48rpx;
    line-height: 48rpx;
    text-align: center;
    border: 4rpx;
    overflow: hidden;
}

.customername {
    max-width: 300rpx;
}

.assignbtn {
    display: block;
    position: absolute;
    right: 20rpx;
    top: 0;
    height: 100%;
}

.assignbtn view {
    display: block;
    width: 128rpx;
    height: 48rpx;
    border-radius: 6rpx;
    text-align: center;
    line-height: 48rpx;
}

.batchbox {
    margin-top: 44rpx;
}

.handover {
    margin-top: 24rpx;
}

.resourcebox {
    display: block;
    width: 100%;
    max-height: 70%;
    overflow: auto;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 88rpx;
    padding-bottom: 40rpx;
}

.resourcetitle {
    display: block;
    width: 100%;
    position: absolute;
    height: 88rpx;
    line-height: 88rpx;
    top: 0;
    left: 0;
    border-bottom: 1px solid #e4e4e4;

}
.resourcetitle view.nowresourcetitle{
    color: #249EFB;
}
.resourcetitle view.nowresourcetitle::before{
    content: " ";
    display: block;
    width: 100%;
    background-color: #249EFB;
    position: absolute;
    border-bottom: 1px solid #249EFB;
    left: 0;
    bottom: 0px;
}
.value-class {
    flex: none !important;
}
.surebatchtbox{
    display: block;
    width: 630rpx;
    height:88rpx;
    line-height: 88rpx;
    background-color: #249EFB;
    color: #fff;
    text-align: center;
    margin: 24rpx auto 0;
}