global.css 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. @charset "utf-8";
  2. /*Reset 样式初始化*/
  3. html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
  4. br, input, button, textarea, h1, h2, h3, h4, h5,em{
  5. padding: 0;
  6. margin: 0;
  7. font-weight: normal;
  8. font-style: normal;
  9. font-size: 12px;
  10. font-family:"微软雅黑","Tahoma";
  11. vertical-align: baseline;
  12. text-align:justify;
  13. word-wrap:break-word;
  14. text-justify:inter-ideograph
  15. }
  16. body{text-align:center}
  17. ul, ol, li, h1 {
  18. line-height:normal;
  19. list-style-image:none;
  20. list-style-position:outside;
  21. list-style-type:none
  22. }
  23. dl {
  24. margin:0
  25. }
  26. dd {
  27. margin-left:0
  28. }
  29. a {
  30. outline:none;
  31. }
  32. a img {
  33. border:0 none
  34. }
  35. img {
  36. vertical-align:middle;
  37. border:0px
  38. }
  39. table {
  40. border-collapse:collapse
  41. }
  42. .clearfix:after {
  43. content:".";
  44. display:block;
  45. height:0;
  46. clear:both;
  47. visibility:hidden
  48. }
  49. .clearfix {
  50. display:inline-block;
  51. overflow:hidden
  52. }
  53. .clearfix {
  54. display:block
  55. }
  56. body {color:#666;background:#fff}
  57. a {color:#006AAD;text-decoration:none}
  58. a:hover {color:#333}
  59. .width950{width:950px;margin:0 auto}
  60. h3{font-size:24px}
  61. /**/
  62. .clearB {clear:both}
  63. .fL {float:left}
  64. .fR {float:right}
  65. :link, *:visited, *:hover, *:active, *:focus {
  66. -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  67. -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  68. transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  69. -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  70. }
  71. .colRed {color:#f70000}
  72. .colOrange {color:#ed8b00}
  73. .colYel {color:#d9a601}
  74. .colGreen{color:#17ab0c}
  75. .colGray{color:#999}
  76. .colBlue{color:#3172d9}
  77. .hide {display:none}
  78. /*FONT*/
  79. @font-face {
  80. font-family: 'icomoon';
  81. src:url('fonts/icomoon.eot');
  82. src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
  83. url('fonts/icomoon.woff') format('woff'),
  84. url('fonts/icomoon.ttf') format('truetype'),
  85. url('fonts/icomoon.svg#icomoon') format('svg');
  86. font-weight: normal;
  87. font-style: normal;
  88. }
  89. [data-icon]:before {
  90. font-family: 'icomoon';
  91. content: attr(data-icon);
  92. speak: none;
  93. font-weight: normal;
  94. font-variant: normal;
  95. text-transform: none;
  96. line-height: 1;
  97. -webkit-font-smoothing: antialiased;
  98. }
  99. /*table*/
  100. table{border-collapse:collapse;}
  101. .dTable th,.dTable td{text-align:left;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
  102. .dTable th {border-bottom:1px solid #aaa;border-right:1px solid #aaa}
  103. .dTable td{background:#eee;height:30px;width:30px;padding:0;text-align:center;vertical-align:middle;*vertical-align:top}
  104. /* tablecloth styles */
  105. .dTable tr.even td{background:#fff}
  106. .dTable tr.odd td{background:#fff}
  107. .dTable th.over,.dTable tr.even th.over,.dTable tr.odd th.over{background:#ffe7bd;}
  108. .dTable th.down,.dTable tr.even th.down,.dTable tr.odd th.down{background:#f8d08c;}
  109. .dTable th.selected,.dTable tr.even th.selected,.dTable tr.odd th.selected{background:#f8d08c}
  110. .dTable td.over,.dTable tr.even td.over,.dTable tr.odd td.over{background:#f4f4f4}
  111. .dTable td.down,.dTable tr.even td.down,.dTable tr.odd td.down{background:#fff6e8}
  112. .dTable td.selected,.dTable tr.even td.selected,.dTable tr.odd td.selected{background:#fff6e8;color:#555;}
  113. .dTable td span{height:28px;width:28px;font-size:20px;line-height:28px;margin:0;display:inline-block;*display:inline;zoom:1;vertical-align:middle;*margin-top:1px}
  114. .dateTotal .dTable td span{font-size:14px;line-height:18px;width:18px;height:18px;*float:left}
  115. .dateTotal .dTable td {height:30px;width:57px;vertical-align:middle}
  116. /* use this if you want to apply different styleing to empty table cells*/
  117. table{background-color:transparent;border-collapse:collapse;border-spacing:0;}
  118. .table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
  119. .table th{font-weight:bold;}
  120. .table thead th{vertical-align:bottom;}
  121. .table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
  122. .table tbody+tbody{border-top:2px solid #dddddd;}
  123. .table .table{background-color:#ffffff;}
  124. .table-condensed th,.table-condensed td{padding:4px 5px;}
  125. .table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
  126. .table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
  127. .table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
  128. .table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
  129. .table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
  130. .table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
  131. .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;}
  132. .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;}
  133. .table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
  134. .table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
  135. .table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
  136. .table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5;}
  137. table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;}
  138. .table td.span1,.table th.span1{float:none;width:44px;margin-left:0;}
  139. .table td.span2,.table th.span2{float:none;width:124px;margin-left:0;}
  140. .table td.span3,.table th.span3{float:none;width:204px;margin-left:0;}
  141. .table td.span4,.table th.span4{float:none;width:284px;margin-left:0;}
  142. .table td.span5,.table th.span5{float:none;width:364px;margin-left:0;}
  143. .table td.span6,.table th.span6{float:none;width:444px;margin-left:0;}
  144. .table td.span7,.table th.span7{float:none;width:524px;margin-left:0;}
  145. .table td.span8,.table th.span8{float:none;width:604px;margin-left:0;}
  146. .table td.span9,.table th.span9{float:none;width:684px;margin-left:0;}
  147. .table td.span10,.table th.span10{float:none;width:764px;margin-left:0;}
  148. .table td.span11,.table th.span11{float:none;width:844px;margin-left:0;}
  149. .table td.span12,.table th.span12{float:none;width:924px;margin-left:0;}
  150. .table tbody tr.success>td{background-color:#dff0d8;}
  151. .table tbody tr.error>td{background-color:#f2dede;}
  152. .table tbody tr.warning>td{background-color:#fcf8e3;}
  153. .table tbody tr.info>td{background-color:#d9edf7;}
  154. .table-hover tbody tr.success:hover>td{background-color:#d0e9c6;}
  155. .table-hover tbody tr.error:hover>td{background-color:#ebcccc;}
  156. .table-hover tbody tr.warning:hover>td{background-color:#faf2cc;}
  157. .table-hover tbody tr.info:hover>td{background-color:#c4e3f3;}
  158. /*form*/
  159. form{}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#999}label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}input,textarea,.uneditable-input{width:206px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:220px;border:1px solid #ccc;background-color:#fff}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}
  160. input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;content:"";line-height:0}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48}.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48}
  161. .control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847}.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847}.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3a87ad}.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3a87ad}.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#3a87ad;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#2d6987;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3}.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1}.form-actions:before,.form-actions:after{display:table;content:"";line-height:0}.form-actions:after{clear:both}.help-block,.help-inline{color:#595959}.help-block{display:block;margin-bottom:10px}.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px}.input-append,.input-prepend{display:inline-block;margin-bottom:10px;vertical-align:middle;font-size:0;white-space:nowrap}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:14px}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2}.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px}
  162. .input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px}.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.input-prepend.input-append .btn-group:first-child{margin-left:0}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}.form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle}.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none}.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block}.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0}.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0}.control-group{margin-bottom:10px}legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}.form-horizontal .control-group{margin-bottom:20px;*zoom:1}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}.form-horizontal .controls:first-child{*padding-left:180px}.form-horizontal .help-block{margin-bottom:0}.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px}.form-horizontal .form-actions{padding-left:180px}
  163. /*form*/
  164. /*modal*/
  165. .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}
  166. /*modal*/
  167. .button {
  168. float:left;
  169. height:32px;
  170. margin-right:10px;
  171. padding:0px 30px;
  172. line-height:32px;
  173. text-align:center;
  174. overflow:hidden;
  175. font-weight:bold;
  176. color:#FFF;
  177. border-radius:3px;
  178. text-shadow:0 1px rgba(0, 0, 0, 0.1);
  179. text-decoration:none;
  180. border:none;
  181. font-size:12px
  182. }
  183. input.button{
  184. height:35px;
  185. line-height:35px
  186. }
  187. .button:hover{
  188. color:#fff
  189. }
  190. .button.btn-blue{
  191. background-color:#006fd8;
  192. border-bottom:3px solid #014687
  193. }
  194. .button.btn-blue:hover{
  195. background-color:#0076e4;
  196. }
  197. .button.btn-blue:active{
  198. background-color:#014687;
  199. }
  200. .button.btn-red{
  201. background-color:#E74C3C;
  202. border-bottom:3px solid #C44133
  203. }
  204. .button.btn-red:hover{
  205. background-color:#EC7063;
  206. }
  207. .button.btn-red:active{
  208. background-color:#C44133;
  209. }
  210. .button.btn-green{
  211. background-color:#1ABC9C;
  212. border-bottom:3px solid #16a085
  213. }
  214. .button.btn-green:hover{
  215. background-color:#48C9B0;
  216. }
  217. .button.btn-green:active{
  218. background-color:#16A085;
  219. }
  220. .button.btn-dark{
  221. background-color:#415B76;
  222. border-bottom:3px solid #2c3e50
  223. }
  224. .button.btn-dark:hover{
  225. background-color:#456a91;
  226. }
  227. .button.btn-dark:active{
  228. background-color:#2c3e50;
  229. }
  230. .inputText{
  231. width:274px;
  232. border:1px solid #dcdcdc;
  233. border-top-color:#abadb3;
  234. border-left-color:#abadb3;
  235. padding:7px;
  236. background:#fff url(inputBg.png) repeat-x 0 0;
  237. font-size:14px;
  238. color:#999;
  239. border-radius:2px;
  240. -moz-border-radius:2px;
  241. -webkit-border-radius:2px;
  242. outline: medium none;
  243. height:18px;
  244. line-height:18px
  245. }
  246. .inputText:focus{
  247. border-color:#ff6501;
  248. color:#ff6501;
  249. background:#fff
  250. }
  251. /*global header*/
  252. .globalHeader {
  253. background:#515b61;
  254. height:30px
  255. }
  256. .globalNav a{
  257. float:left;
  258. height:30px;
  259. line-height:30px;
  260. padding:0 10px;
  261. color:#eee;
  262. position: relative;
  263. cursor: pointer
  264. }
  265. .globalNav a:hover{
  266. background:#666E70;
  267. color:#fff
  268. }
  269. .globalNav a.now{
  270. background:#2dabff;
  271. color:#fff;
  272. font-weight:600
  273. }
  274. .globalNav .zhzd{
  275. float:left;
  276. height:30px;
  277. position: relative;
  278. z-index:999
  279. }
  280. .globalNav .zhzd a b{
  281. border-color: #FFDDC9 transparent transparent;
  282. border-right: 3px dashed transparent;
  283. border-style: solid dashed dashed;
  284. border-width: 3px 3px 0;
  285. display: inline-block;
  286. font-size: 0;
  287. height: 0;
  288. line-height: 0;
  289. width: 0;
  290. position: relative;
  291. top:-1px;
  292. left:4px
  293. }
  294. .globalNav .zhzd .zhzdMenu{
  295. position: absolute;
  296. left:0;
  297. top:29px;
  298. background:#fff;
  299. border:1px solid #ccc;
  300. border-top:none;
  301. box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
  302. z-index: 10;
  303. display:none
  304. }
  305. .globalNav .zhzd .zhzdMenu a{
  306. width:100%;
  307. padding:0;
  308. text-align:center;
  309. color:#3366cc
  310. }
  311. .globalNav .zhzd .zhzdMenu a:hover{
  312. background:#f2f2f2
  313. }
  314. .globalNav .zhzd a.now{
  315. background:#fff;
  316. border:1px solid #ccc;
  317. border-bottom:none;
  318. border-top:none;
  319. color:#3366cc;
  320. z-index:20
  321. }
  322. .userInfoPanel{
  323. margin:20px auto;
  324. }
  325. .indexBanner{
  326. position:relative;
  327. background:#008698;
  328. }
  329. .indexImg{
  330. position:absolute;
  331. top:10px;
  332. right:450px;
  333. }
  334. .indexMain{
  335. margin:120px 0 120px 40px;
  336. color:#fff;
  337. }
  338. .indexMain h2{
  339. font-size: 36px;
  340. }
  341. .indexMain ul{
  342. margin:25px 0 0 0;
  343. }
  344. .indexMain ul li{
  345. font-size: 18px;
  346. background:url(small_title.png) no-repeat 0 6px ;
  347. padding:5px 0 5px 28px;
  348. }
  349. .appDown{
  350. position:relative;
  351. margin:25px 0 30px 35px;
  352. }
  353. .appButton{
  354. float:left;
  355. margin:35px 15px 30px 55px;
  356. }
  357. .appButton a{
  358. display:inline-block;
  359. width:225px;
  360. height:73px;
  361. background:url(button01.jpg) no-repeat;
  362. }
  363. .appButton a:hover{
  364. background:url(button02.jpg) no-repeat;
  365. }
  366. .QR_Code{
  367. width:132px;
  368. text-align: center;
  369. margin:0 0 0 300px;
  370. color:#ff0000;
  371. line-height: 25px;
  372. }
  373. .footer{
  374. margin:0 0 10px 0
  375. }
  376. .footer p{
  377. text-align:center
  378. }