.about-route{padding:0 20px 20px}.about-route h2{font-size:18px;font-weight:600;line-height:1.2;margin:0 0 20px}.about-route .about-route-list{position:relative}.about-route .about-route-list div:first-child .point,.about-route .about-route-list div:last-child .point{background:#0662ba;height:30px;left:-5px;top:3px;width:30px;z-index:2}.about-route .about-route-list div:first-child .point:after,.about-route .about-route-list div:last-child .point:after{height:10px;width:10px}.about-route .about-route-list div:last-child .line{display:none}.about-route .line{left:9px;position:absolute;top:30px;//height:100%;border-left:2px dotted #0662ba;bottom:-10px;z-index:1}.about-route .item{font-size:14px;font-weight:400;line-height:1.2;padding-left:38px;position:relative}.about-route .item .point{background:#999;border-radius:50%;display:block;height:20px;left:0;position:absolute;top:10px;width:20px;z-index:2}.about-route .item .point:after{background:#fff;border-radius:50%;content:"";display:block;height:7px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}.about-route .item a{align-items:center;color:var(--color-secondary);display:flex;text-decoration:none}.about-route .item a .icon{margin-right:5px}.about-route .item .top{align-items:center;background:#fff;border-radius:4px;display:grid;grid-template-columns:50% 50%;height:35px;padding:5.5px 16px}.about-route .item .top>div:first-child{font-size:16px;font-weight:700;line-height:1}.about-route .item .top>div:last-child{display:flex;justify-content:space-around}.about-route .item .top span{align-items:center;display:flex}.about-route .item .top span .icon{margin-right:3px}.about-route .item .down{align-items:center;display:grid;grid-template-columns:60% 40%;padding:16px 18px}.about-route .item .down>div{align-items:center;display:flex}.about-route .item .down>div .arrow{padding:0 10px}.about-route .item .down>div .arrow .icon{font-size:10px;margin-right:0}.about-route .item .down>div:last-child{display:flex;justify-content:flex-end}.about-route .item .down>div:first-child:not(:has(+div)){justify-content:flex-start}.about-route .item:has(+.action) .down{display:none}.about-route .action{padding-left:38px;padding-block:20px;position:relative}.about-route .action .line{bottom:-10px;top:0}.about-route .action .count{background:#eff0f4;color:var(--color-secondary);font-size:16px;font-weight:700;left:-6px;line-height:1;padding:10px 0;position:absolute;text-align:center;top:22px;width:30px;z-index:3}.about-route button{align-items:center;background:transparent;border:1px solid var(--color-secondary);border-radius:20px;color:var(--color-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;line-height:1.2;padding:9px 16px}.about-route button .icon{margin-left:10px}@media (width >= 740px){.only-mobile{display:none}}@media (width <= 739px){.only-desktop{display:none}.about-route .item .down{grid-template-columns:100%;grid-gap:15px}.about-route .item .down>div{flex-wrap:wrap}.about-route .item .down>div:last-child{display:flex}.about-route{padding:0 0 20px 5px}.about-route .item .top{padding:5.5px 8px}.about-route .item .top>div:first-child{font-size:14px}.about-route .item .top>div:last-child span{font-size:12px}.about-route .item .down{padding:16px 0;--font-size:14px}.about-route .item .down>div:last-child{justify-content:flex-start}}
