﻿@charset "utf-8";
/* 地图列表页 */
html{ overflow-y:auto}
/*body{font-size:12px;font-family:\5B8B\4F53,Helvetica,Arial,sans-serif;}*/
body {
    font-size: 12px;
    font-family: Microsoft Yahei,PingFang SC,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,"Microsoft Sans Serif",WenQuanYi Micro Hei !important;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
cite,em,i{ font-style:normal}
img{border:0}
ul,li{list-style:none;}
.center{ text-align:center;}
.clear{clear:both;}
.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } 
.clearfix { zoom:1 }
.fl{ float:left}

a {
    text-decoration: none !important;
    color: #425484;
}
a:hover{ text-decoration:underline;color:#403B36;}
/**头部**/
/*.nmap_top{ width:100%; height:108px; background:#f7fbfe url(../images/nmaptopbg.jpg) no-repeat top left; border-bottom:1px solid #e5e5e5; position:relative}*/
.nmap_top{width: 100%;height: 141px;position: relative;background: #2c303a;background: url(../images/hearder_bg.png) no-repeat center;}
.nmap_top_bus{ width:100%; height:108px; background:#f7fbfe url(../images/top_bg_bus.jpg) no-repeat top left; border-bottom:1px solid #e5e5e5; position:relative}
.nmap_top_train{ width:100%; height:108px; background:#f7fbfe url(../images/top_bg_train.jpg) no-repeat top left; border-bottom:1px solid #e5e5e5; position:relative}
.nxqlogo{ display:block; width:80px; height:80px; float:left; margin:15px 0 0 20px; overflow:hidden; text-indent:-999px;font-size:0}
.nxq_rewm{ position:absolute; top:18px; right:20px;}

/**搜索框**/
.nmap_topcen{ position:absolute; top:20px; left:630px;}

.tab_content{border:1px solid #d3d3d3;border-top:0;border-bottom:0;margin-right:1px;position:absolute;top:0px;right:0;left:0;bottom:0;overflow-y:scroll;}
.search,.tj,.xj{padding:10px 0;border-bottom:1px dotted #b3b3b3;}
.gj_search{padding:10px 0;border-bottom:1px dotted #b3b3b3;}
.gj_search span{display:block;margin:10px 0;}
.gj_search span input{width:270px;height:23px;border:1px solid #ffcc7d;}
.gj_search label{font-weight:bold;margin-right:5px;}
.sc a{text-decoration:underline;color:#2f6684;}
.tj{padding-top:0;}
.b_text{border:1px solid #ffcc7d;height:22px;width:210px;float:left; vertical-aling:middle;margin-right:10px; margin-top:2px;display:inline;outline:none;}
.top_s input{ border:none;}
.ts_k1{ position:relative}
.formbg{ width:480px; height:36px; border:1px solid #c90e09; border-left-width:2px;border-right-width:2px; float:left; background:#fff; z-index:10;}
/* .tsbtn1{ width:67px; height:30px; background:url(../images/but02.png) no-repeat; border:none; text-align:center; color:#fff; font-weight:bold; font-size:14px; overflow:hidden; line-height:20px; float:left;cursor:pointer} */
.tsbtn2{ width:24px; height:23px; border:none; background:url(../images/nmap_scbg.jpg) no-repeat 0 4px; line-height:30px; overflow:hidden;cursor:pointer; }
.nmap_fenlei{ display:block; float:left; border-right:1px solid #c90e09; margin:6px 0 0 10px; padding-right:3px}
.tsbtn3,.tsbtn1{ width:34px; height:23px; background:url(../images/nmap_search.jpg) no-repeat; float:right; margin-top:7px; overflow:hidden;cursor:pointer; border:none}
.b_text{ width:330px; height:26px; line-height:26px; text-indent:5px; border:none; margin-top:5px; font-size:14px}
.ts_btn{ clear:both; width:300px; height:22px;}
.ts_btn li{ display:block; width:75px; height:20px; line-height:20px; text-align:center; color:#5e5e5e; float:left; background:#f7f7f7; border-right:1px solid #e6e6e6; cursor:pointer; margin-top:2px}
.ts_btn li.nav_cur{ background:#c90e09; color:#fff; font-weight:bold; height:22px; line-height:22px; margin-top:0}
.b_text1{ width:180px; height:26px; line-height:26px; text-indent:3px; float:left; margin-right:2px; margin-top:5px;border:none;outline:none;}
.tsbtn4{ width:25px; height:26px; background:url(../images/turn.png) no-repeat; float:left; margin-top:5px; border:none}
.ts_cxl{ margin:15px 0 0 10px; float:left; }
.choosk{ width:90px;height:48px; border:1px solid #ccc; background-color:#fff;position:absolute; right:60px; top:30px; display:none;z-index:100;}
.choosk a{ display:block; width:90px; text-align:center; height:24px; line-height:24px; }
.choosk a:hover{ background-color:#f1f1f1; text-decoration:none}
.nmap_sfenleit{ color:#959595; float:left; margin:8px 0 0 0; font-size:14px; display:inline; width:60px; border:none}


-- 新增 --
.fl {float: left}
.fr {float: right}
.fc:after {content: '';clear: both;display: block}
.fb {display: block}

.top-box{width: 100%;height: 100%;}
#top {width: 80%;margin-left: 40px}
#top .logo .logo-ico {
    background: url(../images/ico.png) no-repeat center;
    width: 23px;
    height: 50px;
}


#top .logo .logo-str {
     height: 50px;
     line-height: 50px;
     font-size: 20px;
     color: #ffffff;
     margin-left: 5px;
     letter-spacing: 1px;
     font-weight: 600;
}

/*#top .search {height: 55px; overflow: hidden}*/
#top .search {
    height: 50px;
    overflow: hidden;
    padding: 0;
    border: 0;
}
#top .search input[type="text"] {background: none; height: 55px; line-height: 55px; border: 0; border-left: 1px solid #3b414f; outline: none; padding-left: 15px; color: #e3e3e3; font-size: 17px}
#top .search input[type="submit"] {
    color: #FFF;
    font-size: 16px;
    background: #3b414f url(../images/search-ico.png) no-repeat 65px center;
    border: 0;
    padding: 15px 25px 15px 0;
    width: 100px;
    outline: none;
    cursor: pointer;
}
#nav {border-top: 1px solid #51535a}
#area {
    margin-left: 40px;
    margin-top: 10px;
    padding-bottom: 15px;
}
#area .area-list li,
#server-tag .tag-list li {float: left}
#area .area-list a, #server-tag .tag-list a {font-size:16px; color:#ffffff; width: 72px; height: 36px; line-height: 36px; text-align: center;margin-left: 30px}
#area .area-list a:hover, #server-tag .tag-list a:hover {background:#2f86f3;color: #FFF; border-radius:3px}
#area .area-list span,#server-tag .tag-list span {cursor: pointer; background: #3b4c77; border-radius: 1px; width: 18px; height: 18px; font-size: 12px; color: #FFF; text-align: center; line-height: 13px; margin-top: 10px; margin-left: 10px}
#server-tag {margin-top: 10px}

#area .area-str, #server-tag .tag-str {
    font-size: 18px;
    color: #ffffff;
}
.area-ico {
    background: url(../images/map-ico.png) no-repeat center;
    width: 18px;
    height: 21px;
    margin-right: 5px;
}
.tag-ico {
    background: url(../images/tag-ico.png) no-repeat right center;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    margin-left: 30px;
    border-left: 1px solid #DDD;
    margin-top: 2px;
    padding-left: 25px;
    padding-bottom: 3px;
}

#area .area-title {
    margin-top: 6px;
}
#server-tag .tag-title{
    margin-top: 5px;
}



















