.event{ margin-bottom: 1rem; }
.event-item{ position: relative; display: block; width: 100%; height: 0; padding-bottom: 32%; line-height: 0; overflow: hidden; border-radius: 0.4rem; margin-bottom: 0.5rem; border: 1px solid #F1F1F1;}

.event-item-s{ padding-bottom: 24%; }

.event-item img{ position: absolute; display: block; width: 100%; }

.event-item-b img{ position: absolute; display: block; width: 100%; bottom: 0; }

.event-item-c img{ position: absolute; display: block; width: 100%; bottom: 0; top: 0; margin: auto; }
/*
.event-item .event-item-tit{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 10; padding: 0.5rem; background: rgba(18, 38, 47, 0.5); color: #FFFFFF; font-size: 0.875rem; }
*/
/*
.event-item .event-item-tit{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 10; padding:0 0.5rem; height: 2rem; line-height: 2rem;  background: rgba(0, 158, 224, 0.7); color: #FFFFFF; font-size: 0.875rem; }
*/

.event-item .event-item-tit{ position: absolute;/* width: 12rem;*/ width: 18rem; display: flex; align-items: center; left: 0; bottom: 0; z-index: 10; height: 100%; /*background: rgba(0, 68, 97, 0.7);*/ color: #FFFFFF; /*font-size: 1.375rem;  */ font-size: 1.125rem; padding-left: 1rem; line-height: 1.5rem; font-weight: bold; text-shadow: 2px 2px 0px  rgba(0, 0, 0, 0.3)}

/*
.event-item .event-item-tit-s{ font-size: 1rem;  padding-left: 1rem; line-height: 2rem; white-space: nowrap; }
*/

.icon-out{ position: absolute; width: 1.5rem; height: 1.5rem; border-radius: 50% 50%; background: #FFF; z-index: 20; top: 0.5rem ;right: 0.5rem; }
.icon-out:before{ position: absolute; content: ""; background: url("../img/icon/out.svg") center no-repeat; width: 100%; height: 100%; top: 0; left:0; right:0; bottom: 0; background-size: 100% auto; z-index: 30; }

.event-item-bg01 .event-item-tit{
	background: -moz-linear-gradient(left,  rgba(0, 158, 244, 0.3) 64%, rgba(0, 158, 244, 0) 0%);
    background: -webkit-gradient(linear, left, right, color-stop(64%, rgba(0, 158, 244, 0.3)), color-stop(100%, rgba(0, 158, 244, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 158, 244, 0.3) 64%, rgba(0, 158, 244, 0) 100%);
    background: -o-linear-gradient(left,  rgba(0, 158, 244, 0.3) 64%, rgba(0, 158, 244, 0) 100%);
    background: -ms-linear-gradient(left,  rgba(0, 158, 244, 0.3) 64%,  rgba(0, 158, 244, 0) 100%);
    background: linear-gradient(to right,  rgba(0, 158, 244, 0.3) 64%, rgba(0, 158, 244, 0) 100%);
}  /*** 医疗 ***/

.event-item-bg02 .event-item-tit{
	 background: -moz-linear-gradient(left,  rgba(136, 112, 170, 0.3) 64%, rgba(136, 112, 170, 0) 0%);
    background: -webkit-gradient(linear, left, right, color-stop(64%, rgba(136, 112, 170, 0.3)), color-stop(100%, rgba(136, 112, 170, 0)));
    background: -webkit-linear-gradient(left, rgba(136, 112, 170, 0.3) 64%, rgba(136, 112, 170, 0) 100%);
    background: -o-linear-gradient(left,  rgba(136, 112, 170, 0.3) 64%, rgba(136, 112, 170, 0) 100%);
    background: -ms-linear-gradient(left,  rgba(136, 112, 170, 0.3) 64%,  rgba(136, 112, 170, 0) 100%);
    background: linear-gradient(to right,  rgba(136, 112, 170, 0.3) 64%, rgba(136, 112, 170, 0) 100%);
} /*** 汽车 ***/

.event-item-bg03 .event-item-tit{
	 background: -moz-linear-gradient(left,  rgba(58, 198, 226, 0.4) 64%, rgba(58, 198, 226, 0) 0%);
    background: -webkit-gradient(linear, left, right, color-stop(64%, rgba(58, 198, 226, 0.4)), color-stop(100%, rgba(58, 198, 226, 0)));
    background: -webkit-linear-gradient(left, rgba(58, 198, 226, 0.4) 64%, rgba(58, 198, 226, 0) 100%);
    background: -o-linear-gradient(left,  rgba(58, 198, 226, 0.4) 64%, rgba(58, 198, 226, 0) 100%);
    background: -ms-linear-gradient(left,  rgba(58, 198, 226, 0.4) 64%,  rgba(58, 198, 226, 0) 100%);
    background: linear-gradient(to right,  rgba(58, 198, 226, 0.4) 64%, rgba(58, 198, 226, 0) 100%);
} /*** 工业 ***/

.event-item-bg04 .event-item-tit{
    background: -moz-linear-gradient(left,  rgba(227, 116, 126, 0.3) 64%, rgba(227, 116, 126, 0) 0%);
    background: -webkit-gradient(linear, left, right, color-stop(64%, rgba(227, 116, 126, 0.3)), color-stop(100%, rgba(227, 116, 126, 0)));
    background: -webkit-linear-gradient(left, rgba(227, 116, 126, 0.3) 64%, rgba(227, 116, 126, 0) 100%);
    background: -o-linear-gradient(left,  rgba(227, 116, 126, 0.3) 64%, rgba(227, 116, 126, 0) 100%);
    background: -ms-linear-gradient(left,  rgba(227, 116, 126, 0.3) 64%,  rgba(227, 116, 126, 0) 100%);
    background: linear-gradient(to right,  rgba(227, 116, 126, 0.3) 64%, rgba(227, 116, 126, 0) 100%);
} /*** 电子 ***/

.event-item-bg05 .event-item-tit{
	 background: -moz-linear-gradient(left,  rgba(43, 167, 139, 0.3) 64%, rgba(43, 167, 139, 0) 0%);
    background: -webkit-gradient(linear, left, right, color-stop(64%, rgba(43, 167, 139, 0.3)), color-stop(100%, rgba(43, 167, 139, 0)));
    background: -webkit-linear-gradient(left, rgba(43, 167, 139, 0.3) 64%, rgba(43, 167, 139, 0) 100%);
    background: -o-linear-gradient(left,  rgba(43, 167, 139, 0.3) 64%, rgba(43, 167, 139, 0) 100%);
    background: -ms-linear-gradient(left,  rgba(43, 167, 139, 0.3) 64%,  rgba(43, 167, 139, 0) 100%);
    background: linear-gradient(to right,  rgba(43, 167, 139, 0.3) 64%, rgba(43, 167, 139, 0) 100%);
} /*** 环境 ***/

.event-item-bg06 .event-item-tit{
    background: -moz-linear-gradient(left,  rgba(255, 222, 20, 0.3) 64%, rgba(255, 222, 20, 0) 0%);
    background: -webkit-gradient(linear, left, right, color-stop(64%, rgba(255, 222, 20, 0.3)), color-stop(100%, rgba(255, 222, 20, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 222, 20, 0.3) 64%, rgba(255, 222, 20, 0) 100%);
    background: -o-linear-gradient(left,  rgba(255, 222, 20, 0.3) 64%, rgba(255, 222, 20, 0) 100%);
    background: -ms-linear-gradient(left,  rgba(255, 222, 20, 0.3) 64%,  rgba(255, 222, 20, 0) 100%);
    background: linear-gradient(to right,  rgba(255, 222, 20, 0.3) 64%, rgba(255, 222, 20, 0) 100%);
} /*** 食品 ***/