/*公共部分------------------------------------开始*/
body {
    color: #03234B;
    width: 100%;
    overflow-x: hidden;
}
[v-cloak] {
    display: none !important;
}
.summit-activity-2021 {
    position: relative;
}
.public-container {
    width: 13.333333rem;
    margin: 0 auto;
    max-width: 92%;
}
.section-public-title {
    line-height: 0.666667rem;
    color: rgba(3, 35, 75, 100);
    font-size: 0.48rem;
    font-weight: bold;
}
.public-section {
    padding-top: 0.8rem;
}
.section-content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.24rem;
}
.review-section-content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.32rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}
.public-schedule-table {
    background-color: #E3F7FF;
    border-top: 4px solid #3CB4E6;
    margin: 0 auto;
}
#topcontrol {
    display: none;
}
@media screen and (min-width: 1440px) {
    .public-container {
        width: 1000px;
    }

    .section-public-title {
        line-height: 53px;
        font-size: 38px;
    }

    .public-section {
        padding-top: 60px;
    }

    .section-content {
        padding-top: 18px;
    }

    .review-section-content {
        padding-top: 24px;
    }
}
@media screen and (max-width: 759px) {
    .public-container {
        width: 100%;
        max-width: none;
    }

    .section-public-title {
        line-height: 0.792rem;
        font-size: 0.576rem;
    }

    .public-section {
        padding-top: 0.96rem;
    }

    .section-content {
        padding-top: 0.288rem
    }

    .review-section-content {
        padding-top: 0.432rem;
        margin: 0 0.432rem;
    }
    .review-section-content.mobile-swiper {
        margin: 0;
        padding-left: 0.432rem;
        display: flex;
    }
    .review-section-content.mobile-swiper .gap {
        width: 0.432rem;
        flex-shrink: 0;
    }

    .review-section-content.pc-swiper {
        display: none;
    }

    .picture-show-m {
        margin: 0 !important;
        padding-left: 0.432rem;
    }
    .picture-show-m .gap {
        width: 0.432rem;
    }
}
/*公共部分------------------------------------结束*/




/*导航------------------------------------开始*/
.nav-section {
    position: absolute;
    top: 4.61333333rem;
    right: 0.5466667rem;
    width: 1.5866667rem;
    z-index: 1;
    min-width: 94px;
}
.nav-section li {
    width: 100%;
    background-color: rgba(60, 180, 230, 1);
    border: 1px solid #ffffff;
    position: relative;
    min-height: 25px;
    height: 0.48rem;
}
.nav-section li:not(.nav-back-top):focus,.nav-section li:not(.nav-back-top):hover {
    background-color: #218EBB;
}
.nav-section li a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.1866667rem;
    line-height: 20px;
    color: #ffffff;
    cursor: pointer;
}
.nav-section li.nav-sign {
    background-color: rgba(207, 17, 98, 1);
}
.nav-section li.nav-sign:hover,.nav-section li.nav-sign:focus {
    background-color: #A70047;
}
.nav-sign img {
    width: 0.24rem;
    margin-right: 0.05333333rem;
    min-width: 12px;
}
.nav-des {
    margin-top: 0.04rem;
}
.nav-des img {
    width: 0.3866667rem;
    position: absolute;
    top: 0;
    left: 0;
}
.nav-live img {
    width: 00.24rem;
    margin-right: 0.0666667rem;
    min-width: 12px;
}
.nav-section li.nav-about-us {
    background-color: #03234B;
}
.nav-section li.nav-about-us:focus,.nav-section li.nav-about-us:hover {
    background-color: #0B4287;
}
.nav-section li.nav-back-top {
    background-color: rgba(29,29,30,0.5);
}
.nav-back-top img {
    width: 00.24rem;
    min-width: 12px;
    margin-right: 0.05333333rem;
}
.about-qrcode-box {
    width: 2.77333333rem;
    height: 1.33333333rem;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 6px 4px rgba(230, 230, 230, 0.5);
    padding: 0.133333333rem 0.09333333rem 0.133333333rem 0.06666667rem;
    align-items: center;
    justify-content: space-around;
    display: none;
    position: absolute;
    right: 1.74666667rem;
    top: -0.41333333rem;

}
.qrcode-box-left {
    width: 1.06666667rem;
}
.qrcode-box-left img {
    width: 100%;
}
.qrcode-box-right {
    width: 1.52rem;
    color: rgba(3, 35, 75, 100);
    font-size: 14px;
    font-weight: bold;
    line-height: 0.26666667rem;
}
.nav-about-us:focus .bout-qrcode-box,.nav-about-us:hover .about-qrcode-box{
    display: flex;
}
.back-top-m {
    display: none;
}
.back-top-m a {
    width: 1.056rem;
    height: 1.056rem;
    display: inline-flex;
    position: fixed;
    background-color: rgba(0,0,0,0.4);
    right: 0.192rem;
    bottom: 10%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.back-top-m img {
    width: 0.432rem;
}
@media screen and (min-width: 1440px) {
    .nav-section {
        width: 119px;
    }
    .nav-section li {
        height: 34px;
    }
    .nav-section li a {
        font-size: 14px;
    }
    .nav-sign img {
        width: 18px;
        margin-right: 4px;
    }
    .nav-des {
        margin-top: 3px;
    }
    .nav-des img {
        width: 29px;
    }
    .nav-live img {
        width: 18px;
        margin-right: 5px;
    }
    .nav-back-top img {
        width: 18px;
        margin-right: 4px;
    }
    .about-qrcode-box {
        width: 196px;
        height: 80px;
        padding: 10px 7px 10px 5px;
        right: 131px;
        top: -31px;
    }
    .qrcode-box-left {
        width: 80px;
    }
    .qrcode-box-right {
        width: 114px;
        line-height: 20px;
    }
}
@media screen and (max-width: 759px) and (min-width: 0) {
    .nav-section {
        display: none;
    }
    .back-top-m {
        display: block;
    }
}
/*导航------------------------------------结束*/




/*banner------------------------------------开始*/
.banner-section {
    background-color: #02234a;
}
.banner-pc {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}
.banner-pc-img {
    width: 100%;
}
.banner-pc-btn {
    position: absolute;
    width: 2.89333333rem;
    height: 0.54rem;
    top: 3.83333333rem;
    left: 10.0666667rem;
    cursor: pointer;
    background-color: transparent;
}
.banner-mobile {
    display: none;
    position: relative;
}
.banner-mobile-img {
    width: 100%;
}
@media screen and (min-width: 1920px) {
    .banner-pc-btn {
        width: 289.33px;
        height: 53.33px;
        left: 1006.33px;
        top: 383.33px;
    }
}
@media screen and (max-width: 759px) {
    .banner-pc {
        display: none;
    }
    .banner-mobile {
        display: block;
    }
    .banner-mobile-btn {
        position: absolute;
        width: 5.2rem;
        height: 0.94rem;
        top: 7.475rem;
        left: 1.9rem;
        cursor: pointer;
        background-color: transparent;
    }
    .banner-description {
        padding: 0.432rem 0 0.288rem;
    }
    .banner-description .public-container {
        padding: 0 0.432rem;
    }
    .banner-description .section-title-row {
        padding: 0;
    }
}
/*banner------------------------------------结束*/








/*峰会简介------------------------------------开始*/
.map-background {
    background-image: url("../images/summit2021/bj_1.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}
.banner-description {
    background-color: #E3F7FF;
    padding: 0.32rem 0;
}
.banner-description .section-content {
    padding: 0;
}
.section-title-row {
    display: flex;
    align-items: center;
    position: relative;
}
.title-row-logo {
    display: flex;
    margin-left: 0.226667rem;
    align-items: center;
}
.cut-line {
    width: 2px;
    height: 0.4rem;
    background-color: rgba(3, 35, 75, 1);
}
.logo-name {
    line-height: 0.44rem;
    color: rgba(3, 35, 75, 100);
    font-size: 0.32rem;
    font-weight: bold;
    margin-left: 0.16rem;
}
.logo-img {
    width: 1.506667rem;
    margin-left: 4px;
}
.logo-img img {
    width: 100%;
}
.des-hidden-show {
    display: none;
}
.banner-section-content-des {
    margin: 0.16rem 0;
    font-size: 0.213333rem;
    line-height: 0.333333rem;
}
.click-show-hidden-des{
    color: #3CB4E6;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.213333rem;
    margin: 0 auto;
    cursor: pointer;
}
.click-show-hidden-des img {
    width: 11px;
    margin-left: 5px;
}
.des-is-shown img {
    transform: rotate(180deg);
}
@media screen and (min-width: 1440px) {
    .banner-description {
        padding: 24px 0;
    }
    .title-row-logo {
        margin-left: 17px;
    }
    .cut-line {
        height: 30px;
    }
    .logo-name {
        line-height: 33px;
        font-size: 24px;
        margin-left: 12px;
    }
    .logo-img {
        width: 113px;
    }
    .banner-section-content-des {
        margin: 12px 0;
        font-size: 16px;
        line-height: 25px;
    }
    .click-show-hidden-des{
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
    .banner-section-content-des {
        line-height: 24px;
    }
}
@media screen and (max-width: 759px) {
    .title-row-logo {
        display: none;
    }
    .banner-section-content-des {
        margin: 0.144rem 0 0.192rem;
        line-height: 0.576rem;
        font-size: 0.336rem;
    }
    .section-title-row {
        padding: 0 0.432rem;
    }
    .click-show-hidden-des {
        font-size: 0.384rem;
        line-height: 0.528rem;
    }
    .click-show-hidden-des img {
        width: 0.264rem;
    }
}
/*峰会简介------------------------------------结束*/




/*峰会日程------------------------------------开始*/
.title-row-schedule {
    width: 2.0533333rem;
    height: 0.57333333rem;
    border: 1px solid rgba(3, 35, 75, 1);
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    justify-content: center;
    margin-left: 0.16rem;
    font-weight: bold;
    color: #03234B;
}
.section-dates {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 7px;
}
.date-tab {
    height: 43px;
    padding: 9px 22px;
    box-sizing: border-box;
    white-space: pre;
    background-color: rgba(3, 35, 75, 1);
    line-height: 25px;
    color: rgba(255, 255, 255, 100);
    font-size: 18px;
    margin-right: 12px;
    position: relative;
    cursor: pointer;
}
.date-tab.active::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8.5px 0 8.5px;
    border-color: #cf1163 transparent transparent transparent;
}
.date-tab.active {
    background-color: #CF1162;
}
.section-forums {
    display: flex;
    align-items: stretch;
    background-color: rgba(3, 35, 75, 1);
    margin-top: 18px;
}
.forum-tab {
    line-height: 22px;
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
    text-align: left;
    padding: 11px 25px 10px 19px;
    /* height: 43px; */
    background-color: rgba(3, 35, 75, 1);
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    max-width: 25%;
    display: flex;
}
.forum-tab-mobile {
    display: none;
    text-align: center;
}
@media screen and (max-width: 1080px) and (min-width: 760px) {
    .forum-tab-pc {
        display: none;
    }
    .forum-tab-mobile {
        display: block;
        align-self: center;
    }
}
@media screen and (max-width: 759px) {
    .forum-tab {
        justify-content: center;
        padding: 10px 16px;
        width: 25%;
    }
    .fiveItem > .forum-tab {
        width: 20%;
        max-width: 20%;
    }
    .forum-tab-pc {
        display: none;
    }
    .forum-tab-mobile {
        display: block;
        white-space: pre;
        align-self: center;
    }
}
.forum-tab.active {
    background-color: #CF1162;
}
.activity-schedule-table {
    padding: 24px 0.32rem 0.32rem 0.32rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.demo-schedule {
    background-color: #E3F7FF;
    margin-top: 12px;
    padding-top: 24px;
}
.demo-schedule .heading {
    color: rgba(3, 35, 75, 100);
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    line-height: 22px;
    margin-left: calc(0.32rem + 1.466667rem + 0.106667rem + 0.32rem);
}
@media screen and (min-width: 1440px) {
    .demo-schedule .heading {
        margin-left: calc(24px + 110px + 8px + 24px);
    }
}
@media screen and (max-width: 1080px) and (min-width: 760px) {
    .demo-schedule .heading {
        margin-left: calc(0.32rem + 110px + 8px + 24px);
    }
}
@media screen and (max-width: 759px) {
    .demo-schedule .heading {
        margin-left: calc(0.576rem + 2.304rem + 0.192rem + 0.624rem);
    }
}

.demo-schedule .activity-schedule-table {
    padding-top: 12px;
}
.first-half {
    width: 5.81333333rem;
}
.second-half {
    width: calc(100% - 5.81333333rem);
}
.schedule-detail-row {
    display: flex;
    align-items: flex-start;
    font-size: 0.213333rem;
    line-height: 22px;
}
.schedule-detail-row:not(:first-child) {
    margin-top: 0.293333rem;
}
.schedule-detail-row-time {
    width: 1.466667rem;
    color: rgba(60, 180, 230, 100);
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    white-space: nowrap;
    flex-shrink: 0;
}
.schedule-detail-row-circle {
    width: 0.106667rem;
    height: 0.106667rem;
    border-radius: 50%;
    margin: 7px 0.16rem;
    background: #03234B;
    flex-shrink: 0;
}
.schedule-detail-title-speaker {
    display: flex;
    flex-direction: column;
}
.single-column {
    flex-direction: column;
}
.single-column .schedule-detail-title-speaker {
    flex-direction: row;
    flex-wrap: wrap;
}
.single-column .schedule-detail-row-title {
    margin-right: 18px;
    white-space: nowrap;
}
@media screen and (max-width: 1080px) and (min-width: 760px) {
    .schedule-detail-row-title {
        white-space: normal !important;
    }
}
@media screen and (max-width: 759px) {
    .schedule-detail-row-time {
        font-size: 14px;
    }
    .schedule-detail-title-speaker {
        width: calc(100% - 2.304rem - 0.624rem - 0.192rem);
        flex-direction: column !important;
    }
    .schedule-detail-row-title {
        font-size: 14px;
        white-space: normal !important;
    }
}
.schedule-detail-row-title {
    color: rgba(10, 41, 80, 100);
    /* width: calc(100% - 1.893333rem); */
    font-weight: bold;
    font-size: 16px;
}
.schedule-detail-row-speaker {
    color: rgba(10, 41, 80, 100);
    font-size: 14px;
}
.schedule-content {
    white-space: pre-wrap;
    font-size: 14px;
}
.schedule-content b {
    font-weight: bold;
    font-size: 16px;
}
.schedule-content .gap {
    height: 12px;
}
.schedule-content .point {
    display: flex;
    align-items: center; 
}
@media screen and (max-width: 759px) {
    .schedule-content .point {
        flex-direction: column;
        align-items: flex-start; 
    }
}
.schedule-content .point:not(:last-child) {
    margin-bottom: 4px;
}
.schedule-content .point > span:nth-child(1) {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    margin-right: 9px;
    white-space: nowrap;
}
.schedule-content .point > span:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
}
@media screen and (max-width: 759px) {
    .schedule-content .point > span:nth-child(2) {
        white-space: pre-wrap;
    }
}
.schedule-content b {
    font-weight: bold;
    font-size: 16px;
}
.schedule-content .gap {
    height: 12px;
}
.schedule-content .point {
    display: flex;
    align-items: center; 
}
@media screen and (max-width: 759px) {
    .schedule-content .point {
        flex-direction: column;
        align-items: flex-start; 
    }
}
.schedule-content .point:not(:last-child) {
    margin-bottom: 4px;
}
.schedule-content .point > span:nth-child(1) {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    margin-right: 9px;
    white-space: nowrap;
}
.schedule-content .point > span:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
}
@media screen and (max-width: 759px) {
    .schedule-content .point > span:nth-child(2) {
        white-space: pre-wrap;
    }
}
.mobile-forum-title {
    display: none;
}
@media screen and (max-width: 1080px) {
    .mobile-forum-title {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 22px;
        color: rgba(3, 35, 75, 100);
        font-size: 16px;
        text-align: left;
        font-weight: bold;
        background-color: rgba(227, 247, 255, 1);
        width: 100%;
        padding-top: 18px;
    }
}


.left-cut-line {
    width: 1px;
    background: #03234B;
    height: calc(100% - 0.32rem - 24px);
    left: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.right-cut-line {
    width: 1px;
    background: #03234B;
    height: calc(100% - 0.32rem - 24px);
    left: 7.81rem;
    position: absolute;
}
.cut-br {
    height: 0.106667rem;
}
.activity-schedule-table-2 {
    padding: 0.29333333rem 0 0.29333333rem 0.32rem;
    background: #E3F7FF;
    width: 100%;
    border-top: 2px solid #ffffff;
    position: relative;
}
.table-2-title {
    width: 1.85333333rem;
    line-height: 22px;
    font-size: 0.21333333rem;
    display: inline-block;
    color: #3CB4E6;
    font-weight: bold;
}
.table-2-des {
    line-height: 22px;
    color: #03234A;
    font-size: 0.21333333rem;
    display: inline-block;
}
@media screen and (min-width: 1440px) {
    .title-row-schedule {
        width: 152px;
        height: 41px;
        font-size: 18px;
        margin-left: 12px;
    }
    .activity-schedule-table {
        padding: 24px 24px 24px 24px;
    }
    .first-half {
        width: 436px;
    }
    .second-half {
        width: calc(100% - 436px);
    }
    .schedule-detail-row {
        font-size: 16px;
    }
    .schedule-detail-row:not(:first-child) {
        margin-top: 22px;
    }
    .schedule-detail-row-time {
        width: 110px;
    }
    .schedule-detail-row-circle {
        width: 8px;
        height: 8px;
        margin: 7px 12px;
    }
    .left-cut-line {
        /* height: calc(100% - 68px); */
        left: 150px;
    }
    .right-cut-line {
        height: calc(100% - 68px);
        left: 586px;
    }
    .cut-br {
        height: 8px;
    }
    .activity-schedule-table-2 {
        padding: 22px 0 22px 24px;
    }
    .table-2-title {
        width: 139px;
        line-height: 22px;
        font-size: 16px;
    }
    .table-2-des {
        line-height: 22px;
        font-size: 16px;
    }
}
@media screen and (max-width: 1080px) and (min-width: 760px) {
    .first-half,.second-half {
        width: 100%;
    }
    .first-half .schedule-detail-row:last-child {
        padding-bottom: 22px;
    }
    .left-cut-line {
        left: calc(0.32rem + 126px);
    }
    .right-cut-line {
        display: none;
    }
    .schedule-detail-row {
        font-size: 14px;
    }
    .schedule-detail-row-time {
        width: 110px;
    }
    .schedule-detail-row-circle {
        width: 8px;
        height: 8px;
        margin: 7px 12px;
    }
    .schedule-detail-row-title {
        /* width: calc(100% - 142px) */
    }
    .table-2-title {
        width: 139px;
        font-size: 14px;
    }
    .table-2-des {
        font-size: 14px;
    }
}
@media screen and (max-width: 759px) {
    .title-row-schedule {
        width: 2.952rem;
        height: 0.792rem;
        font-size: 0.336rem;
        margin-left: 12px;
    }
    .first-half,.second-half {
        width: 100%;
    }
    .right-cut-line {
        display: none;
    }
    .schedule-detail-row {
        line-height: 0.48rem;
        font-size: 0.336rem;
    }
    .schedule-detail-row-time {
        width: 2.304rem;
    }
    .schedule-detail-row-circle {
        width: 0.192rem;
        height: 0.192rem;
        margin: 0.144rem 0.312rem;
    }
    .schedule-detail-row-title {
        /* width: 4.824rem; */
    }
    .activity-schedule-table {
        padding: 0.576rem 0.48rem 0.72rem 0.576rem;
    }
    .left-cut-line {
        left: 3.264rem;
        height: calc(100% - 1.296rem);
    }
    .first-half .schedule-detail-row:last-child {
        padding-bottom: 0.48rem;
    }
    .cut-br {
        height: 0.192rem;
    }
    .activity-schedule-table-2 {
        border-top: 1px solid #ffffff;
        padding: 0.552rem 0 0.504rem 0.576rem;
    }
    .table-2-title {
        width: 3.06rem;
        line-height: 0.48rem;
        font-size: 0.336rem;
    }
    .table-2-des {
        line-height: 0.48rem;
        font-size: 0.336rem;
    }
}
/*峰会日程------------------------------------结束*/



/*粉丝狂欢节------------------------------------开始*/
.fansday-pc-table {
    border: none;
}
.fansday-schedule-table {
    border-top: 6px solid #3CB4E6;
}
.fansday-pc-table th {
    padding: 0.16rem 0.2266667rem;
    white-space: nowrap;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.333333rem;
    color: #37A8D9;
    border-color: #ffffff;
}
.fansday-pc-table td {
    padding: 0.2rem 0.16rem;
    text-align: center;
    line-height: 20px;
    font-size: 0.1866667rem;
    border-color: #ffffff;
}
.fansday-pc-table td:first-child {
    font-size: 0.21333333rem;
}
.fansday-pc-table tr td:first-child {
    white-space: nowrap;
    color: rgba(60, 180, 230, 100);
    font-weight: bold;
}
.fansday-pc-table .col-span-6 {
    font-size: 0.213333rem;
    line-height: 22px;
}
.fansday-mobile-table {
    display: none;
    border: none;
}
.fansday-mobile-table th {
    padding: 0.312rem 0.288rem;
    white-space: nowrap;
    line-height: 0.48rem;
    font-size: 0.336rem;
    color: rgba(60, 180, 230, 100);
    border-color: #ffffff;
    font-weight: bold;
}
.fansday-mobile-table td {
    padding: 0.144rem 0.288rem;
    line-height: 0.48rem;
    font-size: 0.336rem;
    border-color: #ffffff;
}
.fansday-mobile-table td:first-child {
    font-size: 0.384rem;
    line-height: 0.528rem;
    color: #37A8D9;
    font-weight: bold;
    white-space: nowrap;
    padding: 0.144rem 0.552rem;
}
.fansday-mobile-table .row-span-6 {
    font-size: 0.384rem;
    line-height: 0.528rem;
}
.fansday-sub-tip {
    line-height: 20px;
    color: rgba(3, 35, 75, 100);
    font-size: 0.18666667rem;
    margin-top: 0.18666667rem;
}
@media screen and (min-width: 1440px) {
    .fansday-pc-table th {
        padding: 12px 20px 17px;
        font-size: 18px;
        line-height: 25px;
    }
    .fansday-pc-table td {
        padding: 15px 12px;
        line-height: 20px;
        font-size: 14px;
    }
    .fansday-pc-table td:first-child {
        font-size: 16px;
    }
    .fansday-pc-table .col-span-6 {
        font-size: 16px;
    }
    .fansday-sub-tip {
        line-height: 20px;
        font-size: 14px;
        margin-top: 14px;
    }
}
@media screen and (max-width: 759px) {
    .fansday-pc-table {
        display: none;
    }
    .fansday-mobile-table {
        display: block;
    }
    .fansday-sub-tip {
        line-height: 0.48rem;
        font-size: 0.336rem;
        margin: 0.288rem 0 0 0.432rem;
    }
}
/*粉丝狂欢节------------------------------------结束*/




/*粉丝狂欢节游戏区介绍------------------------------------开始*/
.fans-content {
    margin-top: 0.1066666667rem;
}
.fans-public-des:not(:first-child) {
    margin-top: 0.28rem;
}
.fans-public-des a {
    line-height: 0.44rem;
    color: rgba(55, 168, 217, 100);
    font-size: 0.32rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.fans-public-des a img {
    margin-left: 0.146666667rem;
    width: 0.12rem;
}
.fans-public-des p {
    line-height: 24px;
    color: rgba(3, 35, 75, 100);
    font-size: 14px;
    margin-top: 0.1066666667rem;
}
@media screen and (min-width: 1440px) {
    .fans-public-des a {
        line-height: 33px;
        font-size: 24px;
    }
    .fans-public-des p {
        line-height: 24px;
        font-size: 14px;
    }
    .fans-public-des a img {
        margin-left: 11px;
        width: 9px;
    }
}
@media screen and (max-width: 1100px) and (min-width: 760px){
    .fans-public-des a {
        font-size: 18px;
        line-height: 25px;
    }
}
@media screen and (max-width: 759px) {
    .fans-content {
        padding: 0 0.432rem;
    }
    .fans-public-des a {
        font-size: 0.432rem;
        line-height: 0.6rem;
    }
}
/*粉丝狂欢节游戏区介绍------------------------------------结束*/


/*hackathon 24小时挑战赛------------------------------------开始*/
.hackathon-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.2666667rem 0.32rem 0.53333333rem 0.32rem;
}
.hackathon-box-left {
    width: 3.32rem;
}
.hackathon-box-left img {
    width: 100%;
}
.hackathon-box-right {
    margin-left: 0.33333333rem;
    width: calc(100% - 3.65333333rem);
    margin-top: calc(2rem/75);
}
.hackathon-des {
    line-height: 0.32rem;
    font-size: 0.18666667rem;
}
.hackathon-sign {
    margin-top: 0.24rem;
}
.hackathon-sign-btn {
    width: 1.28rem;
    height: 0.48rem;
    background-color: rgba(3, 35, 75, 1);
    font-size: 0.186667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
}
.hackathon-sign-btn:link,.hackathon-sign-btn:visited,.hackathon-sign-btn:active,.hackathon-sign-btn:focus,.hackathon-sign-btn:hover {
    color: #ffffff;
}
@media screen and (min-width: 1440px) {
    .hackathon-box {
        padding: 20px 24px 40px;
    }
    .hackathon-box-left {
        width: 249px;
    }
    .hackathon-box-right {
        margin-left: 25px;
        width: calc(100% - 274px);
        margin-top: 2px;
    }
    .hackathon-des {
        line-height: 24px;
        font-size: 14px;
    }
    .hackathon-sign {
        margin-top: 18px;
    }
    .hackathon-sign-btn {
        width: 96px;
        height: 36px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1080px) and (min-width: 760px) {
    .hackathon-des {
        line-height: 22px;
    }
    .hackathon-sign-btn {
        width: 72px;
        height: 27px;
    }
    .hackathon-sign {
        margin-top: 0.15rem;
    }
}
@media screen and (max-width: 759px){
    .hackathon-box {
        padding: 0.48rem 0.432rem 0.72rem;
    }
    .hackathon-box-left {
        width: 5.976rem;
        margin: 0 auto;
    }
    .hackathon-box-right {
        margin: 0.36rem 0 0;
        width: 100%;
    }
    .hackathon-des {
        font-size: 0.336rem;
        line-height: 0.576rem;
    }
    .hackathon-sign {
        margin-top: 0.216rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hackathon-sign-btn {
        width: 2.304rem;
        height: 0.864rem;
        font-size: 0.336rem;
    }
}
/*hackathon 24小时挑战赛------------------------------------结束*/






/*预约直播------------------------------------开始*/
.booking-live-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.title-row-play-icon {
    width: 0.426667rem;
    margin-left: 12px;
}
.title-row-play-icon img {
    width: 100%;
}
.live-box-left,.live-box-right {
    width: calc(50% - 0.12rem);
}
.live-item {
    display: flex;
    align-items: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 1.04rem;
    padding-right: 0.2533333rem;
    justify-content: space-between;
}
.live-box-left .live-item {
    background-image: url("../images/summit2021/live_bj_01.png");
}
.live-box-right .live-item {
    background-image: url("../images/summit2021/live_bj_02.png");
}
.live-item:not(:first-child) {
    margin-top: 0.24rem;
}
.live-item-time {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 0.786667rem;
    justify-content: center;
}
.live-item-time-year {
    font-size: 0.186667rem;
    line-height: 0.2933333rem;
}
.live-item-time-year.small {
    font-size: 12px !important;
    line-height: 15px !important;
}
.live-item-time-day {
    font-size: 0.21333333rem;
    font-weight: bold;
    line-height: 0.33333333rem;
}
.live-item-time-day.small {
    font-size: 14px !important;
    line-height: 15px !important;
}
.live-item-btn {
    width: 1.28rem;
    height: 0.48rem;
    background-color: #03234B;
    color: #ffffff;
    font-size: 0.186667rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.live-item-btn:hover,.live-item-btn:focus {
    background-color: #0B4287;
}
.live-item-des {
    width: 3.7066678rem;
    font-size: 0.2133333rem;
    line-height: 0.32rem;
    margin-left: -0.066667rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 0.64rem;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
@media screen and (min-width: 1440px) {
    .title-row-play-icon {
        width: 32px;
        margin-left: 12px;
    }
    .live-box-left,.live-box-right {
        width: calc(50% - 9px);
    }
    .live-item {
        height: 78px;
        padding-right: 19px;
    }
    .live-item:not(:first-child) {
        margin-top: 18px;
    }
    .live-item-time {
        width: 59px;
    }
    .live-item-time-year {
        font-size: 14px;
        line-height: 22px;
    }
    .live-item-time-day {
        font-size: 16px;
        line-height: 25px;
    }
    .live-item-btn {
        width: 96px;
        height: 36px;
        font-size: 14px;
    }
    .live-item-des {
        width: 278px;
        font-size: 16px;
        line-height: 24px;
        margin-left: -5px;
        max-height: 48px;
    }
}
@media screen and (max-width: 900px) and (min-width: 760px) {
    .live-item-time-year {
        line-height: 14px;
    }
    .live-item-time-day {
        line-height: 16px;
    }
    .live-item-des {
        width: 3.4866678rem;
        line-height: 15px;
        max-height: 30px;
    }
    .live-item-btn {
        width: 1.5rem
    }
}
@media screen and (max-width: 759px) {
    .booking-live-box {
        padding: 0 0.432rem;
    }
    .live-box-left,.live-box-right {
        width: 100%;
    }
    .live-item-time {
        width: 1.416rem;
    }
    .live-box-left .live-item {
        background-image: url("../images/summit2021/live_bj_m_01.png");
    }
    .live-box-right .live-item {
        background-image: url("../images/summit2021/live_bj_m_02.png");
    }
    .live-item {
        padding-right: 0.216rem;
        height: 1.416rem;
    }
    .live-item-des {
        width: 3.792rem;
        font-size: 0.336rem;
        line-height: 0.48rem;
        max-height: 0.96rem;
        margin: 0;
    }
    .live-item-btn {
        width: 2.304rem;
        height: 0.864rem;
        font-size: 0.336rem;
    }
    .live-item-time-year {
        width: 100%;
        text-align: center;
        font-size: 0.336rem;
        line-height: 0.528rem;
    }
    .live-item-time-day {
        width: 100%;
        text-align: center;
        font-size: 0.384rem;
        line-height: 0.6rem;
    }
    .live-item:not(:first-child) {
        margin-top: 0.288rem;
    }
    .live-box-right {
        margin-top: 0.288rem;
    }
    .title-row-play-icon {
        width: 0.768rem;
        margin-left: 9px;
    }
}
/*预约直播------------------------------------结束*/





/*往届回顾------------------------------------开始*/
.review-of-past {
    padding-bottom: 0.8rem;
}
.review-past-box {
    display: flex;
}
.review-past-item {
    width: 32%;
}
.review-past-item:not(:nth-child(3n+1)) {
    margin-left: 2%;
}
.review-past-item a {
    position: relative;
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: block;
}
.past-item-img img {
    width: 100%;
}
.past-item-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: calc(9100%/241);
    padding: 0.213333rem 0.32rem;
}
.past-item-caption-title {
    line-height: 0.44rem;
    font-size: 0.32rem;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.past-item-caption-title img {
    width: 0.4rem;
}
.past-item-caption-des {
    line-height: 0.293333rem;
    margin-top: 0.053333rem;
    font-size: 0.213333rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (min-width: 1440px) {
    .review-of-past {
        padding-bottom: 60px;
    }
    .past-item-caption {
        padding: 16px 24px;
    }
    .past-item-caption-title {
        line-height: 33px;
        font-size: 24px;
    }
    .past-item-caption-title img {
        width: 30px;
    }
    .past-item-caption-des {
        line-height: 22px;
        margin-top: 4px;
        font-size: 16px;
    }
}
@media screen and (max-width: 759px) {
    .review-of-past {
        padding-bottom: 0.96rem;
    }
    .review-past-item {
        width: 320px;
    }
    .review-past-item:not(:first-child) {
        margin-left: 12px;
    }
    .past-item-caption {
        padding: 16px 24px;
    }
    .past-item-caption-title {
        line-height: 33px;
        font-size: 24px;
    }
    .past-item-caption-title img {
        width: 30px;
    }
    .past-item-caption-des {
        line-height: 22px;
        margin-top: 4px;
        font-size: 16px;
    }
    .review-of-past .section-content {
        margin: 0 0.432rem;
        overflow-x: auto;
        overflow-y: hidden;
    }
}
/*往届回顾------------------------------------结束*/





/*Demo投票------------------------------------开始*/
.demo-voting {
    background-color: #F4F4F4;
    padding: 0.533333rem 0 0.8rem;
}
.voting-container {
    padding-top: 0.24rem;
}
.demo-voting-box {
    display: flex;
    flex-wrap: wrap;
}
.demo-voting-item {
    width: 32%;
}
.demo-item-content {
    width: 100%;
    position: relative;
}
.demo-voting-item:not(:nth-child(3n+1)) {
    margin-left: 2%;
}
.demo-voting-item:nth-child(n+4) {
    margin-top: 0.24rem;
}
.voting-item-img img {
    width: 100%;
}
.voting-item-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(3,35,75,0.8);
    padding: 0.24rem;
    width: 100%;
}
.voting-item-caption-title {
    line-height: 0.333333rem;
    color: rgba(255, 255, 255, 100);
    font-size: 0.24rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.voting-item-caption-des {
    line-height: 0.4rem;
    color: rgba(255, 255, 255, 100);
    font-size: 0.213333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.voting-item-caption-des:hover,.voting-item-caption-des:focus {
    display: -webkit-box;
    display: -moz-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 1.2rem;
}
.voting-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.16rem;
}
.voting-end-button {
    width: calc(2650%/32);
    height: 0.533333rem;
    background-color: rgba(170, 170, 170, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(3, 35, 75, 0.8);
    font-size: 0.213333rem;
    font-weight: bold;
    cursor: not-allowed;
    line-height: normal;
}
.voting-button {
    width: calc(2650%/32);
    height: 0.533333rem;
    background-color: #FFD200;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(3, 35, 75, 0.8);
    font-size: 0.213333rem;
    font-weight: bold;
    cursor: pointer;
    line-height: normal;
}
.voting-button:hover,.voting-button:focus {
    background-color: rgba(210, 144, 0, 0.8);
}
@media screen and (min-width: 1440px) {
    .demo-voting {
        padding: 40px 0 60px;
    }
    .voting-container {
        padding-top: 18px;
    }
    .demo-voting-item:nth-child(n+4) {
        margin-top: 18px;
    }
    .voting-item-caption {
        padding: 18px;
    }
    .voting-item-caption-title {
        line-height: 25px;
        font-size: 18px;
    }
    .voting-item-caption-des {
        line-height: 30px;
        font-size: 16px;
    }
    .voting-item-caption-des:hover,.voting-item-caption-des:focus {
        max-height: 90px;
    }
    .voting-info {
        margin-top: 12px;
    }
    .voting-end-button {
        height: 40px;
        font-size: 16px;
    }
    .voting-button {
        height: 40px;
        font-size: 16px;
    }
}
@media screen and (max-width: 759px) {
    .demo-voting {
        padding: 0.96rem 0;
    }
    .voting-container {
        padding: 0.288rem 0.432rem 0;
    }
    .demo-voting-box {
        justify-content: space-between;
    }
    .demo-voting-item {
        width: 3.912rem;
    }
    .demo-voting-item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .demo-voting-item:nth-child(n+3) {
        margin-top: 0.288rem;
    }
    .voting-item-caption {
        padding: 0.144rem 0.288rem;
    }
    .voting-item-caption-title {
        font-size: 0.336rem;
        line-height: 0.48rem;
        display: -webkit-box;
        display: -moz-box;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 0.96rem;
    }
    .voting-item-caption-des {
        display: none;
    }
    .voting-info {
        margin-top: 0.168rem;
    }
    .voting-end-button {
        width: 100%;
        height: 0.864rem;
        font-size: 0.384rem;
    }
    .voting-button {
        width: 100%;
        height: 0.864rem;
        font-size: 0.384rem;
    }
}
/*Demo投票------------------------------------结束*/





/*赞助商------------------------------------开始*/
.sponsor-section {
    background-color: #F4F4F4;
    background-image: url("../images/summit2021/sponsor_bj.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    padding: 0.5333333rem 0 1.2rem;
}
.sponsor-container {
    width: 15.12rem;
    max-width: 94%;
    background-color: #FFFFFF;
    margin: 0.24rem auto 0;
    border-top: 4px solid #62C3EC;
    padding: 33px 0.906667rem 0.4rem;
    display: flex;
    flex-wrap: wrap;
}
.sponsor-item {
    margin-right: 8px;
    margin-bottom: 8px;
    width: calc((100% - 7 * 9px) / 8);
}
.sponsor-item:nth-child(8n+8) {
    margin-right: 0;
}
.sponsor-logo-img {
    width: 100%;
}
@media screen and (min-width: 1440px) {
    .sponsor-section {
        padding: 40px 0 90px;
    }
    .sponsor-container {
        width: 1134px;
        margin: 18px auto 0;
        padding: 18px 68px 30px;
    }
    .sponsor-row-right {
        width: calc(100% - 127px);
    }
}
@media screen and (max-width: 759px) {
    .sponsor-section {
        padding: 0.576rem 0.432rem 1.44rem;
    }
    .sponsor-container {
        width: 100%;
        max-width: 100%;
        margin-top: 0.288rem;
        padding: 0.48rem 0.432rem 0.744rem;
    }
    .sponsor-row-right {
        width: 100%;
        margin-top: 0.192rem;
    }
    .sponsor-row:not(:first-child) {
        margin-top: 0.432rem;
    }
    .sponsor-item {
        width: calc((100% - 3 * 8px) / 4);
    }
    .sponsor-item:nth-child(4n+4) {
        margin-right: 0;
    }
}
/*赞助商------------------------------------结束*/





/*场次选择------------------------------------开始*/
.dd-cover{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    display: none;
    z-index: 100;
    top: 0;
    left: 0;
}
.dd-roadshow-pop{
    padding: 0 34px;
}
.dd-roadshow-pop-box{
    width: 570px;
    top: calc(50% - 90px);
    left: calc(50% - 285px);
    position: fixed;
    z-index: 500;
    border: 3px solid #dddddd;
    background: #ffffff;
    border-radius: 6px;
    display: none;
}
.dd-roadshow-pop-title{
    font-size: 22px;
    color: #3cb4e8;
    line-height: 70px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #3cb4e8;
}
.dd-roadshow-pop-content{
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dd-roadshow-session-item{
    font-size: 22px;
    color: #666666;
    width: calc(50% - 12px);
    text-align: center;
    border: 1px solid #dddddd;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 3px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dd-roadshow-session-item:nth-child(n+3) {
    margin-top: 0.3rem;
}
.dd-roadshow-session-item-active{
    border: 1px solid #3cb4e8;
    background: #3cb4e8;
    color: #ffffff;
}
.dd-roadshow-session-item:nth-child(4n+0){
    margin-right: 0;
}
.dd-roadshow-session-item:hover{
    border: 1px solid #3cb4e8;
    background: #3cb4e8;
    color: #ffffff;
}
.clearfix:before,.clearfix:after {
    display: none;
}
@media screen and (max-width: 759px) {
    .dd-roadshow-pop-box {
        width: 80%;
        left: 10%;
    }
    .dd-roadshow-pop-title {
        font-size: 0.35rem;
        line-height: 1rem;
    }
    .dd-roadshow-session-item {
        font-size: 0.35rem;
        height: 0.7rem;
        width: calc(50% - 8px);
    }
    .dd-roadshow-pop {
        padding: 0 0.4rem;
    }
    .dd-roadshow-pop-content {
        padding: 0.35rem 0;
    }
    .dd-roadshow-session-item:nth-child(n+3) {
        margin-top: 0.2rem;
    }
}
/*场次选择------------------------------------结束*/








/*图片直播------------------------------------开始*/
.pictures-live {
    padding: 1rem 0 0.8rem;
}
.pictures-live-btn {
    height: 36px;
    background-color: rgba(3, 35, 75, 1);
    line-height: 22px;
    color: rgba(255, 255, 255, 100) !important;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    padding: 7px 20px;
    margin-left: auto;
    cursor: pointer;
}
.pictures-live-content {
    padding-top: 0.533333rem;
}
.electronicachina-fun-activities-content {
    width: 100%;
    position: relative;
}
.picture-show-m {
    display: none;
}
.electronicachina-fun-activities-content .equal-proportion-imgDiv {
    padding-bottom: 42.2%;
}
.fun-activities-ul {
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.fun-activities-ul li {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fun-center {
    position: absolute;
    cursor: pointer;
}
.fun-normal {
    position: absolute;
}
.fun-left {
    position: absolute;
    cursor: pointer;
}
.fun-right {
    position: absolute;
    cursor: pointer;
}
.ture-left-btn {
    position: absolute;
    left: 0;
    top: calc(18100%/422);
    background: #3CB4E6;
    z-index: 6;
    width: 4%;
    height: calc(4000%/422);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ture-left-btn i ,.ture-right-btn i{
    font-size: 24px;
    color: white;
}
.ture-right-btn i{
    transform: rotate(180deg);
}
.ture-right-btn {
    position: absolute;
    right: 0;
    top: calc(18100%/422);
    background: #3CB4E6;
    z-index: 6;
    width: 4%;
    height: calc(4000%/422);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
@media screen and (min-width: 1440px) {
    .pictures-live {
        padding: 60px 0;
    }
    .pictures-live-content {
        padding-top: 24px;
    }
}
@media screen and (max-width: 759px) {
    .electronicachina-fun-activities-content {
        display: none;
    }
    .picture-show-m {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0 0.432rem;
    }
    .pciture-show-ul {
        display: flex;
    }
    .picture-show-item {
        width: 293px;
    }
    .picture-show-item:not(:first-child) {
        margin-left: 12px;
    }
    .picture-show-item img {
        width: 100%;
    }
    .pictures-live {
        padding: 0.792rem 0 0.96rem;
    }
    .pictures-live-content {
        padding-top: 0.432rem;
    }
}
/*图片直播------------------------------------结束*/






/*视频直播------------------------------------开始*/
.video-live {
    padding: 0.533333rem 0 0.8rem;
    background-color: #F4F4F4;
}
.title-row-living-icon {
    width: 0.41333333rem;
    margin-left: 12px;
}
.title-row-living-icon img {
    width: 100%;
}
.video-live-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.video-live-item {
    width: calc(50% - 0.12rem);
    display: flex;
    flex-wrap: wrap;
}
.video-live-item:nth-child(n+3) {
    margin-top: 0.24rem;
}
.live-item-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.30666667rem;
    line-height: 0.26666667rem;
    font-size: 0.18666667rem;
    color: #ffffff;
    height: 0.26666667rem;
}
.live-item-arrow {
    width: 0.346666667rem;
}
.live-item-left {
    width: 3.8rem;
    background-color: #03234B;
    padding: 0.29333333rem 0.18666667rem 0.44rem;
}
.live-item-title {
    height: 0.74666667rem;
    line-height: 0.37333333rem;
    color: rgba(255, 255, 255, 100);
    font-size: 0.24rem;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
}
.live-item-img {
    width: calc(100% - 3.8rem);
    height: 100%;
    position: relative;
}
.video-cover-img {
    width: 100%;
    height: 100%;
}
.video-play-icon {
    position: absolute;
    width: calc(4100%/206);
    top: calc(5650%/154);
    height: calc(4100%/154);
    left: calc(8250%/206);
}
@media screen and (min-width: 1440px) {
    .video-live {
        padding: 40px 0;
    }
    .title-row-living-icon {
        width: 32px;
        margin-left: 12px;
    }
    .video-live-item {
        width: calc(50% - 9px);
    }
    .video-live-item:nth-child(n+3) {
        margin-top: 18px;
    }
    .live-item-date {
        margin-top: 23px;
        line-height: 20px;
        font-size: 14px;
        height: 20px;
    }
    .live-item-arrow {
        width: 26px;
    }
    .live-item-left {
        width: 285px;
        padding: 22px 14px 33px;
    }
    .live-item-title {
        height: 56px;
        line-height: 28px;
        font-size: 18px;
    }
    .live-item-img {
        width: calc(100% - 285px);
    }
}
@media screen and (min-width: 760px) and (max-width: 950px) {
    .live-item-title {
        line-height: 0.42333333rem;
        height: 0.84666667rem;
    }
    .live-item-date {
        margin-top: 0.20666667rem;
    }
}
@media screen and (max-width: 759px) {
    .video-live {
        padding: 0.576rem 0 0.96rem;
    }
    .video-live-item {
        width: 100%;
    }
    .video-live-item:nth-child(n+2) {
        margin-top: 0.288rem;
    }
    .live-item-left {
        width: 4.752rem;
        padding: 0.24rem 0.336rem 0.456rem;
    }
    .live-item-img {
        width: calc(100% - 4.752rem);
    }
    .live-item-title {
        font-size: 0.336rem;
        line-height: 0.576rem;
        height: 1.152rem;
    }
    .live-item-date {
        font-size: 0.336rem;
        line-height: 0.48rem;
        margin-top: 0.216rem;
    }
    .live-item-arrow {
        width: 0.432rem;
    }
    .video-play-icon {
        position: absolute;
        width: calc(2800%/141);
        top: calc(3900%/106);
        height: calc(2800%/106);
        left: calc(5650%/141);
    }
}
/*视频直播------------------------------------结束*/









/*精彩视频------------------------------------开始*/
.wonderful-video {
    padding: 0.53333333rem 0 0.8rem;
}
.change-position-buttons {
    position: absolute;
    right: 0;
    display: flex;
}
.position-left-btn {
    width: 0.53333333rem;
    height: 0.53333333rem;
    background-color: rgba(60, 180, 230, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.position-right-btn {
    width: 0.53333333rem;
    height: 0.53333333rem;
    background-color: rgba(60, 180, 230, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.05333333rem;
    cursor: pointer;
}
.position-left-btn i ,.position-right-btn i{
    font-size: 24px;
    color: white;
}
.position-right-btn i{
    transform: rotate(180deg);
}
.wonderful-video-box {
    display: flex;
    width: 100%;
    transition: all 0.3s ease;
}
.wonderful-video-item {
    flex-shrink: 0;
    cursor: pointer;
    width: 3.90666667rem;
}
.pc-swiper {
    overflow: hidden !important;
}
.pc-swiper::-webkit-scrollbar {
    display: none;
}
.pc-swiper .wonderful-video-item {
    width: calc((100% - 2 * 0.16rem) / 3);
}
.wonderful-video-item:not(:first-child) {
    margin-left: 0.16rem;
}
.w-item-cover-img {
    position: relative;
    width: 100%;
    height: 2.2rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.w-item-img {
    position: relative;
}
.w-item-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.w-item-caption {
    padding: 0.29333333rem 0.18666667rem;
    background: linear-gradient(to right, #3CB4E6, #0070FB);
    font-size: 0.24rem;
    line-height: 0.33333333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    font-weight: bold;
}
.mobile-swiper {
    display: none;
}
@media screen and (min-width: 1440px) {
    .wonderful-video {
        padding: 60px 0;
    }
    .position-left-btn {
        width: 40px;
        height: 40px;
    }
    .position-right-btn {
        width: 40px;
        height: 40px;
        margin-left: 4px;
    }
    .wonderful-video-item {
        width: 293px;
    }
    .wonderful-video-item:not(:first-child) {
        margin-left: 12px;
    }
    .w-item-cover-img {
        height: 165px;
    }
    .w-item-play-icon {
        height: 41px;
        width: 41px;
    }
    .w-item-caption {
        padding: 22px 14px;
        font-size: 18px;
        line-height: 25px;
    }
}
@media screen and (max-width: 759px) {
    .wonderful-video {
        padding: 0.576rem 0 0.96rem;
    }
    .change-position-buttons {
        display: none;
    }
    .wonderful-video-item {
        width: 293px;
    }
    .wonderful-video-item:not(:first-child) {
        margin-left: 12px;
    }
    .w-item-cover-img {
        height: 165px;
    }
    .w-item-play-icon {
        height: 41px;
        width: 41px;
    }
    .w-item-caption {
        padding: 22px 14px;
        font-size: 18px;
        line-height: 25px;
    }
    .title-row-living-icon {
        width: 0.768rem;
        margin-left: 10px;
    }
}
/*精彩视频------------------------------------结束*/







/*文档下载------------------------------------开始*/
.file-download {
    background-image: url("../images/summit2021/bj.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.file-download-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}
.heading-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.subheading {
    line-height: 33px;
    color: rgba(3, 35, 75, 100);
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 24px;
}
.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    position: relative;
}
.tabs::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    height: 1px;
    background-color: rgba(201, 201, 201, 1);
}
.tab {
    line-height: 22px;
    color: rgba(3, 35, 75, 100);
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    margin-right: 30px;
    padding-bottom: 15px;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.tab:last-child {
    margin-right: 0;
}
.tab.selected {
    color: rgba(46, 164, 236, 1);
}
.tab.selected::after {
    content: '';
    position: absolute;
    height: 4px;
    background-color: rgba(46, 164, 236, 1);
    left: calc(1700% / 144);
    right: calc(1700% / 144);
    bottom: 0;
}
.file-download-item {
    width: calc(50% - 0.16rem);
    display: flex;
    align-items: flex-end;
    padding: 0.32rem;
    border: 1px solid rgba(201, 201, 201, 1);
}
.download-item-img {
    width: 0.68rem;
}
.download-item-img img {
    width: 100%;
}
.download-item-info {
    margin-left: 0.16rem;
    width: calc(100% - 0.84rem);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.file-download-item:nth-child(n+3) {
    margin-top: 0.29333333rem;
}
.download-item-title {
    color: #2EA4EC;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    width: 100%;
}
.download-item-btn {
    line-height: 0.26666667rem;
    display: inline-flex;
    padding: 0.06rem 0.16rem;
    align-items: center;
    justify-content: center;
    font-size: 0.18666667rem;
    color: #ffffff !important;
    background-color: #03234B;
    margin-top: 0.146666667rem;
    cursor: pointer;
}
.review-past-list {
    width: 2.89333333rem;
    height: 0.53333333rem;
    margin: 40px auto 60px;
    font-size: 0.18666667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    background-color: #03234B;
    cursor: pointer;
}
.review-past-list:hover {
    color: #ffffff;
}
.review-past-list img {
    width: 0.4rem;
    margin-left: 6px;
}
@media screen and (min-width: 1440px) {
    .file-download-item {
        width: calc(50% - 12px);
        padding: 24px;
    }
    .download-item-img {
        width: 51px;
    }
    .download-item-info {
        margin-left: 12px;
        width: calc(100% - 63px);
    }
    .file-download-item:nth-child(n+3) {
        margin-top: 22px;
    }
    .download-item-title {
        font-size: 16px;
    }
    .download-item-btn {
        height: 29px;
        font-size: 14px;
        margin-top: 11px;
    }
    .review-past-list {
        width: 217px;
        height: 40px;
        margin: 40px auto 60px;
        font-size: 14px;
    }
    .review-past-list img {
        width: 30px;
        margin-left: 6px;
    }
}
@media screen and (max-width: 759px) {
    .file-download {
        background-position: 60% 100%;
        background-size: 200% auto;
    }
    .file-download-item {
        width: 100%;
    }
    .file-download-item:nth-child(n+2) {
        margin-top: 0.288rem;
    }
    .file-download-item {
        padding: 0.576rem;
    }
    .download-item-img {
        width: 1.224rem;
    }
    .download-item-info {
        margin-left: 0.288rem;
        width: calc(100% - 1.512rem);
    }
    .download-item-title {
        font-size: 0.432rem;
        line-height: 0.576rem;
    }
    .download-item-btn {
        padding: 0.108rem 0.288rem;
        line-height: 0.48rem;
        font-size: 0.336rem;
    }
    .review-past-list {
        width: 5.208rem;
        height: 0.96rem;
        margin: 40px auto 60px;
        font-size: 0.336rem;
    }
    .review-past-list img {
        width: 0.72rem;
        margin-left: 4px;
    }
}
/*文档下载------------------------------------结束*/