.short-box{width:1200px;margin:0px auto;text-align:center;margin-top:40px;}
.title .title_lf,.title_rt,.title_txt{display:inline-block;margin:0px auto;}
.title .title_txt{font-size:24px;color:#325290;padding-left:12px;padding-right:5px;letter-spacing:1.2px;font-weight:bold;}
.title .title_txt .time{color:#a84d1b;display:inline-block;font-weight:bold;}
/* 历年课程 */
#scroll{
    width:1200px;
    height:336px;
    position:relative;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 60px;
}
/* #scroll .content1{width:1200px;height:340px;} */
#scroll h3{
    position:absolute;
}
#scroll .content{
    float: left;
    width:2550px; /* 每增加一年宽度+150*/
    height:336px;
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#scroll .content::after{
    position: absolute;
    content: '';
    top: 180px;
    left: 0;
    width: 100%;
    height: 2px;

background-color:lightblue;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="5" height="5"><line x1="0" y1="5" x2="10" y2="5" stroke="%23FFF" stroke-width="10" stroke-dasharray="4"/></svg>');
background-repeat: repeat;

}


#scroll .content a{
    position: relative;
    display: block;
    min-width: 150px;
}
#scroll .content a .year{
   color: #333333;
    font-size:18px;
    text-align: center;
    position: absolute;
    display: inline-block;
    width: 100%;
}
#scroll .content a .yuan {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    margin-left: 143px;
    top: 172px;
    padding: 2px;
    border: 2px solid;
    z-index: 1;
}
#scroll .content a .yuan::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 20px;
    position: absolute;
    top: 2px;
    left: 2px;
}
#scroll .content a .yuan::after {
    content: '';
    width: 2px;
    height: 150px;
    position: absolute;
    left: 6px;
}
#scroll .content a:nth-child(even) .yuan::after{
    top: -150px;
}
#scroll .content a:nth-child(odd) .yuan::after{
    top: 2px;
}
#scroll .content a:nth-child(even) .year{
    top: 190px;
}
#scroll .content a:nth-child(odd) .year{
    top: 145px;
}
#scroll .content a:nth-child(even) .hisTit{
    position: absolute;
    top: 30px;
    z-index: 2;
}
#scroll .content a:nth-child(odd) .hisTit{
    position: absolute;
    bottom: 20px;
    z-index: 2;
}
#scroll .content a:nth-child(even) .hisTit::after{
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 20px;
    left: 73px;
    top: -13px;
}
#scroll .content a:nth-child(odd) .hisTit::after{
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 20px;
    left: 73px;
    bottom: -13px;
}
.hisTit{
    display: inline-block;
    background: #f89782;
    border-radius: 26px;
    padding: 3px 12px;
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
}

.time_09 .hisTit,
.time_09 .hisTit::after,
.time_09 .yuan::after,
.time_09 .yuan::before{
    background: #F03852;
}
.time_09 .yuan{
    border-color: #F03852!important;
}
.time_09 .hisTit:hover{
    background: #CF2B43;
}


.time_10 .hisTit,
.time_10 .hisTit::after,
.time_10 .yuan::after,
.time_10 .yuan::before{
    background: #3A9284;
}
.time_10 .yuan{
    border-color: #3A9284!important;
}
.time_10 .hisTit:hover{
    background: #288576;
}
.time_11 .hisTit,
.time_11 .hisTit::after,
.time_11 .yuan::after,
.time_11 .yuan::before{
    background: #EF6D5F;
}
.time_11 .yuan{
    border-color: #EF6D5F!important;
}
.time_11 .hisTit:hover{
    background: #E25445;
}

.time_12 .hisTit,
.time_12 .hisTit::after,
.time_12 .yuan::after,
.time_12 .yuan::before{
    background: #60A96E;
}
.time_12 .yuan{
    border-color: #60A96E!important;
}
.time_12 .hisTit:hover{
    background: #428B50;
}


.time_13 .hisTit,
.time_13 .hisTit::after,
.time_13 .yuan::after,
.time_13 .yuan::before{
    background: #F99D3B;
}
.time_13 .yuan{
    border-color: #F99D3B!important;
}
.time_13 .hisTit:hover{
    background: #F08F28;
}


.time_14 .hisTit,
.time_14 .hisTit::after,
.time_14 .yuan::after,
.time_14 .yuan::before{
    background: #43a6da;
}
.time_14 .yuan{
    border-color: #43a6da!important;
}
.time_14 .hisTit:hover{
    background: #2391CB;
}

.time_15 .hisTit,
.time_15 .hisTit::after,
.time_15 .yuan::after,
.time_15 .yuan::before{
    background: #f75986;
}
.time_15 .yuan{
    border-color: #f75986!important;
}
.time_15 .hisTit:hover{
    background: #F83B71;
}

.time_16 .hisTit,
.time_16 .hisTit::after,
.time_16 .yuan::after,
.time_16 .yuan::before{
    background: #1a84ce;
}
.time_16 .yuan{
    border-color: #1a84ce!important;
}
.time_16 .hisTit:hover{
    background: #0778C7;
}

.time_17 .hisTit,
.time_17 .hisTit::after,
.time_17 .yuan::after,
.time_17 .yuan::before{
    background: #F3866E;
}
.time_17 .yuan{
    border-color: #F3866E!important;
}
.time_17 .hisTit:hover{
    background: #F3866E;
}

.time_18 .hisTit,
.time_18 .hisTit::after,
.time_18 .yuan::after,
.time_18 .yuan::before{
    background: #c986fd;
}
.time_18 .yuan{
    border-color: #c986fd!important;
}
.time_18 .hisTit:hover{
    background: #bd6cfb;
}

.time_19 .hisTit,
.time_19 .hisTit::after,
.time_19 .yuan::after,
.time_19 .yuan::before{
    background: #f75986;
}
.time_19 .yuan{
    border-color: #f75986!important;
}
.time_19 .hisTit:hover{
    background: #e63469;
}

.time_20 .hisTit,
.time_20 .hisTit::after,
.time_20 .yuan::after,
.time_20 .yuan::before{
    background: #fb7a6c;
}
.time_20 .yuan{
    border-color: #fb7a6c!important;
}
.time_20 .hisTit:hover{
    background: #ff675f;
}

.time_21 .hisTit,
.time_21 .hisTit::after,
.time_21 .yuan::after,
.time_21 .yuan::before{
    background: #6c86fb;
}
.time_21 .yuan{
    border-color: #6c86fb!important;
}
.time_21 .hisTit:hover{
    background: #3093e4;
}


.time_22 .hisTit,
.time_22 .hisTit::after,
.time_22 .yuan::after,
.time_22 .yuan::before{
    background: #fb7a6c;
}
.time_22 .yuan{
    border-color: #fb7a6c!important;
}
.time_22 .hisTit:hover{
    background: #ff675f;
}

.time_23 .hisTit,
.time_23 .hisTit::after,
.time_23 .yuan::after,
.time_23 .yuan::before{
    background: #6c86fb;
}
.time_23 .yuan{
    border-color: #6c86fb!important;
}
.time_23 .hisTit:hover{
    background: #3093e4;
}



.time_24 .hisTit,
.time_24 .hisTit::after,
.time_24 .yuan::after,
.time_24 .yuan::before{
    background: #6c86fb;
}
.time_24 .yuan{
    border-color: #6c86fb!important;
}
.time_24 .hisTit:hover{
    background: #3093e4;
}


.time_25 .hisTit,
.time_25 .hisTit::after,
.time_25 .yuan::after,
.time_25 .yuan::before{
    background: #6c86fb;
}
.time_25 .yuan{
    border-color: #6c86fb!important;
}
.time_25 .hisTit:hover{
    background: #3093e4;
}