.activity{

    width: 100%;

    height: 100%;

}

.activity-top {

    padding: 15px 100px;

    margin: 10px auto 0;

    width: 1200px;

    background-color: #fff;

    transition: .5s;

}

.clearfix {

    clear: both;

}

.fl {

    float: left;

}

.activity-top-link {

    width: 740px;

}

.fr {

    float: right;

}

.activity-top-link li {

    margin-top: 15px;

    width: 14.2857%;

    float: left;

    text-align: center;

}

.activity-top-link li img {

    margin: 0 auto 5px;

    display: block;

}



















.z-main {

    width: 1400px;

    margin: auto;

    padding-bottom: 20px;

}

.z-mainleft {

    width: 540px;

    float: left;

    box-sizing: border-box;

    margin-top: 12px;

    font-size: 16px;

    background: #FFFFFF;

    margin-right: 8px;

}

.z-mainlefttl {

    background: #FFFFFF;

    margin: 0 10px;

    padding: 16px 0;

    border-bottom: 1px dashed #e6e6e6;

}

.z-mainleft .z-mainlefttl ul {

    margin-left: 33px

}

.z-mainleft .z-mainlefttl ul li {

    float: left;

    padding: 0px 25px;

    line-height: 35px;

    color: #4d4d4d;

    cursor: pointer;

    font-size: 18px;

}

.z-mainleft .z-mainlefttl ul li.on {

    color: #FFFFFF;

    background: #C3000A;

    border: none;

    border-radius: 5px;

}



.z-mainleftcont .z-mainleftcont1 {

    display: none;

    width: 100%;

    background: #FFFFFF;

    box-sizing: border-box;

    padding: 10px;

    padding-bottom: 100px;

}

.z-sjs, .z-zzlx, .z-sjz, .z-zyd, .z-bm, .z-fwlb, .z-fwdx {

    width: 100%;

    padding-top: 15px;

    border-bottom: 1px dashed #e6e6e6;

}

label {

    display: inline-block;

    width: 100px;

    text-align: right;

}



.z-sjs div, .z-zzlx div, .z-sjz div, .z-zyd div, .z-fwlb div, .z-bm div, .z-hdzt div, .z-fwdx div {

    width: 380px;

    float: right;

}

.z-hdzt {

    width: 100%;

    padding-top: 15px;

}

.z-sjs div span, .z-zzlx div span, .z-sjz div span, .z-hdzt div span {

    display: inline-block;

    box-sizing: border-box;

    padding: 0 11px;

    height: 24px;

    border: 1px solid #cfcfcf;

    border-radius: 11px;

    text-align: center;

    margin-right: 10px;

    margin-bottom: 15px;

}

.z-fwlb div span:nth-child(1), .z-zyd div span:nth-child(1), .z-fwdx div span:nth-child(1), .z-hdzt div span:nth-child(1) {

    width: 78px;

    padding: 0;

}

.z-fwdx div span, .z-fwlb div span, .z-bm div span, .z-zyd div span {

    display: inline-block;

    box-sizing: border-box;

    height: 24px;

    border-radius: 11px;

    text-align: center;

    margin-right: 10px;

    margin-bottom: 15px;

}

.z-fwdx div span, .z-fwlb div span, .z-bm div span, .z-zyd div span {

    display: inline-block;

    box-sizing: border-box;

    height: 24px;

    padding: 0px 6px;

    border: 1px solid #cfcfcf;

    border-radius: 11px;

    text-align: center;

    margin-right: 10px;

    margin-bottom: 15px;

}

.z-mainleft span {

    cursor: pointer;

}

.onone {

    color: #FFFFFF !important;

    background: #C3000A !important;

    border: 1px solid #C3000A !important;

    transition: all 0.3s ease;

}

.z-mainright {

    width: 840px;

    float: right;

    padding-top: 12px;

    padding-left: 8px;

}

.z-zyxmzl {

    width: 93%;

    box-sizing: border-box;

    padding: 10px 0px;

    background: #FFFFFF;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    margin-bottom: 10px;

}



.z-zyxmzl p:nth-child(1) {

    background: url(../img/Vector1.png) no-repeat left center;

}

.z-zyxmzl p:nth-child(2) {

    background: url(../img/Group215.png) no-repeat left center;

}

.z-zyxmzl p:nth-child(3) {

    background: url(../img/Group248.png) no-repeat left center;

}

.z-zyxmzl p:nth-child(4) {

    background: url(../img/Group249.png) no-repeat left center;

}

.z-zyxmzl .state{

    display: flex;

    border: 1px solid #E4E4E4;

    border-radius: 6px;

    padding: 6px 16px;

}

.z-zyxmzl .state img{

    margin-right: 10px;

}

.z-zyxmzl .state span{

    color: #C3000A;

    font-weight: bold;

    margin-right: 4px;



}

/* .z-zyxmzl p {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    padding-left: 31px;

    border: 1px solid #E4E4E4;

    border-radius: 6px;

} */

.z-zyxmzl p span {

    font-size: 18px;

    color: #c94918;

}



.z-mainright .z-search {

    width: 100%;

    margin-top: 17px;

}

.z-mainright .z-search form {

    position: relative;

    float: left;

}

.jeinput {

    display: inline-block;

    width: 140px;

    height: 33px;

    padding-left: 10px;

    margin-right: 25px;

    border: 1px solid #cccccc;

}

.z-search .z-search-text {

    display: inline-block;

    width: 342px;

    height: 37px;

    border: 1px solid #cccccc;

    background: #FFFFFF;

    box-sizing: border-box;

    padding-left: 10px;

    padding-right: 50px;

}

.z-search .z-search-img {

    position: absolute;

    right: 16px;

    top: 8px;

    border: 0;

    cursor: pointer;

    outline: none;

}

.z-search-img {

    width: 21px;

    height: 21px;

    background: url(../img/search.png) no-repeat center center;

}



.z-search .l-listtype {

    font-size: 12px;

    display: inline-block;

}

.z-search .l-listtype li.on {

    color: #1877c9;

}

.z-search .l-listtype li {

    float: left;

    cursor: pointer;

    text-align: center;

    padding: 0 5px;

    margin-top: 4px;



}

.z-search .l-listtype li i {

    margin: 0 auto;

    display: block;

    width: 30px;

    height: 30px;

}







.z-search .l-listtype li:nth-child(1).on i {

    background: url(../img/Group247.png);

    background-size: 100% 100%;

}

.z-search .l-listtype li:nth-child(1) i {

    background: url(../img/Group247s.png);

    background-size: 100% 100%;

}

.z-search .l-listtype li:nth-child(2) i {

    background: url(../img/Group246.png);

    background-size: 100% 100%;

}

.z-search .l-listtype li:nth-child(2).on i {

    background: url(../img/Group246s.png);

    background-size: 100% 100%;

}

.z-rightcont {

    position: relative;

    width: 100%;

    background: #fff;

    box-sizing: border-box;

}



.z-rightcont .l-marker {

    padding: 4px 0;

    width: 93.4%;

    height: auto;

    letter-spacing: 0;

    position: absolute;

    z-index: 9999;

    padding: 10px 0;

    top: 0;

    background-color: rgba(0,0,0,0.35);

}

.z-rightcont .l-marker ul li {

    float: left;

    width: 140px;

    height: 24px;

    line-height: 24px;

    color: #4d4d4d;

    font-size: 14px;

    vertical-align: center;

}

.z-rightcont .l-marker ul li img {

    height: 100%;

    width: auto;

    margin: 0 3px 1px 0px;

}

.z-rightcont .l-marker ul li span {

    margin-left: 5px;

    font-size: 11px;

    color: #fff;

}



.z-rightcont .z-rightul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    margin-top: 10px;

}

.z-rightcont .z-rightul li:nth-child(1) {

    margin-left: 0px;

}

.z-rightcont .z-rightul li:nth-child(5) {

    margin-left: 0px;

}

.z-rightcont .z-rightul li:nth-child(9) {

    margin-left: 0px;

}



.z-rightcont .z-rightul li:nth-child(13) {

    margin-left: 0px;

}

.z-rightcont .z-rightul li {

    width: 186px;

    height: 205px;

    overflow: hidden;

    margin-bottom: 20px;

    margin-left: 10px;

    background: #f7f7f7;

    transition: all 0.3s ease;

    position: relative;

}

.z-rightcont ul li .z-detaimg {

    width: 100%;

    height: 131px;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    position: relative;

}

.z-rightcont ul li .z-detaimg img {

    width: 100%;

    height: 100%;

}

.activityStatus_0 {

    background: url(../../source_app/images/activity/activity-not-star.png);

    background-size: contain;

}

.activityStatus {

    color: #fff;

    right: 0;

    top: 0;

    width: 60px;

    height: 60px;

    z-index: 9999999;

}

.z-rightcont ul li .z-detapo {

    width: 100%;

    height: 100px;

    position: absolute;

    top: 0px;

    left: 0;

}

.z-rightcont ul li .z-detapop {

    position: absolute;

    top: -161px;

    left: 0;

    padding: 10px;

    transition: all 0.5s ease;

    background-color: rgba(0, 0, 0, 0.5);

}

.z-rightcont ul li .z-detapop p {

    font-size: 12px;

    color: #FFFFFF;

}

.z-rightcont ul li .z-detatext {

    box-sizing: border-box;

    border: 1px solid #CCCCCC;

    border-top: none;

    transition: all 0.3s ease;

}

.z-rightcont ul li .z-detap2 {

    box-sizing: border-box;

    padding: 5px 5px;

    height: 40px;

    font-weight: bold;

    text-align: center;

    background: #FFFFFF;

    align-items: center;

    justify-content: space-around;

    flex-direction: column;

    word-break: break-all;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.z-rightcont ul li .z-detap1 {

    width: 100%;

    text-align: center;

    box-sizing: border-box;

    padding: 5px 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: #FFFFFF;

}

.z-rightcont ul li .z-detap1 span {

    display: inline-block;

    color: #C3000A;

    padding-left: 15px;

    background: url(../img/Slice24.png) no-repeat left center;

    max-width: 140px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background-size: 15px 17px;

}

.z-rightcont ul li .z-detap3 {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    box-sizing: border-box;

    padding: 5px 15px;

    position: relative;

}

.z-rightcont ul li .z-detap3 span {

    font-size: 14px;

    font-weight: bold;

    text-align: center;

}

.z-rightcont ul li .z-detap3 span i {

    font-size: 15px;

    color: #C3000A;

    font-style: initial;

}

.z-rightcont ul li .z-detap3 b {

    display: inline-block;

    width: 1px;

    height: 35px;

    box-sizing: border-box;

    border: 1px dashed #CCCCCC;

    position: absolute;

    left: 79px;

    top: 9px;

}

.z-rightcont ul li .z-detap3 span {

    font-size: 14px;

    font-weight: bold;

    text-align: center;

}







.activityStatus_1{background: url(../img/activity_1.png);background-size: contain;}

.activityStatus_2{background: url(../img/activity_2.png);background-size: contain;}

.activityStatus_3{background: url(../img/activity_3.png);background-size: contain;}

.activityStatus_4{background: url(../img/activity_4.png);background-size: contain;}