.background-white {
    padding: 16px 12px;
    box-sizing: border-box;
    overflow: hidden;
}


.searchArea {
    padding: 21px 24px 0 24px;
    border: 1px solid #e1e1e1
}

.searchArea li,
.searchArea .itemAll {
    float: left;
    padding: 0 18px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.dashed {
    border-bottom: 1px dashed #e4e4e4
}

.listArea #list {
    overflow: hidden;
}

.listArea #list a:nth-child(3n-1) li {
    margin: 0 16px
}

.listArea #list li {
    margin-bottom: 22px
}


.activityType,
.serviceObject,
.activityArea,
.activityStatus {
    overflow: hidden;
    padding: 16px 0 !important
}

.active {
    background-color: #e71626;
    color: #fff !important
}

.commodityType{
    overflow: hidden;
    padding: 6px 0;
}

.itemList {
    width: 970px
}

.itemLabel {
    width: 80px;
    height: 28px;
    line-height: 28px;
}

.itemAll {
    color: #fff
}

.itemList li,
.itemAll {
    cursor: pointer;
}

.inputLabel {
    height: 40px;
    line-height: 40px
}

.inputSearch {
    overflow: hidden;
    padding: 16px 0
}

.activityImg {
    height: 264px;
    width: 370px;
    text-align: center;
    line-height: 264px
}

.activityImg img{
    height: 264px;
    width: 370px;
    object-fit: scale-down;
}

.searchArea .layui-btn {
    margin-left: 8px;
    background-color: #e71626;
    color: #fff;
    float: left;
    width: 82px;
    height: 40px;
}

.activitySearch input {
    width: 344px;
    height: 40px;
    float: left;
}

.listArea {
    margin-top: 20px
}

.listArea li {
    float: left;
    border: 1px solid #e1e1e1;
    padding: 4px 4px 16px;
    width: 380px;
    box-sizing: border-box
}

.listArea .content {
    padding: 0 4px;
    box-sizing: border-box
}

.listArea h2 {
    font-size: 16px;
    margin: 10px 0
}

.listArea p {
    margin-bottom: 14px
}

.listArea .playItem {
    margin-bottom: 10px
}

.listArea .playItem .color-red {
    width: 50%;
    float: left;
    height: 26px;
    line-height: 26px;
}

.listArea .playItem .color-red:nth-last-child(1) {
    text-align: right
}



.layui-laypage a:hover {
    background-color: #ed393c;
    color: #fff;
}

.orgDesc {
    margin-bottom: 6px
}

#pageBtn {
    text-align: center;

}

#pageBtn .layui-laypage {
    margin: 50px 0
}



#pageBtn a,
.layui-laypage span {
    margin: 0 9px;
    height: 34px;
    line-height: 34px;
    border-radius: 5px
}

#pageBtn .layui-laypage-em {
    border-radius: 5px
}