city_card/pages/community/changeCommunity.wxss

page {
    background-color: #fff;
}

.select {
    color: rgba(36,40,46,.5);
    font-size: 32rpx;
    line-height: 80rpx;
}

.community-box {
    border-bottom: 1px solid #f9fafc;
    display: flex;
    font-size: 30rpx;
    height: 90rpx;
    justify-content: space-between;
    line-height: 50rpx;
    padding: 20rpx 0;
}

.other-community {
    border: 1px solid red;
    border-radius: 10rpx;
    color: red;
    font-size: 32rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin-top: 20rpx;
    text-align: center;
}

.area {
    border-bottom: 1px solid #f9fafc;
    border-bottom-left-radius: 40rpx;
    border-bottom-right-radius: 40rpx;
    box-shadow: 0 4rpx 20rpx 0 rgba(0,0,0,.05);
    line-height: 100rpx;
    padding: 0 40rpx;
}

.area picker {
    font-size: 32rpx;
}

.area picker image {
    margin: -6rpx 10rpx 0 0;
    vertical-align: middle;
    width: 32rpx;
}

.picker {
    display: inline-flex;
    justify-content: space-between;
    width: 92%;
}

.picker image {
    margin-top: 30rpx!important;
}

.community-name image {
    height: 50rpx;
    vertical-align: top;
    width: 50rpx;
}

.community-status {
    border: 1px solid #ff4949;
    border-radius: 40rpx;
    color: #ff4949;
    height: 50rpx;
    line-height: 50rpx;
    padding: 0 30rpx;
}

.community {
    min-height: 600rpx;
    padding: 0 20rpx;
}

.current-area {
    border-bottom: 1px solid #f9fafc;
    display: flex;
    justify-content: space-between;
    padding: 20rpx 0;
}

.area-text image {
    height: 50rpx;
    margin-right: 20rpx;
    width: 50rpx;
}

.area-text {
    color: #000;
    display: flex;
    font-size: 32rpx;
}

.area-join,.area-text {
    height: 50rpx;
    line-height: 50rpx;
}

.area-join {
    background-color: #ff4949;
    border: 1px solid #ff4949;
    border-radius: 40rpx;
    color: #fff;
    padding: 0 30rpx;
}

.community-name {
    color: #7e7f82;
    padding-left: 70rpx;
}

.load-more {
    font-size: 32rpx;
    line-height: 80rpx;
    text-align: center;
}

.my-community {
    border-top: 2px solid #f9fafc;
    padding: 0 20rpx;
}

.my-community .community-name {
    color: #000;
    padding-left: 0;
}