.dhkv2-route .route-map-container{width:100%;height:320px;border-radius:16px;background-color:#d9d9d9}
.dhkv2-route .route-stop-list{width:100%}
.dhkv2-route .route-stop-list .route-stop-container{width:100%}
.dhkv2-route .route-stop-list .route-stop-container .route-stop{position:relative;margin:28px 0 40px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop .vertical-dotted-line{position:absolute;top:42px;left:8px;width:3px;height:100%;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 40%,rgba(59,0,43,0.5) 40%,rgba(59,0,43,0.5) 60%,rgba(255,255,255,0) 60%);background-size:3px 15px;z-index:0}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header{display:flex;align-items:center;margin-bottom:24px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-icon{width:20px;height:24px;background:url(../../../../../etc.clientlibs/dhk-cloud/components/poi/routecontainer/clientlib/resources/route.svg) no-repeat center;background-size:contain;margin-right:22px;flex-shrink:0}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-title-link{text-decoration:none;color:#fff}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-title-link:hover{text-decoration:underline}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-info{border-radius:16px;flex-grow:1;background-color:#3b002b;color:#fff;padding:12px 64px 12px 24px;position:relative;text-align:left}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-info-link{cursor:pointer;display:inline-block;position:absolute;width:16px;height:16px;background:url(../../../../../etc.clientlibs/dhk-cloud/components/poi/routecontainer/clientlib/resources/link.svg) no-repeat center;right:24px;top:17px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content{display:flex;gap:40px;padding-left:42px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content .item-content-left{width:calc(50% - 20px);max-width:497px;flex-shrink:0;border-radius:12px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content .item-content-right{flex:1}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content .item-content-right .route-stop-desc{text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content .item-content-right .route-stop-desc.expanded{-webkit-line-clamp:unset}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content .item-content-right .see-more-btn{display:none;text-align:left;text-decoration:underline;margin-top:8px;cursor:pointer}
.dhkv2-route .route-stop-list .route-stop-container:last-child .vertical-dotted-line{display:none}
@media screen and (max-width:1024px){.dhkv2-route .route-stop-list .route-stop-container .route-stop .vertical-dotted-line{top:44px;left:9px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-icon{margin-right:20px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-info-link{top:16px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content{gap:24px;padding-left:40px}
}
@media screen and (max-width:768px){.dhkv2-route .route-stop-list .route-stop-container .route-stop{margin:20px 0 28px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop .vertical-dotted-line{top:40px;left:7.5px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-icon{margin-right:12px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-header-info-link{top:13px;right:16px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content{flex-direction:column;gap:20px;padding-left:32px}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content .item-content-left{width:100%;max-width:unset}
.dhkv2-route .route-stop-list .route-stop-container .route-stop-content .item-content-right{width:100%}
}