.timeline {
    width: 100%;
    position: relative;
    margin: 105px 0 20px;
    padding: 0;
}

.timeline:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 8px;
    height: 100%;
    margin-left: -4px;
    background: #4468E6;
    border-radius: 4px;
}

.timeline:after {
    content: "";
    width: 30px;
    height: 30px;
    background: url('../../assets/img/time-line/time.png');
    background-size: cover;
    position: absolute;
    top: -20px;
    left: calc(50% - 15px);
}

.timeline .direction-r {
    padding-top: 20px;
    width: 49%;
    display: inline-block;
    float: right;
    position: relative;
}

.timeline .direction-r .time-point {
    position: absolute;
    width: 28px;
    height: 28px;
    /*background: #4468E6;*/
    border: 1px solid transparent;
    box-shadow: 0 0 1px 1px #4468E6;
    border-radius: 50%;
    left: calc(-2% - 15px);
}

.timeline .direction-r .time-point .time-point-inner,
.timeline .direction-l .time-point .time-point-inner {
    width: 16px;
    height: 16px;
    border: 2px solid #4468E6;
    border-radius: 50%;
    display: block;
    position: relative;
    margin: 4px;
    background: #ffffff;
    z-index: 2;
}

.timeline .direction-r.not-active .time-point .time-point-inner,
.timeline .direction-l.not-active .time-point .time-point-inner {
    background: #4468E6;
}

.timeline .direction-l {
    padding-top: 20px;
    width: 49%;
    display: inline-block;
    float: left;
    position: relative;
}

.timeline .direction {
    cursor: pointer;
}

.timeline .direction.not-active {
    cursor: not-allowed;
}

.timeline .direction:nth-child(2) {
    padding-top: 6.5vw;
}

.timeline .direction-l .time-point {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    box-shadow: 0 0 1px 1px #4468E6;
    border-radius: 50%;
    right: calc(-2% - 15px);
}

.timeline .flag-wrapper {
    position: relative;
    height: 32px;
}

.timeline .tip-line {
    display: inline-block;
    background: #4468E6;
}

.timeline .direction-r .tip-line {
    position: relative;
    width: 10%;
    height: 2px;
    top: -0.5vw;
    left: -2%;
}

.timeline .direction-l .tip-line {
    position: relative;
    width: 90%;
    height: 2px;
    top: 15px;
    right: -2%;
    float: right;
}

.timeline .time {
    padding: 0.26vw 1.771vw 0.26vw 1.25vw;
    background: #4468E6;
    border-radius: 5vw;
    color: #ffff;
    font-size: 1.458vw;
}

.timeline .direction-r .time {
    position: relative;
    left: -3%;
    top: -0.1vw;
}

.timeline .direction-l .time {
    position: relative;
    display: inline-block;
    left: 5.6%;
    top: -0.2vw;
}

.timeline .desc {
    width: 90%;
    position: relative;
    padding: 4% 5% 2%;
    transition: .5s ease-in;
}

.timeline .desc:after {
    content: "";
    width: 1vw;
    height: 2vw;
    background: url('../../assets/img/time-line/arrow.png');
    background-size: 100% 100%;
    position: absolute;
    top: 5.5vw;
    left: 12vw;
}

.timeline .desc .img-box {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 -0.208vw 1px 0.208vw #866dfd;
    border: 0.104vw solid #4368E6;
    float: left;
}

.timeline .desc .img-box:after {
    content: "";
    width: 2.5vw;
    height: 2.5vw;
    background: url('../../assets/img/time-line/play.png');
    background-size: 100% 100%;
    position: absolute;
    top: 6vw;
    left: 3.6vw;
}

.timeline .desc .img-box img {
    width: 9vw;
    height: 9vw;
    border-radius: 50%
}

.timeline .desc .right-box {
    display: inline-block;
    float: right;
    width: calc(100% - 12vw);
}

.timeline .desc .right-box .title {
    font-size: 1.6vw;
    color: #555555;
    margin-bottom: 1vw;
    font-weight: bold
}

.timeline .direction:nth-child(1) .desc .right-box .title,
.timeline .direction:nth-child(2) .desc .right-box .title,
.timeline .direction:nth-child(16) .desc .right-box .title {
    margin-top: 4vw;
}

.timeline .desc .right-box .content {
    font-size: 1.7vw;
    color: #4468E6;
    font-weight: bold
}

.first-box {
    padding: 4.1vw 0.3125vw 2.604vw;
    background: url("../../assets/img/bg/bg-first.png");
    background-size: 100% 100%;
}

.first-box .left-box {
    background: rgba(216, 241, 251, 0.4);
}

.first-box .purple-box {
    width: 100%;
    /*background: rgba(170, 104, 255, 0.2);*/
    /*background: linear-gradient(to bottom, rgba(216, 241, 251, 0.2), rgba(216, 241, 251, 0.8));*/
    /*border: 3px solid #CFB4FE;*/
    position: relative;
}

.first-box .purple-box:after {
    content: '';
    clear: both;
}

.first-box .purple-box .purple-box-title {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -1.35vw;
}

/*.first-box .purple-box .purple-box-title .sub-title {*/
/*    margin: 19px 0 38px;*/
/*    display: block;*/
/*    height: 19px;*/
/*    font-size: 24px;*/
/*    color: #053299;*/
/*    opacity: 0.4;*/
/*    letter-spacing: 3px*/
/*}*/

/*直击现场*/
.site-box {
    position: relative;
    top: 90px;
    height: calc(95vw - 114px);
    margin: 0 0 0 15px;
    overflow-y: auto
}

.site-box > div {
    position: relative;
}

.site-box > div:last-child:after {
    content: '';
    width: 8px;
    height: 200px;
    background: linear-gradient(to bottom, rgba(170, 104, 255, 0), rgba(207, 180, 254, 1.000));
    position: absolute;
    left: 4px;
    bottom: 0;
}

.site-box .timeline-item {
    padding: 24px 24px 0 24px;
    margin-left: 5px;
}

.site-box > div:first-child > .timeline-item::before {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.site-box .timeline-item::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 0;
    width: 4px;
    height: 100%;
    border-left: 2px solid #4468E6;
    border-right: 2px solid #4468E6;
    /*box-shadow: 0 0 1px 1px #4468E6;*/
}

.site-box .timeline-item::after {
    width: 12px;
    height: 12px;
    display: block;
    top: 1.6vw;
    position: absolute;
    left: 0;
    border-radius: 12px;
    content: '';
    border: 2px solid #4468E6;
    background: white;
}

.site-box .timeline-item p {
    font-size: 1.2vw;
    margin-bottom: 1vw;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-box .timeline-item .time {
    color: #888888;
    margin-right: 34px;
}

.site-box .timeline-item.active .time {
    color: #053299;
}

.site-box .timeline-item .pic {
    width: 100%;
    border-radius: 8px;
    cursor: not-allowed;
}

.site-box .timeline-item.active .pic {
    cursor: pointer;
}

.site-box .timeline-item .wrap:after {
    content: '';
    margin: 24px 24px 0 29px;
    width: calc(100% - 53px);
    height: calc(100% - 24px - 2.55vw);
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    cursor: not-allowed;
}

/*右侧*/

.view-point-list {
    /* margin: 8vw 5vw 10px 0vw; */
    margin-top: 8vw;
}

.view-point-list .view-point-list-item {
    cursor: pointer;
    padding: 1.745vw 0.6vw 1.745vw;
    transition: .5s ease-in;
    margin-top: 1.5vw;
}

.timeline .desc:hover,
.view-point-list .view-point-list-item:hover {
    background: rgba(68, 104, 280, 0.15);
    border-radius: 0.6vw;
}

.view-point-list .view-point-list-item img {
    width: 3.54vw;
    float: left;
}

.view-point-list .view-point-list-item .right-box {
    width: calc(100% - 5.52vw);
    display: inline-block;
    float: right;
}

.view-point-list .view-point-list-item .right-box .title {
    font-size: 1.354vw;
    line-height: 1.9vw;
    margin-bottom: 0.25vw;
}

.view-point-list .view-point-list-item .right-box .content {
    font-size: 1.042vw;
    line-height: 1.6vw;
}

.view-point-list .view-point-list-item:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.white-box {
    width: calc(100% - 40px);
    height: calc(60% - 114px);
    background: rgba(255, 255, 255, 0.7);
    border: 2px solid rgba(68, 104, 230, 0.7);
    margin: 0 20px;
    position: relative;
}

.white-box .title {
    position: absolute;
    top: -35px;
    left: calc(50% - 145px);
    width: 290px;
    height: 71px;
    background: url("../../assets/img/06.png") 100% 100%;
    display: inline-block;
    text-align: center;
    line-height: 71px;
    font-size: 32px;
    font-weight: 400;
    color: #FFFFFF;
}

/*赛迪数据 start*/
.white-box .saidi-data {
    height: calc(100% - 100px);
    margin: 60px 20px 20px;
}

.white-box .saidi-data img {
    width: 100%;
    height: 95%;
    display: block;
    border-radius: 8px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.6);
}

.white-box .saidi-data a:after {
    content: attr(show-title);
    position: absolute;
    bottom: 5%;
    width: calc(100% - 40px);
    height: 2.8vw;
    background: rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-size: 1vw;
    line-height: 1.4vw;
    color: #ffffff;
    padding: 5px 10px;
}

.white-box .saidi-data .el-carousel__container {
    height: calc(100% - 50px);
}

.white-box .saidi-data .el-carousel__container div {
    height: 100%;
}

.white-box .saidi-data .el-carousel__container .el-col-12 {
    height: 50%;
    position: relative;
}

/*赛迪数据 end*/

/*赛迪观点 start*/
.white-box .saidi-view-point {
    height: calc(100% - 90px);
    margin: 60px 20px 20px;
}

.white-box .saidi-view-point .person-box {
    width: 100%;
    height: 92% !important;
    margin: 4px;
    display: block;
    border-radius: 8px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.white-box .saidi-view-point .person-box img {
    width: 90%;
    height: 70%;
    margin: 0.8vw auto;
    display: inline-block;
}


.white-box .saidi-view-point .el-carousel__container {
    height: calc(100% - 50px);
}

.white-box .saidi-view-point .el-carousel__container div {
    height: 100%;
}

.white-box .saidi-view-point .el-carousel__container .el-col-8 {
    height: 100%;
    position: relative;
}

.white-box .saidi-view-point .person-box .name {
    text-align: left;
    padding: 0 0.8vw;
    font-size: 1.5vw;
    line-height: 2vw;
    font-weight: bold;
}

.white-box .saidi-view-point .person-box .job {
    text-align: left;
    padding: 0 0.8vw;
    font-size: 0.9vw;
}

/*赛迪观点 end*/

.second-box {
    /*height: 153vw;*/
    /*background: url("../../assets/img/bg2.png");*/
    background-size: 100% 100%;
}

/*赛迪数据 start*/
.ccid-datas {
    height: 36.4vw;
}

.ccid-datas .ccid-data {
    height: calc(100% - 15vw);
    margin: 1.98vw 1.5vw 1.5vw;
}

.ccid-datas .ccid-data img {
    width: 100%;
    /*height: 90%;*/
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
}

.ccid-datas .ccid-data a:after {
    content: attr(show-title);
    position: absolute;
    bottom: 1.5vw;
    width: calc(100% - 40px);
    height: 10%;
    background: rgba(0, 0, 0, 0.7);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-size: 0.86vw;
    line-height: 1.4vw;
    color: #ffffff;
    padding: 5px 10px;
    transition: .3s;
}

.ccid-datas .ccid-data .el-carousel__container {
    height: calc(90% - 2.604vw);
}

.ccid-datas .ccid-data .el-carousel__container div {
    height: 100%;
}

.ccid-datas .ccid-data .el-carousel__container .el-col-6 {
    height: 100%;
    position: relative;
}

/*赛迪数据 end*/

/*研究成果*/
.research-results {
    background: url("../../assets/img/bg/bg-second.png");
    background-size: 100% 100%;
}

.research-results .research-results-box {
    margin: 1.5625vw;
    height: 32vw;
    /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));*/
    /*border: 1px solid #CCCCCC;*/
    /*box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.3);*/
    /*border-radius: 8px;*/
}

.research-results .research-results-box .research-results-box-tab {
    text-align: center;
    padding: 1.354vw 0 2.1875vw;
}

.research-results .research-results-box .research-results-box-tab .result-tab {
    height: 50px;
    line-height: 37px;
    padding: 0.677vw 1.198vw;
    cursor: pointer;
    transition: .3s;
    font-size: 1.25vw;
}

.research-results .research-results-box .research-results-box-tab .result-tab.active {
    background: #4468E6;
    border-radius: 5vw;
    color: #ffffff;
}


.research-results .research-results-books {
    height: calc(100% - 120px);
    margin: 20px 10px 20px 60px;
}

.research-results .research-results-books img {
    width: 100%;
    height: 95%;
    display: block;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}


.research-results .research-results-books .el-carousel__container {
    height: calc(100% - 50px);
}

.research-results .research-results-books .el-carousel__container div {
    height: 100%;
}

.research-results .research-results-books .el-carousel__container .el-col-5 {
    height: calc(100% - 40px);
    margin-bottom: 40px;
    position: relative;
}

/*合作伙伴*/
.second-box .partner .partner-img-box {
    padding: 2.5vw 1.485vw 3.333vw;
}

.second-box .partner .partner-img-box img {
    width: 100%;
    height: 5vw;
    /* height: auto; */
    border: 1px solid #999999;
    display: inline-block;
    margin-bottom: 10px;
}

/*历届链接*/
.past-links {
    background: url("../../assets/img/bg/bg-third.png");
    background-size: 100% 100%;
}

.past-links .meeting-link {
    padding: 1.406vw;
    text-align: center;
}

.past-links .meeting-link .el-carousel__container {
    height: 14vw;
}

.past-links .meeting-link img {
    width: 100%;
    height: 11vw;
}

.past-links .meeting-link span {
    font-size: 1.25vw;
    line-height: 3vw;
}

/*弹窗样式*/
.v-modal {
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(10px);
    opacity: 1;
}
.el-dialog {
    margin: 0 auto;
    margin-top: 10vh !important;
}
.el-dialog__header {
    padding: 0;
}
.el-dialog__body {
    padding: 0;
}

.close-dialog {
    width: 2vw;
    height: 2vw;
    position: absolute;
    top: -4.5vw;
    right: -11.5vw;
    cursor: pointer;
}
.title-dialog {
    width: 100%;
    height: 2vw;
    position: absolute;
    top: -3.5vw;
    left: 0;
    color: #FFFFFF;
    text-align: center;
}