crm/resources/zqxgxcx/index/pages/activitymsg/activitymsg.wxss

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

.coverimgbox {
    display: block;
    width: 100%;
    max-height: 400rpx;
    overflow: hidden;
}

.coverimgbox image {
    display: block;
    width: 100%;
}

.contentbox {
    display: block;
    padding: 24rpx 20rpx 0;
    padding-bottom: 225rpx;
    /* ios < 11.2*/
}

.contentbox image {
    max-width: 100%;
    height: auto;
}

.titfootbox {
    display: block;
    padding: 24rpx 20rpx 0 32rpx;
}

.ptlr {
    padding: 15rpx 20rpx 0 32rpx;
}

.titfootbox image {
    display: block;
    width: 30rpx;
    height: 24rpx;
    position: relative;
    top: 8rpx;
    margin-right: 8rpx;
}

.posterimg {
    display: block;
    width: 710rpx;
    margin: 0 auto;
}



.footer {
    display: block;
    width: 100%;
    height: 98rpx;
    box-shadow: 0 -4rpx 12rpx 0 rgba(0, 145, 255, 0.15);
    background: #FFFFFF;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 89;
}

.footer button {
    display: block;
    background: #fff;
    height: 98rpx;
    line-height: 98rpx;
    border-radius: unset;
}

.timebox image {
    display: block;
    width: 33rpx;
    height: 30rpx;
    position: relative;
    top: 5rpx;
    margin-right: 16rpx;
}

.placebox image {
    display: block;
    width: 24rpx;
    height: 32rpx;
    position: relative;
    top: 4rpx;
    margin-right: 20rpx;
}

.fontweight {
    font-weight: 600;
}

.padding-lr-sm {
    padding: 10rpx 20rpx;
}

.flex-row {
    display: flex;
}

.flex-sub {
    flex: 1;
}

.w150 {
    width: 150rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.line-box {
    display: flex;
    align-items: center;
    margin-top: 20rpx;
    margin-bottom: 24rpx;
}

.line-left {
    flex: 1;
    height: 5rpx;
    background-image: linear-gradient(to right, #fff, #D4E4ED);
}

.line-circle {
    width: 10rpx;
    height: 10rpx;
    border-radius: 50%;
    background-color: #D4E4ED;
}

.line-right {
    flex: 1;
    height: 5rpx;
    background-image: linear-gradient(to left, #fff, #D4E4ED);
}

.activitymsg {
    display: block;
    width: 100%;
    min-height: 100%;
    background-color: #FFFFFF;
}

.activitycrmbox {
    display: block;
    width: 100%;
    min-height: 100%;
    background-color: #f0f4f7;
}

.footer button.nowclick {
    background-color: #249efb;
    color: #fff;
}

.typetitbox {
    display: block;
    width: 100%;
    padding: 0 25rpx;
    background-color: #f9f9f9;
}

.topnumbox {
    display: block;
    width: 700rpx;
    height: 168rpx;
    background: #FFFFFF;
    box-shadow: 0px 2rpx 22rpx rgba(38, 146, 253, 0.15);
    border-radius: 10rpx;
    box-sizing: border-box;
    padding: 40rpx 0 36rpx;
    margin: 40rpx auto;
}

.leftborderbox {
    display: block;
    width: 0px;
    height: 68rpx;
    border: 1px solid #E4E4E4;
    opacity: 1;
    position: absolute;
    top: 50rpx;
    left: 25%;
}

.typetitbox .titextbox {
    display: inline-block;
    line-height: 32rpx;
    padding-left: 22rpx;
    padding-bottom: 16rpx;
    font-size: 24rpx;
    font-weight: 500;
    color: #141414;
}

.typetitbox .titextbox:first-child {
    padding-left: 0;
}

.typetitbox .nowtit {
    font-size: 36rpx;
    line-height: 40rpx;
    position: relative;
    font-weight: bold;
    color: #2692FD;
}

.typetitbox .nowtit::before {
    content: " ";
    display: block;
    width: 148rpx;
    height: 4rpx;
    background: #2692FD;
    opacity: 1;
    border-radius: 5rpx;
    position: absolute;
    bottom: 0rpx;
    left: 50%;
    margin-left: -74rpx;
}

.listbox {
    display: block;
    width: 100%;
    padding: 20rpx;
    box-sizing: border-box;
}

.everycustomerbox {
    display: block;
    width: 100%;
    border-bottom: 2rpx solid #D4E4ED;
    padding: 20rpx;
    box-sizing: border-box;
    background-color: #FFFFFF;
    position: relative;
}

.statebtn {
    margin-left: 14px;
}

.seximg {
    display: block;
    width: 36rpx;
    height: 36rpx;
    position: relative;
    top: 4rpx;
    margin-right: 8rpx;
}

.levelbox {
    display: block;
    width: 25rpx;
    height: 36rpx;
    position: relative;
    top: 4rpx;
    background-color: rgba(250, 100, 0, 0.26);
    border-radius: 4rpx;
    margin-right: 10rpx;
    color: #FA6400;
    line-height: 36rpx;
    font-size: 20rpx;
    text-align: center;
}

.comnitybox {
    margin-left: 8rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
}

.personame {
    position: relative;
    margin-left: 10rpx;
    margin-right: 10rpx;
    max-width: 100rpx;
}
.everystatebtn {
    display: block;
    height: 36rpx;
    line-height: 36rpx;
    position: relative;
    top: 4rpx;
    padding: 0 6rpx;
    margin-right: 16rpx;
    color: #ffffff;
    border-radius: 4rpx;
}
.lastdate {
    position: relative;
    top: 4rpx;
}
.statebox {
    display: block;
    height: 40rpx;
    padding: 0 12rpx;
    background: #D4E4ED;
    border-radius: 20rpx;
    position: relative;
    top: 2rpx;
}

.timebox {
    display: block;
    margin-top: 16rpx;
    line-height: 34rpx;
}

.phoneimg {
    display: block;
    width: 36rpx;
    height: 32rpx;
    position: absolute;
    top: 56rpx;
    right: 180rpx;
}

.addtrack {
    display: block;
    height: 44rpx;
    background: #FFFFFF;
    border-radius: 4rpx;
    border: 2rpx solid #249EFB;
    position: absolute;
    top: 50rpx;
    right: 20rpx;
    color: #249EFB;
    line-height: 40rpx;
    padding: 0 12rpx;
}

.sharebtn {
    display: block;
    width: 120rpx;
    height: 120rpx;
    border-radius: 50%;
    line-height: 36rpx;
    background-color: #249efb;
    color: #fff;
    position: fixed;
    right: 20rpx;
    bottom: 160rpx;
    z-index: 28;
    font-size: 28rpx;
    padding-top: 24rpx;
    box-shadow: 0 0rpx 16rpx 8rpx rgba(36, 158, 251, 0.37);
}

.uploadtit {
    margin-top: 32rpx;
    margin-bottom: 34rpx;
}


.headimgurl {
    display: block;
    width: 32rpx;
    height: 32rpx;
    border-radius: 50%;
    margin-right: 12rpx;
    position: relative;
    top: 4rpx;
}
.toptitlebox {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    z-index: 2;
}

.lefttitlebox view {
    display: block;
    padding: 40rpx 20rpx 24rpx;
    opacity: 0.75;
    line-height: 40rpx;
}

.lefttitlebox view.nowtitlebox {
    font-family: PingFangSC-Semibold, Source Han Sans CN Bold;
    font-size: 36rpx;
    color: #249efb;
    opacity: 1;
    padding-top: 26rpx;
    line-height: 50rpx;
    position: relative;
}

.lefttitlebox view.nowtitlebox::after {
    content: " ";
    display: block;
    width: 40rpx;
    height: 12rpx;
    border-radius: 6rpx;
    background-color: #249efb;
    position: relative;
    bottom: -4rpx;
    left: 50%;
    margin-left: -20rpx;
}

.rightfiltebox {
    display: block;
    margin-top: 42rpx;
    margin-right: 20rpx;
}

.trangleimg {
    display: block;
    width: 20rpx;
    height: 12rpx;
    position: relative;
    top: 12rpx;
    margin-left: 12rpx;
}

.titlayer {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: transparent;
    overflow: hidden;
}

.alertfiltebox {
    display: block;
    position: absolute;
    top: 90rpx;
    right: 16rpx;
    z-index: 9;
    background-color: #FFFFFF;
    width: 160rpx;
    border-radius: 10rpx;
    box-shadow: 0px 4rpx 20rpx 0px rgba(36, 158, 251, 0.5);
}

.allnumbox {
    box-sizing: border-box;
    width: 100%;
    padding: 140rpx 20rpx 220rpx;
}

.everynumbox {
    display: block;
    width: 100%;
    border-bottom: 2rpx solid #D4E4ED;
    padding: 14rpx 16rpx 16rpx 44rpx;
    background-color: #FFFFFF;
}

.headimg {
    display: block;
    width: 48rpx;
    height: 48rpx;
    border-radius: 50%;
    margin-right: 40rpx;
}

.numtext {
    width: 100rpx;
    text-align: right;
}

.typenumbox {
    position: absolute;
    top: 18rpx;
    left: 360rpx;
}

.firstbox {
    padding: 42rpx 16rpx 16rpx 20rpx;
}

.firstbox .headimg {
    width: 96rpx;
    height: 96rpx;
    margin-right: 14rpx;
}

.firstbox .wordimg {
    position: absolute;
    width: 36rpx;
    height: 26rpx;
    top: 24rpx;
    left: 50rpx;
    z-index: 2;
}

.firstbox .typenumbox {
    top: 42rpx;
}

.secondbox {
    padding: 24rpx 16rpx 16rpx 20rpx;
}

.secondbox .headimg {
    width: 96rpx;
    height: 96rpx;
    margin-right: 14rpx;
}

.secondbox .wordimg {
    position: absolute;
    width: 36rpx;
    height: 26rpx;
    top: 4rpx;
    left: 50rpx;
    z-index: 2;
}

.secondbox .typenumbox {
    top: 24rpx;
}

.everyteamnumbox {
    display: block;
    width: 100%;
    border-bottom: 2rpx solid #D4E4ED;
    padding: 24rpx 16rpx 16rpx 20rpx;
    background-color: #FFFFFF;
}

.teambox {
    padding: 0 12rpx;
    border-radius: 10rpx;
}

.everyteamnumbox .typenumbox {
    position: absolute;
    top: 28rpx;
    left: 369rpx;
}

.teamfirst {
    padding: 60rpx 16rpx 42rpx 20rpx;
}

.teamfirst .wordimg {
    position: absolute;
    width: 36rpx;
    height: 26rpx;
    top: 34rpx;
    left: 20rpx;
    z-index: 2;
}

.teamfirst .typenumbox {
    position: absolute;
    top: 64rpx;
}

.teamsecond {
    padding: 40rpx 16rpx 42rpx 20rpx;
}

.teamsecond .wordimg {
    position: absolute;
    width: 36rpx;
    height: 26rpx;
    top: 14rpx;
    left: 20rpx;
    z-index: 2;
}

.teamsecond .typenumbox {
    position: absolute;
    top: 44rpx;
}

.teamthird .wordimg {
    top: 16rpx;
}


.myteambox {
    display: block;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    bottom: 98rpx;
    left: 0;
    z-index: 4;
    box-shadow: 0px -8rpx 16rpx -2px rgba(36, 158, 251, 0.32);
}

.myteambox .everyteamnumbox {
    border-bottom-width: 0rpx;
    padding: 24rpx 40rpx 16rpx;
}

.myteambox .numtext {
    width: 200rpx;
}

.myteambox .typenumbox {
    left: 300rpx;
}

.mynumbox {
    display: block;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    bottom: 98rpx;
    left: 0;
    z-index: 4;
    background: #FFFFFF;
    box-shadow: 0px -8rpx 16rpx -2px rgba(36, 158, 251, 0.32);
}

.mynumbox .numtext {
    width: 200rpx;
}

.mynumbox .everynumbox {
    padding: 18rpx 40rpx 16rpx;
}

.mynumbox .headimg {
    width: 64rpx;
    height: 64rpx;
}

.mynumbox .typenumbox {
    left: 310rpx;
}

.crmstar{
    display: block;
    width: 19rpx;
    height: 31rpx;
    position: absolute;
    top: -6rpx;
    left: 0;
}