body,
html {
    background: var(--bg);
}

#main {}

#main>.content {
    padding   : 40px 50px;
    background: #FFF;
    min-height: calc(100vh - var(--nav-height) - var(--footer-height) - 100px);
    position  : relative;
    width     : 1300px;
}

#main>.content>.title {
    font-size     : 0.25rem;
    font-weight   : bold;
    color         : #000;
    padding-bottom: 50px;
    border-bottom : 1px solid #f5f5f5;
    margin-bottom : 40px;
}

#main>.content .info {
    position: relative;
}

#main>.content .info .cover {
    width : 58%;
    height: 325px;

}

#main>.content .info .cover img {
    height    : 100%;
    width     : 100%;
    object-fit: cover;
}

#main>.content .info .text {
    position     : absolute;
    margin-left  : 60%;
    height       : 325px;
    top          : 0px;
    width        : 40%;
    border-bottom: 1px solid #f5f5f5;
    color        : #000;
}

.text .name {
    font-size        : 0.26rem;
    font-family      : FZZZHONGJW--GB1-0, FZZZHONGJW--GB1;
    font-weight      : bold;
    color            : #000;
    background-repeat: no-repeat;
    background-size  : auto 100%;
    padding-top      : 20px;
    position         : relative;

}

.text .desc {
    color    : #7c7c7c;
    font-size: 0.16rem;
    padding  : 0.2rem 0px;
    height   : 0.88rem;
}

.text p {
    padding            : 0.1rem 0px;
    background-position: right bottom;
}



.text b {
    color      : #000;
    font-size  : 0.16rem;
    font-weight: 600;
}

.text img {
    width         : 15px;
    height        : auto;
    display       : inline-block;
    vertical-align: text-top;
    margin-right  : 10px;
}

.join {
    padding      : 0.1rem 0.2rem;
    font-size    : 0.16rem;
    font-family  : SourceHanSansCN-Regular, SourceHanSansCN;
    color        : var(--theme);
    transition   : all 0.3s;
    z-index      : 2;
    position     : relative;
    overflow     : hidden;
    border-radius: 5px;
}

.join {
    font-size : 0.16rem;
    background: var(--theme);
    color     : #FFF;
}

.join:hover {
    color: #FFF
}

.join-btn {
    position: absolute;
    right   : 0px;
    top     : 6px;
}

.join.end {
    background: #e1e1e1;
    color     : #b3b3b3;
}

.label {
    margin-top  : 80px;
    margin-right: 106px;
    position    : relative;
}

.label .ivu-tag {
    border : none;
    padding: 6px 10px 4px 10px;
    height : auto;
}

.show-code {
    position        : absolute;
    transition      : 0.3s;
    opacity         : 0;
    margin          : -5px;
    transform       : translate3d(0px, -100px, 0);
    border-radius   : 5px;
    top             : -35px;
    left            : -32px;
    width           : 177px;
    border          : 3px solid var(--theme);
    background-color: #fff;
}

.show-code img {
    width: 100%;
}

.join-btn:hover .show-code {
    transform     : translate3d(0px, -160px, 0);
    opacity       : 1;
    pointer-events: inherit;
}


.tab {
    padding            : 120px 0px 30px 0px;
    border-bottom      : 1px solid #f5f5f5;
    background-image   : url(../icon/ACTIVITY-bg.png);
    background-position: 0px 38px;
    background-repeat  : no-repeat;
}

.tab span {
    display      : inline-block;
    padding      : 8px 25px 6px 25px;
    margin-right : 20px;
    border       : 1px solid #efefef;
    font-size    : 16px;
    color        : #666;
    border-radius: 25px;
    cursor       : pointer;
}

.tab span.active {
    color           : #FFF;
    background-image: url(../icon/btn-bg.png);
    background-size : 100% 100%;
}

.tab-data {
    position  : relative;
    min-height: 700px;
    margin-top: 0.3rem;
}

.news-list {
    height  : 6rem;
    overflow: hidden;
}

.news-list-item a {
    color: #666;
}

.news-list-item .new-content {
    border-bottom : 1px solid #ECECEC;
    padding-bottom: 0.3rem;
    margin-bottom : 50px;
    cursor        : pointer;
}

.news-list-item .new-content:hover .new-title,
.new-cover:hover .new-title {
    color: var(--theme);
}

.news-list-item .new-content .new-time {
    font-style: oblique;
    font-size : 0.18rem;
    color     : #555;
}

.new-time span {
    font-size     : 0.23rem;
    vertical-align: baseline;
    color         : var(--theme);
}

.new-content .new-time,
.activity-cover .new-time {
    font-size  : 0.15rem;
    font-family: AvantGardeITCbyBT-Book, AvantGardeITCbyBT;
    color      : var(--theme);
}

.new-content .new-title,
.activity-cover .new-title {
    font-family  : SourceHanSansCN-Bold, SourceHanSansCN;
    color        : #000;
    font-size    : 0.2rem;
    font-weight  : bold;
    margin-bottom: 10px;
    transition   : all 0.3s;
}

.tab-left {
    margin-right: 500px;
}

.tab-right {
    position: absolute;
    right   : 0px;
    top     : 0px;
    width   : 450px;
    height  : 100%;
    overflow: auto;
}

.history-event {
    width      : 100%;
    background : #f9f9f9;
    padding    : 0px 30px 25px;
    position   : relative;
    height     : 100%;
    padding-top: 1rem;
}

.history-event .cover img {
    width  : 100%;
    display: block;
}

.history-event>.title {
    font-size    : 0.26rem;
    color        : #000;
    font-weight  : bold;
    border-bottom: 1px solid var(--theme);
    position     : absolute;
    top          : 0px;
    left         : 0px;
    width        : 100%;
    background   : #f9f9f9;
    padding      : 20px 30px;
    z-index      : 2;
}

.history-event .list {
    height: 100%;

    overflow: auto;
}

.history-event .item {
    position  : relative;
    margin-top: 25px;
    cursor    : pointer;
}

.history-event .item .text {
    position  : absolute;
    bottom    : 0px;
    left      : 0px;
    width     : 100%;
    padding   : 5px;
    background: rgba(0, 0, 0, 0.47);
    color     : #FFF;
}


.photo {}

.photo .item {
    height  : 300px;
    overflow: hidden;
    padding : 10px 10px 0px 0px;
    cursor  : pointer;
}

.photo .item img {
    width     : 100%;
    object-fit: cover;
    display   : block;
    height    : 100%;
}



.view-img {
    width        : 680px;
    /* min-height: 400px; */
    position     : fixed;
    z-index      : 200;
    top          : 20%;
    left         : 0px;
    right        : 0px;
    margin       : auto;
    box-shadow   : 0px 0px 35px #283442;
    background   : #ffffff;
    padding      : 10px;
    color        : #000;
    font-size    : 18px;
}

.view-img video {
    display: block
}

.view-img img {
    width: 100%;
}

.view-img .view-close {
    border-radius: 100%;
    height       : 20px;
    width        : 20px;
    background   : #d90d18;
    color        : #fff;
    position     : absolute;
    right        : 15px;
    top          : 15px;
    font-size    : 23px;
    text-align   : center;
    line-height  : 20px;
    transform    : rotate(45deg);
    z-index      : 2;
    cursor       : pointer;
}