bsmall/pages/nuclear/nuclear.acss

.welfare-header{
    padding: 30rpx;
    background: #ed6e3a;
    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: #ffbb99;
    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;
    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: #318fef;
}

.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: #f08d58;
    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: white;
}

.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: #f08d58;
}

/* 列表 */

.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.green{
    color: #00b578;
}

.welfare-list-tag{
    color: white;
    background: #ed6e3a;
    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{
    position: relative;
    width: 100%;
    color: gray;
    line-height: 50rpx;
    font-size: 28rpx;
    padding-right: 20rpx;
    padding-left: 50rpx;
    min-height: 50%;
    box-sizing: border-box;
}

.welfare-list-info-item-50{
    width: 50%;
}

.welfare-list-info-item image{
    position: absolute;
    top: 9rpx;
    left: 0;
    width: 32rpx;
    vertical-align: middle;
    margin-right: 8rpx;
}

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

.welfare-footer-nav{
    width: calc(50% - 15rpx);
    text-align: center;
    background: #cf371f;
}

.welfare-footer-nav:last-child{
    background: #ed6e3a;
}

/* 空提示 */
.welfare-list-null{
    text-align: center;
    color: gray;
    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;
}

/* 价格弹出 */
.price-lay{
    background: rgba(0, 0, 0, .5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99;
}

.price-lay-form{
    background: white;
    padding: 30rpx;
    width: 80vw;
    margin: 0 10vw;
    border-radius: 10rpx;
    box-sizing: border-box;
}

.price-lay-title{
    font-weight: bold;
    font-size: 36rpx;
    line-height: 70rpx;
    text-align: center;
}

.price-lay-input{
    background: #fafafa;
    height: 90rpx;
    border-radius: 10rpx;
    margin: 30rpx 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.price-lay-btn{
    background: #ed6e3a;
    border: none;
    font-size: 32rpx;
    color: white;
    height: 90rpx;
    line-height: 90rpx;
    padding: 0;
    font-weight: bold;
}

.price-lay-remove{
    margin-top: 30rpx;
    line-height: 80rpx;
    color: gray;
    text-align: center;
}