* {
    text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}


body, div, h2, p {
    padding: 0;
    margin: 0
}

html, body {
    line-height: 1.5;
    color: #3a404a;
    font-family: 'Lato', 'Chinese Quote', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-weight: 400;
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern"
}

a {
    background: transparent;
    color: #4076ff;
    text-decoration: none
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%
}

button {
    margin: 0;
    font: inherit;
    color: inherit;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
    border-radius: 0;
    padding: 0;
    appearance: none;
    -moz-appearance: none;
}

@media screen and (max-width: 1024px) {
    * {
        box-sizing: border-box
    }
}

@media screen and (max-width: 320px) {
    html {
        width: 320px
    }
}

@font-face {
    font-family: 'iconfont';
    src: url('./fonts/font2/iconfont.woff') format('woff');
}

.container {
    width: 1280px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 1280px) {
    .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.row {
    margin-right: -16px;
    margin-left: -16px
}

.col-lg-3 {
    float: left;
    position: relative;
    min-height: 1px;
    width: 25%;
}

.ellipsis {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.icon {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 4px;
}

.home_event {
    background: #fff;
    padding: 24px 0 40px 0
}

.home_event .event_list {
    margin: 0 4px
}

@media screen and (max-width: 1132px) {
    .home_event .event_list {
        margin: 0 8px
    }
}

@media screen and (max-width: 1024px) {
    .home_event {
        padding-top: 0
    }
}

@media screen and (max-width: 414px) {
    .home_event {
        padding-bottom: 24px
    }

    .home_event .event_list {
        margin: 0 16px
    }
}

@media screen and (max-width: 320px) {
    .home_event .event_list {
        margin: 0 8px
    }
}


.event_list {
    margin: 0 4px
}

.event_list .li {
    margin: 0 12px;
    margin-bottom: 24px;
    cursor: pointer;
    color: #3a404a
}

.event_cover {
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-sizing: border-box
}

.event_cover .img_span {
    width: 100%;
    height: 0;
    padding-bottom: 59.23%;
    display: inline-block
}

.event_cover img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .65s;
    -moz-transition: -moz-transform .65s;
    transition: transform .65s
}

.event_list .li:hover .event_cover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.event_list .li .info {
    position: relative;
    padding-top: 12px
}

.event_list .li .name {
    font-size: 16px;
    margin-bottom: 8px
}

.event_list .li:hover .name {
    color: #ff5303
}

.event_list .li .t_l {
    color: #979ca3
}

.event_list .li .t_l > span {
    vertical-align: middle;
    display: inline-block
}

.event_list .li .t_l .icon {
    color: #a3aaad
}

.event_list .li .time {
    margin-right: 16px
}

.event_list .li .location {
    width: 106px
}

.home_event .event_list .li .info {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 0;
    padding: 12px 8px 12px 8px
}

.home_event .event_list .li .name {
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    height: 44px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 1132px) {
    .event_list .li {
        margin: 0 8px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 1024px) {
    .event_list {
        margin: 0
    }
}

@media screen and (max-width: 800px) {
    .event_list {
        margin: 0 16px
    }

    .event_list .col-lg-3 {
        width: 50%
    }

    .event_list .li .name {
        height: 24px;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 414px) {
    .event_list .col-lg-3 {
        width: 100%
    }

    .event_list .li {
        margin: 0;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 375px) {
    .event_list .li .name {
        margin-bottom: 0
    }
}