.activity {
    overflow      : hidden;
    padding-bottom: 50px;
    background    : #f5f5f5
}

.activity .main {
    margin-top: 40px
}

.activity .main .left {
    float     : left;
    padding   : 50px 30px;
    width     : 240px;
    height    : 570px;
    background: #fff
}

.activity .main .left h3 {
    color    : #2b2b2b;
    font-size: 18px
}

.activity .main .left .list {
    overflow-y   : scroll;
    margin-top   : 40px;
    padding-right: 15px;
    height       : 450px
}

.activity .main .left .list a {
    display           : -webkit-box;
    overflow          : hidden;
    margin-bottom     : 25px;
    color             : #adadad;
    font-size         : 12px;
    line-height       : 20px;
    transition        : .5s;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.activity .main .left .list a:hover {
    color: #2b2b2b
}

.activity .main .left .list a:last-child {
    margin-bottom: 0
}

.activity .main .left .list .active {
    color: #2b2b2b !important
}

.activity .main .left .list::-webkit-scrollbar-track-piece {
    width           : 10px;
    background-color: #f2f2f2
}

.activity .main .left .list::-webkit-scrollbar {
    width : 10px;
    height: 100%
}

.activity .main .left .list::-webkit-scrollbar-thumb {
    background: #282828;
    cursor    : pointer
}

.activity .main .left .list::-webkit-scrollbar-thumb:hover {
    background: #282828;
    cursor    : pointer
}

.activity .main .right {
    float     : right;
    padding   : 50px 30px;
    width     : 950px;
    background: #fff
}

.activity .main .right h1 {
    color     : #2b2b2b;
    text-align: center;
    font-size : 24px
}

.activity .main .right .info {
    margin-top    : 30px;
    padding-top   : 20px;
    /* border-top : 1px dashed #2b2b2b; */
    color         : #2c2d33;
    text-align    : right;
    font-size     : 12px
}

.activity .main .right .info span {
    display    : inline-block;
    margin-left: 20px
}

.activity .main .right .info .share {
    display     : inline-block;
    margin-left : 20px;
    padding-left: 22px;
    background  : url(../images/home/share.jpg) no-repeat left center;
    cursor      : pointer
}

.activity .main .right .info .share:after {
    display: none !important
}

.activity .main .right .info .eye {
    padding-left   : 22px;
    background     : url(../images/home/eye.jpg) no-repeat left center;
    background-size: contain
}

.activity .main .right .article img {
    max-width: 800px !important;
    width    : inherit;
    height   : inherit
}

.activity .main .right .article p {
    line-height: 34px
}

.activity-list {
    overflow      : hidden;
    padding-bottom: 50px;
    background    : #f5f5f5
}

.activity-list .main {
    margin-top: 40px
}

.activity-list .main .left {
    float     : left;
    padding   : 50px 30px;
    width     : 240px;
    background: #fff
}

.activity-list .main .left h3 {
    color    : #2b2b2b;
    font-size: 18px
}

.activity-list .main .left .years {
    overflow-y: auto;
    margin-top: 40px;
    max-height: 450px
}

.activity-list .main .left .years .section {
    margin-bottom: 30px
}

.activity-list .main .left .years .section .month {
    display      : block;
    padding-right: 15px;
    color        : #adadad;
    line-height  : 30px
}

.activity-list .main .left .years .section .month span {
    float  : right;
    display: inline-block;
    color  : #adadad
}

.activity-list .main .left .years .section .month span:after {
    display: block;
    content: '>'
}

.activity-list .main .left .years .section .month .on:after {
    top            : 50%;
    display        : block;
    margin-top     : 8px;
    width          : 15px;
    height         : 15px;
    border-radius  : 50%;
    background     : #2b2b2b url(../images/home/news_check.png) no-repeat center center;
    background-size: 10px;
    content        : '';
    transform      : rotate(90deg)
}

.activity-list .main .left .years .section .active {
    color    : #2b2b2b !important;
    font-size: 16px
}

.activity-list .main .left .years .section .day {
    display: none
}

.activity-list .main .left .years .section .day a {
    display   : block;
    margin-top: 15px;
    color     : #adadad;
    font-size : 12px
}

.activity-list .main .left .years .section .day .act {
    color    : #2b2b2b;
    font-size: 12px
}

.activity-list .main .left .years .section .open {
    display: block
}

.activity-list .main .left .years::-webkit-scrollbar-track-piece {
    width           : 10px;
    background-color: #f2f2f2
}

.activity-list .main .left .years::-webkit-scrollbar {
    width : 10px;
    height: 100%
}

.activity-list .main .left .years::-webkit-scrollbar-thumb {
    background: #282828;
    cursor    : pointer
}

.activity-list .main .left .years::-webkit-scrollbar-thumb:hover {
    background: #282828;
    cursor    : pointer
}

.activity-list .main .right {
    float     : right;
    padding   : 50px 30px 0;
    width     : 950px;
    background: #fff
}

.activity-list .main .right .activities {
    margin-bottom: 40px;
    width        : 100%
}

.activity-list .main .right .activities .act {
    float        : left;
    margin-bottom: 40px;
    margin-left  : 20px;
    width        : 435px
}

.activity-list .main .right .activities .act:hover .title {
    color: #9f7d39
}

.activity-list .main .right .activities .act:hover .extra .date {
    color: #2b2b2b
}

.activity-list .main .right .activities .act:hover .info a {
    color: #2b2b2b
}

.activity-list .main .right .activities .act:nth-child(even) {
    margin-left: 0
}

.activity-list .main .right .activities .act .img {
    width     : 435px;
    height    : 276px;
    object-fit: cover
}

.activity-list .main .right .activities .act .title {
    display       : inline-block;
    margin-top    : 14px;
    padding-bottom: 2px;
    width         : 435px;
    border-bottom : 1px solid #2b2b2b;
    color         : #adadad;
    font-size     : 16px;
    transition    : .5s
}

.activity-list .main .right .activities .act .title h2 {
    position     : relative;
    float        : left;
    display      : inline;
    overflow     : hidden;
    margin-right : 10px;
    max-width    : 375px;
    text-overflow: ellipsis;
    white-space  : nowrap;
    line-height  : 30px
}

.activity-list .main .right .activities .act .title span {
    float        : left;
    width        : 50px;
    height       : 20px;
    border-radius: 30px;
    background   : #adadad;
    color        : #fff;
    text-align   : center;
    font-size    : 12px;
    line-height  : 20px
}

.activity-list .main .right .activities .act .extra {
    margin-top : 8px;
    line-height: 20px
}

.activity-list .main .right .activities .act .extra .date {
    float     : left;
    color     : #adadad;
    font-size : 14px;
    transition: .5s
}

.activity-list .main .right .activities .act .extra .share {
    float: right
}

.activity-list .main .right .activities .act .extra .share a {
    display    : inline-block;
    margin-left: 20px;
    font-size  : 12px
}

.activity-list .main .right .activities .act .extra .share .all {
    padding-left: 15px;
    background  : url(../images/home/act_share.jpg) no-repeat left center
}

.activity-list .main .right .activities .act .extra .share .weibo {
    padding-left: 15px;
    background  : url(../images/home/act_weibo.jpg) no-repeat left center
}

.activity-list .main .right .activities .act .extra .share .weixin {
    padding-left: 15px;
    background  : url(../images/home/act_weixin.jpg) no-repeat left center;
    cursor      : pointer
}

.activity-list .main .right .activities .act .info {
    margin-top: 30px
}

.activity-list .main .right .activities .act .info a {
    color          : #adadad;
    text-decoration: underline;
    transition     : .5s
}

.activity-list .main .right .page {
    margin    : 40px -30px;
    border-top: 5px solid #f5f5f5
}

.activity-list .main .right .page .common-page {
    margin-top   : 40px;
    margin-bottom: 0;
    width        : inherit
}

.activity-list .main .right .activities .act.first {
    width      : 890px;
    margin-left: 0;
}

.activity-list .main .right .activities .act.first .img {
    width : 890px;
    height: 400px;
}

.activity-list .main .right .activities .act.first .title {
    width: 890px;
}

.activity-list .main .right .activities .act.first .title h2 {
    max-width: 890px;
}