style.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. body{
  2. font-family:"微软雅黑","Tahoma";
  3. height:100%;
  4. background: #fff;
  5. overflow-x: hidden;
  6. }
  7. ul, ol, li, h1 {
  8. line-height:normal;
  9. list-style-image:none;
  10. list-style-position:outside;
  11. list-style-type:none;
  12. }
  13. dl,ul {
  14. margin:0;
  15. padding:0;
  16. }
  17. dd {
  18. margin-left:0
  19. }
  20. a {
  21. outline:none;
  22. text-decoration: none;
  23. }
  24. a img {
  25. border:0 none
  26. }
  27. img {
  28. vertical-align:middle;
  29. border:0px
  30. }
  31. table {
  32. border-collapse:collapse
  33. }
  34. .fL {float:left}
  35. .fR {float:right}
  36. .clearfix:after {
  37. content:".";
  38. display:block;
  39. height:0;
  40. clear:both;
  41. visibility:hidden
  42. }
  43. .clearfix {
  44. display:inline-block;
  45. overflow:hidden
  46. }
  47. .clearfix {
  48. display:block
  49. }
  50. @font-face {
  51. font-family: 'iconMenu';
  52. src: url('fonts/iconMenu.eot?ambimp');
  53. src: url('fonts/iconMenu.eot?ambimp#iefix') format('embedded-opentype'),
  54. url('fonts/iconMenu.ttf?ambimp') format('truetype'),
  55. url('fonts/iconMenu.woff?ambimp') format('woff'),
  56. url('fonts/iconMenu.svg?ambimp#iconMenu') format('svg');
  57. font-weight: normal;
  58. font-style: normal;
  59. }
  60. [class^="icon-"], [class*=" icon-"] {
  61. /* use !important to prevent issues with browser extensions that change fonts */
  62. font-family: 'iconMenu' !important;
  63. speak: none;
  64. font-style: normal;
  65. font-weight: normal;
  66. font-variant: normal;
  67. text-transform: none;
  68. line-height: 1;
  69. /* Better Font Rendering =========== */
  70. -webkit-font-smoothing: antialiased;
  71. -moz-osx-font-smoothing: grayscale;
  72. }
  73. .loginWrapper{
  74. position: absolute;
  75. width: 430px;
  76. height: 320px;
  77. top: 50%;
  78. left: 50%;
  79. background:#fff;
  80. box-shadow: 0 8px 8px -6px #aaa;
  81. -moz-box-shadow:0 8px 8px -6px #aaa;
  82. -webkit-box-shadow:0 8px 8px -6px #aaa;
  83. border: 1px solid #eee;
  84. border-radius: 5px;
  85. margin-left:-225px;
  86. margin-top: -160px;
  87. }
  88. .loginContent{
  89. padding: 20px 40px;
  90. }
  91. .loginTitle{
  92. text-align: left;
  93. padding-left:10px;
  94. border-left: 4px solid #aaa;
  95. }
  96. .logoTitleWd{
  97. border-left:4px solid #8D826D;
  98. }
  99. .loginForm{
  100. margin: 30px 0 20px 0;
  101. }
  102. .btnLogin{
  103. width:100%;
  104. }
  105. .loginTitleMain{
  106. position:relative;
  107. }
  108. .loginOther{
  109. position:absolute;
  110. top:5px;
  111. right:0;
  112. }
  113. /* -------------index start-------------- */
  114. .wrapper{
  115. overflow-x:hidden;
  116. }
  117. .leftWrapper{
  118. position:fixed;
  119. overflow-y:auto;
  120. height:100%;
  121. left:0;
  122. width:56px;
  123. background:#222;
  124. color: #fff;
  125. }
  126. .logo{
  127. background:#000;
  128. text-align: center;
  129. cursor:pointer;
  130. }
  131. .logoWd{
  132. background:#8D826D;
  133. }
  134. .logo h2{
  135. height:38px;
  136. margin:0;
  137. padding:10px 0;
  138. font-size: 17px;
  139. }
  140. .logoInfo{
  141. display:none;
  142. }
  143. .logo h2 a{
  144. color:#fff;
  145. }
  146. .logoList{
  147. width:100%;
  148. position:absolute;
  149. z-index: 99;
  150. background:#f1f1f1;
  151. padding:5px 0;
  152. display:none;
  153. }
  154. .logoList ul li{
  155. font-size: 12px;
  156. padding:5px 0;
  157. }
  158. .logoList ul li a{
  159. color:#333;
  160. }
  161. .subMenu{
  162. border-bottom:1px solid #222;
  163. }
  164. .subMenuTitle a:hover{
  165. color:#fff;
  166. text-decoration: none;
  167. }
  168. .subMenuTitle a.active{
  169. color:#fff;
  170. border-left: 2px solid #FF6501;
  171. }
  172. .subMenuTitle a:focus{
  173. text-decoration: none;
  174. }
  175. .subMenuTitle{
  176. position:relative;
  177. margin:0;
  178. background:#2E2D2B;
  179. font-size: 14px;
  180. line-height: 25px;
  181. }
  182. .subMenuTitle a{
  183. padding:15px 0;
  184. color:#ccc;
  185. border-left: solid 2px transparent;
  186. display:block;
  187. cursor: pointer;
  188. }
  189. .subMenuText{
  190. position:absolute;
  191. width:125px;
  192. top:15px;
  193. left:56px;
  194. display:none;
  195. }
  196. .caret-triangle{
  197. margin-top:12px;
  198. }
  199. .userMain{
  200. position:absolute;
  201. bottom:10px;
  202. }
  203. .userImg{
  204. margin:0 12px;
  205. width:32px;
  206. height:32px;
  207. border-radius: 18px;
  208. }
  209. .userName{
  210. display:none;
  211. font-size: 14px;
  212. top:8px;
  213. }
  214. .userName a{
  215. color:#ccc;
  216. }
  217. .userName a:hover{
  218. color:#fff;
  219. text-decoration: none;
  220. }
  221. .exit{
  222. margin:0 0 0 15px;
  223. }
  224. .iconImg{
  225. font-size: 20px;
  226. padding:0 17px;
  227. }
  228. .bg{
  229. background:#2E2D2B;
  230. color:#fff !important;
  231. }
  232. .subMenuContent ul{
  233. padding:10px 0 10px 25px;
  234. text-align: left;
  235. }
  236. .subMenuContent ul li a{
  237. display:block;
  238. padding:5px 0;
  239. color:#ccc;
  240. }
  241. .mainWrapper{
  242. margin:0 0 0 71px;
  243. background:#fff;
  244. }
  245. .pageTop{
  246. margin-top: 20px;
  247. }
  248. .shopContent{
  249. margin:20px 0;
  250. }
  251. .sort{
  252. float:left;
  253. vertical-align: middle;
  254. }
  255. .sort .form-control{
  256. width:110px;
  257. }
  258. .btnGroup{
  259. float:left;
  260. margin:0 20px 0 0;
  261. }
  262. .search{
  263. float:left;
  264. width:465px;
  265. margin:0 20px 0 0;
  266. }
  267. .tableContent{
  268. margin:20px 0 0 0;
  269. }
  270. .tableContent .table{
  271. margin:0;
  272. }
  273. .tabMain,.tabShopContent{
  274. margin:25px 0 0 0;
  275. }
  276. .textCon{
  277. margin:0 10px 0 0;
  278. }
  279. .tabMain .table tr td,.tableContent .table tr td{
  280. vertical-align: middle;
  281. }