/* mycustomer/pages/activitylist/activitylist.wxss */
.pageStyle {
    width: 100%;
    min-height: 100vh;
    background-color: #F0F4F7;
    box-sizing: border-box;
    padding: 20rpx;
    padding-bottom: 88rpx;
    padding-bottom: calc(88rpx + constant(safe-area-inset-bottom));
    padding-bottom: calc(88rpx + env(safe-area-inset-bottom));
}
.activitySearch {
    width: 100%;
    height: 88rpx;
    background-color: #fff;
    border-radius: 5rpx;
    font-size: 28rpx;
}
.font28 {
    font-size: 28rpx;
}
.font38 {
    font-size: 38rpx;
}
.color999 {
    color: #999999;
}
.colorB3C6DA {
    color: #B3C6DA;
}
.picker {
    height: 88rpx;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blackrangle {
    width: 20rpx;
    height: 13.5rpx;
}
.addtime {
    width: 25rpx;
    height: 25rpx;
}
.filtericon {
    width: 35rpx;
    height: 35rpx;
}
.ml5 {
    margin-left: 5rpx;
}
.activityViewData {
    width: 100%;
    box-sizing: border-box;
    padding: 30rpx 20rpx;
    background-color: #fff;
    margin-top: 30rpx;
    display: flex;
    align-items: center;
    box-shadow: 0rpx 8rpx 10rpx 3rpx #D1E5F5;
    border-radius: 10rpx;
}
.flex-sub {
    flex:1;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.align-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.flex {
    display: flex;
}
.justify-end {
    justify-content: flex-end;
}
.searchBox {
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
}
.confirmDate {
    width: 100%;
}
.clientItemBox {
    width: 100%;
    box-sizing: border-box;
    padding: 20rpx;
    background-color: #fff;
    border-radius: 10rpx;
    margin-bottom: 20rpx;
}
.sexStyle {
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
}
.ml10 {
    margin-left: 10rpx;
}
.ml20 {
    margin-left: 20rpx;
}
.mt20 {
    margin-top: 20rpx;
}
.scanningCodeBtn {
    width: 100%;
    height: 88rpx;
    background-color: #2488EF;
    color: #fff;
    font-size: 32rpx;
    position: fixed;
    bottom: 0rpx;
    left: 0rpx;
    text-align: center;
    line-height: 88rpx;
    z-index: 9;
}
.nicknameWidth{
    display: inline-block;
    max-width: 300rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dateWidth {
    max-width: 200rpx;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.selectlist {
    width: 200rpx;
    box-sizing: border-box;
    padding: 10rpx 10rpx;
    position: absolute;
    background-color: #fff;
    top: 50rpx;
    border-radius: 10rpx;
    z-index: 11;
    box-shadow: 0rpx 8rpx 10rpx 3rpx #D1E5F5;
}
.selectlist > view {
    width: 100%;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
}
.mask {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0rpx;
    background-color: transparent;
    z-index: 10;
}
.maskStyle {
    position: fixed;
    top: 0rpx;
    left: 0rpx;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.3);
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
}
.departBox {
    width: 90%;
    height: 800rpx;
    background-color: #fff;
    border-radius: 10rpx;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 88rpx 0rpx 100rpx;
}
.dHeader {
    position: absolute;
    width: 100%;
    height: 88rpx;
    background-color: #B3C6DA;
    top: 0rpx;
    left: 0rpx;
    text-align: center;
    line-height: 88rpx;
    color: #333333;
    font-size: 32rpx;
}
.dHeader > image {
    position: absolute;
    width: 35rpx;
    left: 20rpx;
    top: 50%;
    transform: translateY(-50%);
}
.dFooter {
    position: absolute;
    bottom: 0rpx;
    left: 0rpx;
    width: 100%;
    height: 100rpx;
    border-top: 1rpx solid #f2f2f2;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.dCancelBtn {
    width: 300rpx;
    height: 66rpx;
    border: 1rpx solid #2488EF;
    color: #2488EF;
    text-align: center;
    line-height: 66rpx;
    font-size: 28rpx;
    border-radius: 10rpx;
}
.dConfirmBtn {
    width: 300rpx;
    height: 66rpx;
    background-color: #2488EF;
    color: #fff;
    font-size: 28rpx;
    text-align: center;
    line-height: 66rpx;
    border-radius: 10rpx;
}
.dContent {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20rpx;
    overflow-y: auto;
    overflow-x: hidden;
}
.dSearch {
    width: 100%;
    height: 88rpx;
    border: 1rpx solid #999999;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0rpx 20rpx;
    border-radius: 10rpx;
}
.dSearch > input {
    flex:1;
    height: 100%;
    font-size: 28rpx;
}
.dSearch > view {
    color: #2488EF;
    padding-left: 20rpx;
    border-left: 1rpx solid #cccccc;
}
radio {
    transform: scale(0.8,0.8);
}
.font28 {
    font-size: 28rpx;
}
.statebtn{
    display: block;
    width: auto;
    line-height: 36rpx;
    padding: 0 6rpx;
    color: #fff;
    height: 36rpx;
    margin-left: 10rpx;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 40rpx;
    transform: translateY(-50%);
    font-size: 28rpx;
    border-radius: 4rpx;
}
.personbox{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(56, 72, 85, 0.3);
    z-index: 99;
}
.personnumbox{
    display: block;
    width: 670rpx;
    background-color: #fff;
    position: absolute;
    top: 50%;
    padding: 40rpx;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10rpx;
}
.numinput{
    display: block;
    width: 100%;
    border: 2rpx solid #9db6cf;
    height: 84rpx;
    padding: 0 16rpx;
    color: #9db6cf;
}
.numinput .inputext{
    display: block;
    width: 113rpx;
    height: 100%;
    line-height: 80rpx;
}
.numinput .input1{
    display: block;
    width: 380rpx;
    height: 100%;
    color: #9db6cf;
    padding-left: 16rpx;
    font-size: 30rpx;
    line-height: 80rpx;
}
.surebtn{
    display: block;
    width: 100%;
    height:80rpx;
    line-height: 80rpx;
    background-color: #249efb;
    color: #fff;
    margin-top: 40rpx;
    font-size: 32rpx;
}