@CHARSET "UTF-8";
@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1528445153785'); /* IE9*/ src: url('iconfont.eot?t=1528445153785#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAeEAAsAAAAACsQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kjOY21hcAAAAYAAAABuAAABsgLP1N1nbHlmAAAB8AAAA2IAAAQ0eWPNHWhlYWQAAAVUAAAALwAAADYRn/ekaGhlYQAABYQAAAAcAAAAJAfeA4ZobXR4AAAFoAAAABMAAAAUE+kAAGxvY2EAAAW0AAAADAAAAAwCCAMGbWF4cAAABcAAAAAfAAAAIAEVAH9uYW1lAAAF4AAAAUUAAAJtPlT+fXBvc3QAAAcoAAAAWgAAAHXQMUB4eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s04gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDx7yNzwv4EhhrmBoQEozAiSAwA1CA1QeJzFkbENgDAMBM8hIECMwhAMREXFsDQ0XgM+MQVMwFsXvV9WEiVACzRiFhlswyhalVrNG8aaZxb1Iz1Jtfvgh5/XpeztQ6a5qOKz9kgyHb/J/jv6q6muy9PpxdkfdEUfgpL7EZTf8TMg3TslGnQAAHicTVNLi9tWFL7nXuta1luyHrZk2ZLlsTzxxBPZsjx0sKevELeZQksfIYsGZlUCbWkMJR1oITQUuugi65BVKS30F2SRbZkQmP/QMEO7zaqrjtujCWkqdO/97jn3fuj7zhERCPnnKXvEGqROBiQjb5J3CQE+hK5GQ4jTfESH4MSC49kaS5M0ribdEZuD1+W2Oy7yvserXAcN2jCJx0U6oilM8wXdhbEbAjQD/31ro2WxeyA10vZ367fpj+B0kpa+uLh+a2vPHkd18bZiWU3L+kHkgiBSWtE1+Mxza0JN4uufBN13HnU2aQeUZurvX1ejwDr4Pv883PBqAHfuQD2ItF/2TN/E92vfrVvNqqGKDV9NejbcPpUbdSXsnxB8KGr9jTXYRfI6uYoqt6E/TUdQfr0O3PUm42K6B1VEDEfheuNiD3V5KG1czBbl+XSGuw5qw9ys6KcLyPulE/Svm29URafwHypGRaeeVbGa8pVIBu2rmu6IKrcCfn24pLVA5zp3NPmVfDKzmcYPmUR1T6gYx70sW2YZ/JweckG0q8qC2co9K6w41q3G1eDVcP2nO5QYBct68s5drhsVpm45n964dtgTRbbNwNTq3adQciwzQsq6PqsQ5pAd1PoR+YSsUHHS5Qkqrsal4v4QhYdguxMPK+jYLtasmE1jpw0lmkOKcss172/MpmhF7LkdquHtEaR1HAv0xbX5ho3tMoI5LPBeGxm9lzn2x42KUNmSrmTrmzuvScMqP1A0Q0oMUANnabeAfgG+u6yHKhgJZv4+7VCuwjOV01hll1rrYZCxuDMA2Gx3BgP4UhGfSDIo4pEkP/gvTPv0250Z0L3tuwx0yZM13r1w/9huBc7ubjkf3x+1OSYUw/+AqVzTq/K1kZ8AJP76wTnHhd3N6Tnx/PlcvIhi33D08iF7zIYkJkP08zJ5j3yMFseOzbv9OWpPTWx57P82dUw06Dw+hRLFU8wK5b+gQXk2L+JyUx5Ip3kBY+ygUVkX2xX+h+nRemU0jckC3EHegsetfODCYoKh9YdJBnQFWXJ2SzHBaBgmO5BNXME8+8bwdd03GlEEv+sl1JtRpIWKYSiRvJ/TVog8yBieneb7clTGWQhZ7+Skl8GRqazKyEoxX6L1r3rQDvT4UgQvwL9/oZ9RAAB4nGNgZGBgAOLr78JV4/ltvjJwszCAwHWHyIcI+v8OFgZmXSCXg4EJJAoAN7QKiQB4nGNgZGBgbvjfwBDDwgACQJKRARWwAgBHCwJueJxjYWBgYH7JwMDCgMAADpsA/QAAAAAAAHYA7AGSAhp4nGNgZGBgYGUoZmBjAAEmIOYCQgaG/2A+AwAUlgGVAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG2KSw6AIAwFWxUW7ryGiYcqfko1FhcQ8faibp1kXmbxoIKPFv4xWGGNDRq0gNm65Em5u0I6RM+SMTmhMPRr2RiUufj06OeNdHkfpBM52oU0izLADfWdG6YAAA==') format('woff'), url('iconfont.ttf?t=1528445153785') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1528445153785#iconfont') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 22px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-men:before { content: "\e6e1"; }
.icon-car:before { content: "\e6dc"; }
.icon-bus:before { content: "\e609"; }
.aui-list-item-arrow:before { right: 0.9rem; border: 1.5px solid #000; border-top: none !important; border-right: none !important; width: 0.25rem; height: 0.25rem; top: 51% }
body { overflow: hidden; max-width:1800px;position:relative;margin:auto;height:100%;}

body *{font-family:'Microsoft YaHei' !important;}

.list * { border: none !important }
img { border-radius: 4px;}
#start{background: rgba(101,181,241,0.2) url(../image/logo_0.png) no-repeat center center;background-size: 15%;}
/*background: rgba(101,181,241,0.2) url(../images/logo_0.png) no-repeat center center;background-size: 15%;*/
#search { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
.aui-icon-menu { margin-left: 0.5rem; }
.aui-popup.aui-popup-in { margin-top: 2rem; }
.aui-list .aui-list-item-inner { font-size: 0.6rem; padding-top: 0; }
.aui-content-padded { padding: 0.75rem; background-color: #ffffff; margin-top: 0.75rem; }
div.fa_box { float: left; width: 1.4rem; height: 1.4rem; z-index: 13; margin-right: 0.2rem; position: absolute; top: 0; right: 0; padding-top: 0.15rem; background: #FFF; border-radius: 6px; box-shadow: 0 4px 32px rgba(0, 0, 0, 0.2); margin-top: 0.2rem; }
i.fa { float: left; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4); width: 1.7rem; height: 1.7rem; line-height: 1.7rem; text-align: center; background: #FFF; color: #676D73; margin-bottom: 0.25rem; border-radius: 4px; }
.shadow { position: absolute; top: 0px; z-index: 3; left: 30%; width: 65%; height: 100% }
#slidemenu { position: absolute; top: 0px; display: none; z-index: 16; width: 100%; height: 100%; background-color: rgba(16, 16, 16, 0.39); }
.list { z-index: 3; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); position: absolute; top: 2.5rem; left: 2%; height: auto; background-color: white; border-radius: 0.2rem; padding: 0.5% 0; width: 80%; }
.aui-list-item-label { width: 100% !important; }
.aui-list-item-input { text-align: right; }
.icon_grade { width: 25px; height: 30px; margin-right: 10px; }
.anchorBL { display: none }
.BMap_stdMpZoom { width: 20px; height: 41px; }
.aui-bar-tab .aui-bar-tab-item .aui-iconfont { margin: auto }
#area { position: absolute; left: 0; width: 100%; bottom: 0; display: none; }
.aui-list-img-sm { width: 4.5rem; height: 4.5rem; }
.aui-searchbar { background: #65B5F1; }

/* F06292 */
.aui-searchbar .aui-iconfont { color: #FFF !important; }
.aui-searchbar-input { background-color: rgba(255, 255, 255, 0.2) }
#search-input { font-size: 0.7rem !important; }
::-webkit-input-placeholder { /* WebKit browsers */
color: #FFF !important; font-size: 0.7rem; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #FFF !important
font-size:0.7rem; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #FFF !important
font-size:0.7rem; }
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #FFF !important
font-size:0.7rem; }
.aui-searchbar .aui-searchbar-btn { color: #FFF; }
.aui-searchbar-input input { color: #FFF; }
.aui-searchbar-clear-btn { background: #65B5F1; }
.aui-list .aui-list-item-input { padding-right: 0.15rem; }
.aui-list .aui-list-item { padding-left: 0.3rem; background: none; border: none; }
.self_arrow { left: 0.25rem; margin-top: -0.4rem; top: 0.2rem; transform: rotate(135deg); }
.aui-radio,
.aui-checkbox { width: 1rem; height: 1rem; margin-top: 0.1rem; }
.custom_checkbox,
.custom_radio { width: 100%; position: relative; padding-left: 20px; float: left; margin: 0 5px 0 0; height: 30px !important; line-height: 30px; cursor: pointer; }
.custom_checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; outline: none; display: none; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; }
.custom_checkbox input[type="checkbox"] + span { background: url(../image/no_active.png)  no-repeat; width: 15px; height: 15px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 5px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0px; }
.custom_checkbox input[type="checkbox"]:checked + span { background: url(../image/yes_active2.png)  no-repeat; }
.custom_checkbox .aui-list-item-label { line-height: 30px; }
.num1 { position: relative; padding-left: 0.7rem !important; }
.num1::before { content: ""; width: 4px; height: 14px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; }
.num1s::before { background: #65B5F1; }
.num2s::before { background: #F59CB6; }
.num3s::before { background: #1CCCA9; }
.list .aui-col-xs-3 { }

.BMap_vectex_node:nth-of-type(1) { background-image: none !important; }
.BMap_vectex_node { background-image: url(../image/drag.png) !important; background-size: cover; left: -10px; width: 22px; height: 22px; }

.aui_route { line-height: 40px; height: 40px; font-size: 13px; padding: 10px 0; position: relative; }
.Plan_listcon { height: 100%; overflow-y: auto; position: absolute; top: 0; left: 0; width: 100%; }
.routeMsg { padding: 10px 5px; border-top: 2px solid rgba(0, 0, 0, 0.1); }
.aui-timeline .aui-timeline-item-header { margin: 0.5rem !important; padding-left: 0.7rem !important; border-radius: 0.15em; }
.aui-card-list-header { font-size: 0.7rem; }
.self-card-list-header { padding: 0.4rem 0.75rem; }
.timeline_msg { display: block; margin: 0 0 0.25rem 0.795rem; }
.self-dot { display: inline-block; width: 0.35rem; height: 0.35rem; background: #039BE5; border-radius: 50%; position: relative; left: -0.15rem; z-index: 99; }
.self-dotbegin { background: url(../image/ed.png) no-repeat; width: 20px; height: 20px; left: -0.45rem; top: 0.25rem; }
.self-dotend { background: url(../image/sd.png) no-repeat; width: 20px; height: 20px; left: -0.45rem; top: 0.25rem; }
.aui-labelendbeg { background: #FFF !important; }
.aui-timeline:before { left: 0.95rem; top: 10px; bottom: 10px; height: auto; content: ''; width: 1px; height: auto; background: none; z-index: 0; border-right: 2px dotted #b7b6b6; }
.aui-label { line-height: 1.4rem !important; padding-right: 0.4em; white-space: normal !important; text-align: left; max-width: 94%; background: none !important; color: inherit; }
.navtrans-navlist-icon { margin-top: 8px !important; }
.self-tab { width: 70%; position: fixed; top: 50px; left: 15%; z-index: 99; font-size: 11px; }
.self-tab-item { border-radius: 8px; width: 33.3%; text-align: center; display: inline-block; height: 1.4rem; line-height: 1.4rem; padding: 0; background: #FFF; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); float: left; }
.self-tab-item.self-active { color: #FFF; background: #039be5; }
.bus_list { padding: 10px 20px; line-height: 25px; border-bottom: 5px solid rgba(0, 0, 0, 0.1); }
.bus_list p { margin: 0; padding: 0; font-size: 13px; }
.bus_fl { width: 30%; border-right: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; text-align: right; padding: 0 10px 0 0; color: #363636; }
.bus_fr { width: 60%; display: inline-block; padding: 0 0 0 10px; }
.aft_dot { display: inline-block; width: 2px; height: 2px; border-radius: 50%; background: #A7A7A7; margin: 0 10px; position: relative; top: -2px; }
.sub_msg { color: #A7A7A7; }
.bus_icon { margin-right: 5px; color: #039BE5; }
.timeline_bus:before { left: 1.4rem !important; }
.back_tab { padding: 0 40px; position: relativel; }
.tab_back_angle { position: absolute; top: 0; left: 0; margin: auto; z-index: 99; width: 40px;height: 44px; background:url(../image/angle_left.png) no-repeat center center;background-size:30%;}
.hidden { display: none; }
.layui-m-layercont { width: 100% !important; height: 100% !important; }
.aui-font-size-10 { font-size: 0.5rem !important; }
.range_box { width: 100%; height: 30px; background: rgba(255, 255, 255, 1); text-align: center; position: absolute; bottom: 100px; z-index: 22; line-height: 30px; font-size: 0.5rem; }
.range { height: 0.2rem; border: 0; border-radius: 2px; background-color: #f0f0f0; position: relative; -webkit-appearance: none !important; width: 65%; top: -4px; margin-right: 10px; }
.range::-webkit-slider-thumb { -webkit-appearance: none; cursor: default; top: 15px; height: 15px; width: 15px; transform: translateY(1px); background: #65B5F1; border-radius: 50%; box-shadow: 0 4px 16px rgba(101, 181, 241, 0.6) }


.nameLabel{
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:90px;
	height: 20px;
	line-height: 20px;
	padding:0 5px;
	
      text-align:center;
      color :#4C4C4C;
      background:#FFF;
      border-radius:4px; 
      font-size:12px;
}
#routeMsg .aui-timeline-item{margin-bottom:0.5rem;}
    .nameLabel:before{
    	content:"";
      	width:6px;
      height:6px;
      display: block;
       border-right: 1px solid #fff; 
      border-bottom: 1px solid #fff; 
      z-index: 10;
      background-color: #65B5F1;
      position:absolute;
      left:0;
      right:0;
      margin:auto;
      bottom:-3px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg); 
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    
 .bot_msg{height:25px;width:auto;position:relative;padding:0px; margin:0px; background-color: #039be5;}
 
 .bot_msg_bottom{height:300px;width:auto;position:relative;padding:0px;margin:0px; background-color:blue}

 .msgMedia{float:left;width:100%;height:10px;text-align:center;}
 .popup_title{width: 100%;
    float: center;
    padding-left: 1em;
    padding-right: 1em;
    position: relative;
  color: #FFFFFF;
font-size: large;}

.frenquencyList{float:left;width:10%;height:10px;text-align:center;}
.frenquencyOperation{float:left;width:100%;height:10px;text-align:center;}
.frenquencyHistory{float:left;width:100%;height:10px;text-align:center;}


.msgItem img{position:absolute;right:0.2em;top:0;bottom:0;margin:auto;width: 15px;
    height: 15px;}
 .msgTit{font-weight:bold;font-size:16px !important;line-height:25px;text-indent:0;color:#000;}
 .msgSub{font-size:11px !important;text-indent: 0;color:#000}
 .msgBtn { width: 68%;
    float: right;text-align: center;padding-right:1em;margin:5px 0 0 0;}
.msgItem p{
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;}
.msgBtn .item_ {
    display: inline-block;
    width: auto;
    position: relative;
    font-size: 13px;
    margin: 2.5px 5px;
    text-align: left;
    text-indent: 0;
    padding-left: 20px;}
.item_:active{color:#65B5F1;}
.msgBtn span.search_around::before { content: ""; background: url(../image/rounds.png) left center; width: 17px; height: 17px; position: absolute; top: 0; left:0; background-size: contain; bottom: 0; margin: auto; }
.msgBtn span.search_leader::before { content: ""; background: url(../image/leader.png) no-repeat left center; width: 17px; height: 17px; position: absolute; top: 0; left: 0; bottom: 0; background-size: contain; margin: auto; }
.msgBtn span.search_vr::before { content: ""; background: url(../image/vr.png) no-repeat left center; width: 17px; height: 17px; position: absolute; top: 0; left: 0; bottom: 0; background-size: contain; margin: auto; }

.msgBtn span img { float: left; }

.fa_close { position: absolute; top: 0; right: 0; display: inline-block; width: 20px; height:20px;background: url(../image/shut.png) no-repeat center center; background-size: 80%; }