.route_search_icons{z-index:100;width:100px;transition:all .5s;display:block;position:absolute;top:15px;left:540px}.route_search_icons.active{left:40px}.route_search_icons ul{flex-wrap:wrap;gap:4px;width:calc(100% - 700px);display:flex}.route_search_icons ul li.active a{background-color:#b8dfff;border:1px solid #0071ce}.route_search_icons ul li a{background-color:#fff;border:1px solid #eee;border-radius:6px;flex-direction:column;min-width:110px;padding:6px 4px;display:flex}.route_search_icons ul li a div{justify-content:center;display:flex}.route_search_icons ul li a .point{color:#0071ce}@media screen and (max-width:1180px){.route_search_icons{left:400px}.route_search_icons ul li a{min-width:84px;font-size:12px}}@media screen and (max-width:640px){.route_search_icons{transition:left .3s;top:90px;left:20px}.route_search_icons.active{left:20px}.route_search_icons ul{scrollbar-width:none;padding:0 10px}.route_search_icons>a{background:url(/images/main/btn_right_open.png) 50% no-repeat;width:20px;height:70px;margin-top:-35px;padding:0;position:absolute;top:50%;left:104px;transform:scaleX(-1);background-size:20px!important}.route_search_icons.active>a{background:url(/images/main/btn_right_close.png) 50% no-repeat}}
.bypass{background:#fff}.bypass .search_wrap{background:#eef1f2;padding:5px}.bypass .search_wrap input[type=text]{background:#eef1f2;border:1px solid #ccc;border-radius:50px;width:calc(100% - 10px);height:50px}.bypass .search_wrap .btn_search{width:50px;height:50px;top:5px;right:10px}.bypass .search_list li a{color:#444;border-bottom:1px solid #ddd;padding:10px 20px;font-size:16px;display:block}.bypass .search_list li a:hover,.bypass .search_list li a:focus{background:#ebf2fe}.bypass .search_list li a>span{float:right;background-image:url(/images/main/bypass/road_list_span_02.png);background-repeat:no-repeat;width:18px;height:10px;margin-top:10px;display:block}.bypass .search_list li a>span.active{background-image:url(/images/main/bypass/road_list_span_01.png)}.bypass .search_list .ic_mark{color:#fff;background:url(/images/main/ic_mark_large.png) 50% no-repeat;width:28px;height:27px;margin-right:4px;padding:0;font-size:12px;line-height:32px}.bypass .search_list .details-container{background:#373d51;height:0;transition:height .5s;overflow:hidden}.bypass .search_list .details-container.active{transition:height .5s}.bypass .search_list .details-container .details-text{color:#fff;border-bottom:1px solid #ddd;justify-content:center;align-items:center;height:60px;padding:16px 20px;font-size:18px;display:flex}.bypass .search_list .details-container .details-text:hover,.details-text:focus{cursor:pointer;background:#198def;outline:none}.bypass .search_list .details-container .details-text .sublist_text{text-align:center;width:130px}.bypass .search_list .details-container .details-text .sublist_line{background:#d9d9d9;width:20px;height:1px}@media screen and (max-width:1180px){.bypass .search_wrap .btn_search{width:40px;height:40px;top:5px;right:10px}}
.bypass_detail{visibility:hidden;transition:left .5s ease transform;z-index:2;background:#252931;flex-direction:column;width:511px;display:flex;position:absolute;top:0;bottom:0;left:0}.bypass_detail_title{color:#fff;text-align:center;background-color:#000;flex:none;height:60px;font-size:23px;font-weight:700;line-height:60px}.bypass_detail_title .ic_mark{text-align:center;color:#fff;background:url(/images/common/ic_mark.png) 50% no-repeat;width:30px;height:31px;margin-right:10px;font-size:12px;line-height:36px;text-indent:0!important}.bypass_detail_title button.web_btn{background-image:url(/images/main/bypass/close.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:20px;right:28px}.bypass_detail{flex:auto}.bypass_detail_close{white-space:nowrap;text-indent:100%;background:url(/images/common/ic_popup_close2.png) 50% no-repeat;border:1px solid #ddd;width:45px;height:45px;position:absolute;top:20px;left:100%;overflow:hidden}.bypass_detail_close2{white-space:nowrap;text-indent:100%;z-index:1;background:url(/images/main/btn_left_open.png) 50% no-repeat;width:30px;height:70px;margin-top:-35px;position:absolute;top:50%;right:-30px;overflow:hidden;background-size:100%!important}.bypass_detail_close2.active{background:url(/images/main/btn_left_close.png) 50% no-repeat}.bypass_detail_section_title{background-color:#f1f1f1;padding:5px 20px;font-size:15px;font-weight:500}.bypass_detail_section_title .ic_mark{width:35px;height:35px;line-height:40px}.bypass_detail.open{visibility:visible;left:100%}.bypass_detail.active{left:0}.bypass_detail.active .bypass_detail_close{display:none}.bypass_detail.active .bypass_detail_close2{right:-50px}.bypass_detail .route_tab{padding:0 15px}.bypass_detail .route_tab li{margin-top:10px}.bypass_detail .route_tab li a{text-align:center;color:#777;background:#252931;border:2px solid #373d51;height:50px;font-size:18px;font-weight:500;line-height:50px;display:block}.bypass_detail .route_tab li.active a,.bypass_detail .route_tab li:hover a{color:#fff;background:#3f5685;border-color:#3673ee}.bypass_detail .route_info{height:calc(100vh - 480px);display:flex;overflow-y:auto}.bypass_detail .route_info .route_speedBar{color:#fff;flex:1;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar dl{padding-right:30%}.bypass_detail .route_info .route_speedBar dt{float:right;margin-bottom:5px;margin-right:17px;font-size:17px;font-weight:500}.bypass_detail .route_info .route_speedBar dt span{margin-right:10px;font-weight:400}.bypass_detail .route_info .route_speedBar dd{margin-left:102px;font-size:16px;line-height:20px}.bypass_detail .route_info .route_speedBar dd strong{font-size:16px;font-weight:400}.bypass_detail .route_info .route_speedBar dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}.bypass_detail .route_info .route_speedBar dd span.bus_speed{background:url(/images/main/ic_bus.png) 0 no-repeat}.bypass_detail .route_info .route_speedBar dd span.pass_speed{background:url(/images/main/ic_bypass.png) 0 no-repeat}.bypass_detail .route_info .route_speedBar{padding-bottom:10px}.bypass_detail .route_info .route_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .route_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:222px}.bypass_detail .route_info .route_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:218px}.bypass_detail .route_info .route_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .route_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .route_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .route_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .route_speedBar>li.green .road_info dd{color:#088d0e}.bypass_detail .route_info .route_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .route_speedBar>li.yellow .road_info dd{color:#ffb400}.bypass_detail .route_info .route_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .route_speedBar>li.red .road_info dd{color:#e81414}.bypass_detail .route_info .route_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .route_speedBar>li.gray .road_info dd{color:#404040}.bypass_detail .route_info .thumb_wrap{text-align:right;height:70px;position:absolute;top:40px;bottom:0;right:15px}.bypass_detail .route_info .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}.bypass_detail .route_info .thumb_wrap .thumb{cursor:pointer;height:80px}.bypass_detail .route_info .bypass_speedBar{flex:1;padding-bottom:10px}.bypass_detail .route_info .bypass_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .bypass_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .bypass_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:15px}.bypass_detail .route_info .bypass_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .bypass_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:11px}.bypass_detail .route_info .bypass_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .bypass_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .bypass_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .bypass_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.green .bypass_info dd{color:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.yellow .bypass_info dd{color:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .bypass_speedBar>li.red .bypass_info dd{color:#e81414}.bypass_detail .route_info .bypass_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .bypass_speedBar>li.gray .bypass_info dd{color:#404040}.bypass_detail .route_info .bypass_speedBar .bypass_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .bypass_speedBar .bypass_info dt{vertical-align:top;margin-bottom:5px;font-size:17px;font-weight:500;display:inline-block}.bypass_detail .route_info .bypass_speedBar .bypass_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:5px;padding:2px 5px 3px;font-size:12px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .bypass_speedBar .bypass_info .bypass_label_video{cursor:pointer;background:#3773ef}.bypass_detail .route_info .route_speedBar .road_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar .road_info dt{vertical-align:top;margin-bottom:5px;font-size:17px;font-weight:500;display:inline-block}.bypass_detail .route_info .route_speedBar .road_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:20px;padding:2px 5px 3px;font-size:12px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .route_speedBar .road_info .route_label_video{cursor:pointer;background:#00c0b0}.bypass_detail .route_info .route>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:15px}.bypass_detail .bypass_tab{padding:0 15px}.bypass_detail .bypass_tab li{margin-top:10px}.bypass_detail .bypass_tab li a{text-align:center;color:#fff;background:#252931;border:1px solid #ddd;border-radius:50px;height:44px;margin-left:15px;font-size:18px;font-weight:1000;line-height:42px;display:block}.bypass_detail .bypass_tab li:hover a{color:#fff;background:#3f5685;border-color:#3673ee}.bypass_detail .bypass_speedTab li{margin-top:10px}.bypass_detail .bypass_speedTab li a{text-align:center;color:#777;background:url(/images/main/bypass/bubble.png) 50%/180px 90px no-repeat;height:107px;margin-left:15px;font-size:18px;font-weight:500;line-height:55px;display:block}.bypass_detail .bypass_speedTab li dt{color:green;height:31px;font-size:21px;font-weight:800}.bypass_detail .bypass_detail .route_info{display:flex}.bypass_detail .bypass_detail .route_info .bypass_speedBar{flex:1}.bypass_detail .bypass_detail .route_info{height:559px;display:flex;overflow-y:auto}.bypass_detail .bypass_detail .route_info::-webkit-scrollbar{width:7px;height:7px}.bypass_detail .bypass_detail .route_info::-webkit-scrollbar-thumb{background-color:#007aff;border-radius:0}.bypass_detail .bypass_detail .route_info::-webkit-scrollbar-track{background-color:#252931}.bypass_detail .bypass_detail .route_info .route_speedBar{flex:1}@media screen and (max-width:1180px){.bypass .search_wrap .btn_search{width:40px;height:40px;top:5px;right:10px}.bypass_detail{width:360px}.bypass_detail_title{height:40px;font-size:15px;line-height:40px}.bypass_detail_section_title{font-size:14px}.bypass_detail_section_title .ic_mark{width:30px;height:30px;line-height:35px}.bypass_detail.active .bypass_detail_close2{right:-30px}.bypass_detail .route_tab{padding:0 15px}.bypass_detail .route_tab li a{height:40px;font-size:15px;line-height:36px}.bypass_detail .route_info .bypass_speedBar .bypass_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .bypass_speedBar .bypass_info dt{vertical-align:top;margin-bottom:5px;font-size:14px;font-weight:500;display:inline-block}.bypass_detail .route_info .bypass_speedBar .bypass_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:4px;padding:2px 5px 3px;font-size:9px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .bypass_speedBar .bypass_info .bypass_label_video{cursor:pointer;background:#3773ef}.bypass_detail .route_info .route_speedBar .road_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar .road_info dt{vertical-align:top;margin-bottom:5px;font-size:17px;font-weight:500;display:inline-block}.bypass_detail .route_info .route_speedBar .road_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:10px;padding:2px 5px 3px;font-size:12px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .route_speedBar .road_info .bypass_label_video{cursor:pointer;background:#00c0b0}.bypass_detail{visibility:hidden;z-index:10;width:100vw;left:auto;transform:translateY(100%)}.bypass_detail_close{background:url(/images/common/ic_popup_close.png) 50%/14px no-repeat;border:0;width:40px;height:40px;top:0;left:auto;right:0}.bypass_detail_title button.web_btn{background-image:url(/images/main/bypass/close.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:10px;right:28px}.bypass_detail.open{visibility:visible;height:810px;left:0;transform:translateY(0)}.bypass_speedTab li a{text-align:center;color:#777;background:url(/images/main/bypass/bubble.png) 50%/175px 90px no-repeat;height:107px;margin-left:8px;font-size:18px;font-weight:500;line-height:55px;display:block}.bypass_detail .route_info .route_speedBar{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar dl{padding-right:30%}.bypass_detail .route_info .route_speedBar{padding-bottom:10px}.bypass_detail .route_info .route_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .route_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:182px}.bypass_detail .route_info .route_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:178px}.bypass_detail .route_info .route_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .route_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .route_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .route_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .route_speedBar>li.green .road_info dd{color:#088d0e}.bypass_detail .route_info .route_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .route_speedBar>li.yellow .road_info dd{color:#ffb400}.bypass_detail .route_info .route_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .route_speedBar>li.red .road_info dd{color:#e81414}.bypass_detail .route_info .route_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .route_speedBar>li.gray .road_info dd{color:#404040}.bypass_detail .route_info .bypass_speedBar{padding-bottom:10px}.bypass_detail .route_info .bypass_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .bypass_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .bypass_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:13px}.bypass_detail .route_info .bypass_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .bypass_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:9px}.bypass_detail .route_info .bypass_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .bypass_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .bypass_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .bypass_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.green .road_info dd{color:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.yellow .road_info dd{color:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .bypass_speedBar>li.red .road_info dd{color:#e81414}.bypass_detail .route_info .bypass_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .bypass_speedBar>li.gray .road_info dd{color:#404040}.bypass_detail .route_info{height:468px;display:flex;overflow-y:auto}.bypass_detail .route_info::-webkit-scrollbar{width:7px;height:7px}.bypass_detail .route_info::-webkit-scrollbar-thumb{background-color:#007aff;border-radius:0}.bypass_detail .route_info::-webkit-scrollbar-track{background-color:#252931}#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dt span{margin-right:10px;font-weight:400}#bypassRouteList .road_info dd{margin-left:65px;font-size:15px;line-height:20px}#bypassRouteList .road_info dd dd strong{font-size:16px;font-weight:400}#bypassRouteList .road_info dd dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}#bypassRouteList .thumb_wrap{text-align:right;height:70px;position:absolute;top:65px;bottom:0;right:7px}#bypassRouteList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassRouteList .thumb_wrap .thumb{cursor:pointer;height:70px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:75px;right:22px}#bypassCctvList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassCctvList .thumb_wrap .thumb{cursor:pointer;height:70px}}@media screen and (max-width:640px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dt span{margin-right:10px;font-weight:400}#bypassRouteList .road_info dd{margin-left:65px;font-size:15px;line-height:20px}#bypassRouteList .road_info dd dd strong{font-size:16px;font-weight:400}#bypassRouteList .road_info dd dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}#bypassRouteList .thumb_wrap{text-align:right;height:70px;position:absolute;top:65px;bottom:0;right:7px}#bypassRouteList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassRouteList .thumb_wrap .thumb{cursor:pointer;height:70px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:75px;right:17px}#bypassCctvList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassCctvList .thumb_wrap .thumb{cursor:pointer;height:70px}}@media screen and (max-width:500px){#bypassRouteList .road_info dd{margin-left:64px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:59px;right:42px}}@media screen and (max-width:393px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dd{margin-left:54px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:75px;right:11px}}@media screen and (max-width:375px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dd{margin-left:45px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:55px;right:23px}}@media screen and (max-width:360px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dd{margin-left:38px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:55px;right:16px}}