.D0 .box{position:relative;padding:calc(2vw + 2rem) 0}.D0 .list{margin:0 auto;width:80%;display:flex;flex-direction:column}@media(max-width: 768px){.D0 .list{width:100%}}.D0 .list li{display:flex;align-items:center;gap:0 2vw;overflow:hidden;padding:0 0 5rem 0}.D0 .list li:hover{z-index:10}.D0 .list li:hover .year{color:#006cbb}.D0 .list li:hover .dian{background:#006cbb}.D0 .list li:hover .ccc{color:#006cbb}.D0 .list li.hide .year{opacity:0}.D0 .list li .year{font-size:2.5vw;width:10vw}@media(max-width: 768px){.D0 .list li .year{width:14vw;font-size:3vw}}.D0 .list li .dian{width:18px;height:18px;border-radius:10rem;background:#333;position:relative}@media(max-width: 768px){.D0 .list li .dian{width:10px;height:10px}}.D0 .list li .dian::after{content:"";position:absolute;top:-10vh;left:50%;transform:translateX(-50%);height:40vh;width:1px;background:#333;z-index:-1}.D0 .list li .ccc{flex:1}.D0 .list li .ccc .lili{display:flex;align-items:center;justify-content:center}.D0 .list li .ccc .lili .text{width:60%;font-size:1.3rem}@media(max-width: 768px){.D0 .list li .ccc .lili .text{line-height:1.7;font-size:3.4vw}}.D0 .list li .ccc .lili .pic{width:35%;margin:0 0 0 5%;cursor:zoom-in}.D0 .list li .ccc .lili .pic img{width:100%;height:auto}