.welfare-header{
    padding: 30rpx;
    background: #db1e11;
    color: white;
}

.welfare-flex{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10rpx;
}

.welfare-item{
    width: 50%;
    padding: 0 10rpx;
    box-sizing: border-box;
}

.welfare-item-text{
    color: white;
    padding-bottom: 10rpx;
}

.welfare-item-icon{
    background: white;
    border-radius: 50%;
    width: 38rpx;
    height: 38rpx;
    vertical-align: middle;
    margin-right: 10rpx;
}

.welfare-item-number{
    font-weight: bold;
    font-size: 40rpx;
}

.welfare-stat{
    display: flex;
    background: white;
    color: black;
    margin-top: 30rpx;
    border-radius: 6rpx;
    padding: 20rpx;
}

.welfare-stat-item{
    width: 40%;
    padding: 0 10rpx;
    border-right: solid 2rpx #c2c2c2;
    text-align: center;
}

.welfare-stat-item:first-child{
    width: 20%;
    text-align: left;
}

.welfare-stat-item:last-child,
.welfare-stat-item:first-child{
    border-right: none;
}

.welfare-stat-text{
    color: white;
    font-size: 24rpx;
}

.welfare-stat-blue,
.welfare-stat-orange,
.welfare-stat-gray{
    width: 130rpx;
    line-height: 40rpx;
    border-radius: 20rpx;
    display: inline-block;
}

.welfare-stat-blue{
    background: #4a9d64;
}

.welfare-stat-orange{
    background: #ec712e;
}

.welfare-stat-gray{
    background: #b5b5b5;
}

.welfare-stat-year{
    line-height: 50rpx;
}

.welfare-stat-month{
    line-height: 40rpx;
    font-size: 32rpx;
    font-weight: bold;
}

.welfare-stat-month image{
    width: 15rpx;
    margin-left: 5rpx;
    vertical-align: middle;
}

.welfare-stat-year{
    padding-top: 5rpx;
    line-height: 40rpx;
}

.welfare-stat-number{
    font-weight: bold;
    font-size: 36rpx;
    line-height: 50rpx;
    padding-bottom: 6rpx;
}

/* 搜索框 */
.welfare-search-form{
    background: #f33f33;
    height: 70rpx;
    border-radius: 40rpx;
    margin-top: 30rpx;
    display: block;
    position: relative;
}

.welfare-search-input{
    width: 100%;
    padding: 0 100rpx;
    margin: 0;
    height: 70rpx;
    line-height: 70rpx;
    background: transparent;
    font-size: 30rpx;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
}

.welfare-search-class{
    width: 36rpx;
    position: absolute;
    top: 17rpx;
    left: 25rpx;
}

.welfare-search-btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 80rpx;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 70rpx;
    border-radius: 0 40rpx 40rpx 0;
    background: transparent;
    border: none;
}

.welfare-search-btn image{
    width: 36rpx;
    vertical-align: top;
    margin-top: 14rpx;
    margin-right: 10rpx;
}

.welfare-search-btn-hover{
    background: #cc520f;
}

/* 筛选 */
.welfare-search-flex{
    display: flex;
    border:solid 2rpx white;
    border-radius: 6rpx;
    margin-top: 30rpx;
}

.welfare-search-item{
    flex: 1;
    text-align: center;
    border-right: solid 2rpx white;
    line-height: 60rpx;
    font-size: 30rpx;
}

.welfare-search-item:last-child{
    border-right: none;
}

.welfare-search-item.show{
    background: white;
    color: #db1e11;
}

/* 列表 */

.welfare-list,
.welfare-list-null{
    padding-bottom: 175rpx;
}

.welfare-list-item{
    border-top: solid 20rpx #fafafa;
    padding: 30rpx;
}

.welfare-list-name{
    position: relative;
    font-size: 30rpx;
    font-weight: bold;
    line-height: 50rpx;
    padding-right: 230rpx;
    padding-bottom: 20rpx;
    border-bottom: solid 1rpx #ddd;
}

.welfare-list-stat{
    position: absolute;
    right: 0;
    top: 0;
    color: #ff6600;
    width: 200rpx;
    text-align: right;
}

.welfare-list-stat.gray{
    color: gray;
}

.welfare-list-tag{
    color: white;
    background: #ff6600;
    margin-right: 10rpx;
    border-radius: 6rpx;
    padding: 0 15rpx;
    font-size: 28rpx;
}

.welfare-list-info{
    padding-top: 20rpx;
    display: flex;
    flex-wrap: wrap;
    margin-right: -20rpx;
}

.welfare-list-info-item{
    width: 50%;
    color: gray;
    line-height: 50rpx;
    font-size: 28rpx;
    padding-right: 20rpx;
    box-sizing: border-box;
}

.welfare-list-info-item image{
    width: 32rpx;
    vertical-align: middle;
    margin-right: 8rpx;
}

.welfare-list-btns{
    margin-top: 20rpx;
    padding-top: 20rpx;
    border-top: solid 1rpx #ddd;
    text-align: right;
}

.welfare-list-btn{
    display: inline-block;
    background: #db1e11;
    color: white;
    line-height: 70rpx;
    height: 70rpx;
    margin-left: 30rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
}

.welfare-list-btn.remove{
    border:solid 1rpx gray;
    color: gray;
    background: transparent;
}

/* footer */
.welfare-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    background: white;
    padding: 30rpx;
    width: 100%;
    box-sizing: border-box;
}

.welfare-footer-nav{
    text-align: center;
    background: #db1e11;
}

/* 空提示 */
.welfare-list-null{
    text-align: center;
    color: rgb(196, 186, 186);
    padding: 200rpx 0;
}

.welfare-list-null-title{
    font-weight: bold;
    font-size: 30rpx;
    color: black;
    padding-bottom: 10rpx;
}

.welfare-list-null image{
    width: 88rpx;
    margin-bottom: 20rpx;
}