5.css 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480
  1. html{
  2. -ms-touch-action:none;
  3. -ms-content-zooming: none;
  4. /* overflow:hidden; */
  5. }
  6. #map {
  7. position:relative;
  8. height: 560px;
  9. margin-bottom: 15px;
  10. clear: both;
  11. }
  12. #func{
  13. margin-top: -56px;
  14. float: right;
  15. margin-right: 55px;
  16. z-index: 900;
  17. }
  18. #func > button {
  19. margin-top: 20px;
  20. margin-right: 20px;
  21. margin-bottom: 9px;
  22. }
  23. #func > div {
  24. margin-top: 20px;
  25. float: left;
  26. margin-right: 20px;
  27. }
  28. #func > input {
  29. margin-top: 20px;
  30. margin-right: 20px;
  31. width: 100px;
  32. float: left;
  33. }
  34. #func > select {
  35. margin-top: 20px;
  36. margin-right: 20px;
  37. width: 100px;
  38. float: left;
  39. }
  40. h3 {
  41. margin-bottom: 10px;
  42. }
  43. #myTab, #myTabContent {
  44. font-size: 14px;
  45. }
  46. .nav-tabs {
  47. margin-bottom: 0;
  48. }
  49. h3 > #demo-name {
  50. margin-right: 10px;
  51. }
  52. h3 > a {
  53. font-weight: normal;
  54. text-decoration: none;
  55. }
  56. /*less中设置*/
  57. @media (max-width: 979px) {
  58. .navbar-fixed-top {
  59. margin-bottom: 0;
  60. }
  61. }
  62. .page-header {
  63. padding: 5px 10px;
  64. border: 1px solid #d6e3f1;
  65. }
  66. .nav {
  67. margin-bottom: 0;
  68. }
  69. .footer {
  70. margin-top: 20px;
  71. text-align: center;
  72. }
  73. @media (min-width: 768px) {
  74. .container .hero-unit{
  75. padding: 60px 400px 60px 60px;
  76. background:url(../images/home_banner2.png) no-repeat scroll right bottom transparent;
  77. }
  78. }
  79. @media (min-width: 768px) {
  80. .container,
  81. .navbar-fixed-top .container,
  82. .navbar-fixed-bottom .container {
  83. width: 760px;
  84. }
  85. }
  86. @media (min-width: 992px) {
  87. .container,
  88. .navbar-fixed-top .container,
  89. .navbar-fixed-bottom .container {
  90. width: 960px;
  91. }
  92. }
  93. @media (min-width: 1200px) {
  94. .container,
  95. .navbar-fixed-top .container,
  96. .navbar-fixed-bottom .container {
  97. width: 1170px;
  98. }
  99. }
  100. @media (min-width: 1600px) {
  101. .container,
  102. .navbar-fixed-top .container,
  103. .navbar-fixed-bottom .container {
  104. width: 1220px;
  105. }
  106. }
  107. .container .hero-unit{
  108. border: 1px solid #D6E3F1;
  109. border-radius: 0px;
  110. }
  111. p {
  112. text-indent: 2em;
  113. }
  114. .navbar-inner > .container {
  115. background-color: #61b3e3;
  116. background-image: -moz-linear-gradient(top, #61b3e3, #2f7fba);
  117. background-image: -ms-linear-gradient(top, #61b3e3, #2f7fba);
  118. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61b3e3), to(#2f7fba));
  119. background-image: -webkit-linear-gradient(top, #61b3e3, #2f7fba);
  120. background-image: -o-linear-gradient(top, #61b3e3, #2f7fba);
  121. background-image: linear-gradient(top, #61b3e3, #2f7fba);
  122. filter: progid:dximagetransform.microsoft.gradient(startColorstr='#61b3e3', endColorstr='#2f7fba', GradientType=0);
  123. -webkit-border-radius: 4px;
  124. -moz-border-radius: 4px;
  125. border-radius: 4px;
  126. }
  127. .navbar .nav .active > a,
  128. .navbar .nav .active > a:hover {
  129. background-image: -moz-linear-gradient(top, #519ad6, #2167ad);
  130. background-image: -ms-linear-gradient(top, #519ad6, #2167ad);
  131. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#519ad6), to(#2167ad));
  132. background-image: -webkit-linear-gradient(top, #519ad6, #2167ad);
  133. background-image: -o-linear-gradient(top, #519ad6, #2167ad);
  134. background-image: linear-gradient(top, #519ad6, #2167ad);
  135. filter: progid:dximagetransform.microsoft.gradient(startColorstr='#519ad6', endColorstr='#2167ad', GradientType=0);
  136. background-color: #2167ad;
  137. }
  138. #titleContent li a {
  139. font-size: 15px;
  140. }
  141. .container > .brand {
  142. color: white;
  143. }
  144. #sourceCode {
  145. float: right;
  146. margin-top: -30px;
  147. margin-right:40px;
  148. }
  149. #skip{
  150. float: right;
  151. margin-top:-30px;
  152. margin-right:4px;
  153. color: #08c;
  154. }
  155. /*开发指南和产品介绍css*/
  156. h2.title {
  157. background-color: #d6e3f1;
  158. margin: 15px 0px;
  159. }
  160. h4.thirdTitle{
  161. margin-left: 25px;
  162. }
  163. #content {
  164. padding: 0px 10px;
  165. text-algin: center;
  166. border: 1px solid #d6e3f1;
  167. }
  168. /*图片居中*/
  169. div.pageImage {
  170. text-align: center;
  171. }
  172. img {
  173. margin:auto;
  174. }
  175. img.icon{
  176. border:2px solid #d6e3f1;
  177. }
  178. /*产品指南目录列表样式*/
  179. #togglelink{
  180. vertical-align: 30%;
  181. border-radius: 0px;
  182. }
  183. #lists {
  184. overflow: hidden;
  185. margin: 5px auto 10px auto;
  186. font-size: 15px;
  187. }
  188. ul {
  189. list-style-type:none;
  190. }
  191. ul li {
  192. line-height: 26px;
  193. }
  194. #lists span {
  195. padding-right:5px;
  196. }
  197. /**/
  198. ul.circle {
  199. list-style-type: circle;
  200. }
  201. ul.disc {
  202. list-style-type: disc;
  203. }
  204. /*首页top背景*/
  205. .container .topBanner{
  206. background-image: url(../images/home_banner.jpg);
  207. background-repeat: no-repeat;
  208. }
  209. .qByBoundsBoxDiv {
  210. background-color: #B7CFE8;
  211. filter:alpha(opacity:50);
  212. border: 2px solid #304DBE;
  213. }
  214. /*公交换乘首列背景图片*/
  215. .step_transfer{
  216. background-image: url(../images/step_trans.png);
  217. background-repeat: no-repeat;
  218. width: 23px;
  219. background-position: 7px 7px;
  220. }
  221. .bus_transfer{
  222. background-image: url(../images/bus_trans.png);
  223. background-repeat: no-repeat;
  224. width: 23px;
  225. background-position: 7px 7px;
  226. }
  227. .start_transfer{
  228. background-image: url(../images/start_trans.png);
  229. background-repeat: no-repeat;
  230. width: 23px;
  231. background-position: 7px 7px;
  232. }
  233. .end_transfer{
  234. background-image: url(../images/end_trans.png);
  235. background-repeat: no-repeat;
  236. width: 23px;
  237. background-position: 7px 7px;
  238. }
  239. #trafficRes > tbody > tr > td{
  240. text-align: left;
  241. }
  242. input{
  243. font-family:Arial, Helvetica, sans-serif;
  244. font-size:12px;
  245. border:1px solid #000000;
  246. width:160px;
  247. padding:1px;
  248. margin:0px;
  249. }
  250. .start_end_input {
  251. width:213px;
  252. height:40px;
  253. }
  254. .sugpopup{
  255. position: relative;
  256. width: 170px;
  257. color: #004a7e;
  258. font-size: 12px;
  259. font-family: Arial, Helvetica, sans-serif;
  260. top: -10px;
  261. left: 40px;
  262. }
  263. .sugpopup.show{
  264. background-color: white;
  265. filter: alpha(opacity=100);
  266. border: 1px solid #004a7e;
  267. z-index: 9999;
  268. }
  269. ul.dropList{
  270. list-style:none;
  271. margin:0px;
  272. padding:0;
  273. color:#004a7e;
  274. }
  275. ul.dropList li {
  276. padding: 0 6px;
  277. }
  278. li.mouseOver{
  279. background-color:#004a7e;
  280. color:#FFFFFF;
  281. }
  282. li.dropListMouseOver {
  283. background-color:#004a7e;
  284. color:#FFFFFF;
  285. }
  286. .transferSolution {
  287. border: 2px solid #EEE;
  288. cursor: pointer;
  289. margin:2px;
  290. }
  291. .transferIndex {
  292. padding: 12px 0;
  293. text-weight:bold;
  294. }
  295. .busLink {
  296. text-decoration: none;
  297. margin: 1px 2px;
  298. cursor: pointer;
  299. }
  300. .bgSpan {
  301. background-color: blue;
  302. opacity: 0.6;
  303. padding: 4px;
  304. color: white;
  305. border-radius: 4px;
  306. }
  307. .transferGuides {
  308. padding: 2px;
  309. margin: 20px 2px 10px 2px;
  310. border-bottom: 1px solid #eeeeee;
  311. width: 97%;
  312. }
  313. .showWindow:hover{color:#FF0000}
  314. .win_bg{background:#CCC; opacity:0.2; filter:alpha(opacity=20); position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:998;}
  315. .winTitle{background:#4192c9; height:20px; line-height:20px}
  316. .winTitle .title_left{font-weight:bold; color:#FFF; padding-left:5px; float:left}
  317. .winTitle .title_right{float:right; padding-right:3px;}
  318. .winTitle .title_right a{color:#FFF; text-decoration:none; padding-right:3px;}
  319. .winTitle .title_right a:hover{text-decoration:underline; color:#FF0000; padding-right:3px;}
  320. .transferPreference {
  321. border: 1px solid #D6E3F1;
  322. height: 20px;
  323. margin: 1px 30%;
  324. padding: 0 12px;
  325. }
  326. .winContent{padding:5px; overflow-y:auto; height:550px;}
  327. .popupWindow {
  328. right:20px;
  329. top:100px;
  330. position: absolute;
  331. width: 400px;
  332. height: 600px;
  333. border: 2px solid #D6E3F1;
  334. background: #FFF;
  335. z-index: 9999;
  336. }
  337. .floatLeft {
  338. float: left;
  339. }
  340. .print-header{
  341. margin: auto;
  342. width: 936px;
  343. height: 522px;
  344. top: 50px;
  345. position: relative;
  346. }
  347. .superD{
  348. width: 100%;
  349. height: 24px;
  350. line-height: 24px;
  351. border-bottom: 3px solid #B2B2B2;
  352. font-size: 14px;
  353. margin-bottom: 6px;
  354. }
  355. .superD h3{
  356. float: left;
  357. font-size: 14px;
  358. }
  359. .superD span{
  360. float: right;
  361. margin-right: 4px;
  362. }
  363. #superft{
  364. content: '.';
  365. height: 77px;
  366. display: block;
  367. overflow: hidden;
  368. clear: both;
  369. }
  370. .printClose{
  371. margin-bottom: 20px;
  372. float: right;
  373. }
  374. .printClose span{
  375. background-position: 0px 0px;
  376. cursor: pointer;
  377. margin-right: 0px;
  378. margin-top: 5px;
  379. display: inline-block;
  380. width: 69px;
  381. height: 29px;
  382. background-image: url(../images/print.png);
  383. }
  384. #btn-success2 {
  385. display: inline-block;
  386. padding: 4px 10px 4px;
  387. text-align: center;
  388. cursor: pointer;
  389. position: relative;
  390. left: 150px;
  391. z-index:2004;
  392. width: 30px;
  393. height: 18px;
  394. margin-top: 5px;
  395. }
  396. div.smCustomControlMousePosition {
  397. left: 600px;
  398. top:280px;
  399. display: block;
  400. position: absolute;
  401. font-family: Arial;
  402. font-size: smaller;
  403. }
  404. .nav-pills > li >a{
  405. padding: 0px;
  406. padding-left: 4px;
  407. padding-right:5px;
  408. margin-bottom: 8px;
  409. margin-right: 0px;
  410. border-radius: 0px;
  411. font-size: 13px;
  412. color: #6E7B8B;
  413. border-right: 1px solid #e1e1e8;
  414. }
  415. .nav-pills > li > a:hover{
  416. color: #08c;
  417. text-decoration: underline;
  418. background-color: #ffffff;
  419. }
  420. .nav-pills > .active > a{
  421. color:#08c;
  422. background-color: #ffffff;
  423. }
  424. .nav-pills > .active > a:hover {
  425. color: #08c;
  426. background-color: #ffffff;
  427. }
  428. div.container-fluid{
  429. padding-left: 0px;
  430. padding-right: 0px;
  431. }
  432. div.row-fluid div.span2{
  433. font-size:13px;
  434. width: 115px;
  435. color:#4682B4;
  436. padding-left: 4px;
  437. padding-top: 3px;
  438. }
  439. div.row-fluid div.span10{
  440. margin-left: 0px;
  441. margin-top:8px;
  442. padding-bottom: 2px;
  443. }
  444. div.span2 ul.nav.nav-pills span{
  445. width:9px;
  446. font-weight:normal;
  447. font-size:16px;
  448. color:#aaa;
  449. margin-top:5px;
  450. padding-left:5px;
  451. padding-right: 10px;
  452. float:right;
  453. }
  454. .row-fluid{
  455. border-bottom: 1px solid #e1e1e8;
  456. }