button.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  1. body{ font-family:"microsoft yahei";}
  2. .button_on {
  3. background:url("../../images/button_bg2.gif");
  4. border:1px solid #c3a336
  5. }
  6. .input_on {
  7. background:url("../../images/button_bg2.gif");
  8. border:1px solid #c3a336
  9. }
  10. input.input,input.text {
  11. width:200px;
  12. padding:2px 4px 3px 4px;
  13. border:1px solid;
  14. border-color:#666 #ddd #ddd #666
  15. }
  16. input.input-small,input.txt {
  17. width:50px!important;
  18. padding:2px 4px 3px 4px;
  19. border:1px solid;
  20. border-color:#666 #ddd #ddd #666
  21. }
  22. input.radio {
  23. border:none;
  24. vertical-align:middle
  25. }
  26. input.checkbox {
  27. height:14px;
  28. border:none;
  29. vertical-align:middle
  30. }
  31. input.input {
  32. -moz-box-sizing:border-box;
  33. -webkit-box-sizing:border-box;
  34. box-sizing:border-box;
  35. height:32px;
  36. *height:28px;
  37. vertical-align:middle;
  38. float:left;
  39. line-height:28px;
  40. border:2px solid #eee;
  41. background:#fff;
  42. padding:3px 5px;
  43. *padding:0 5px 0 5px;
  44. }
  45. input.input:focus,inputinput.focus {
  46. border-color:#51b4ff;
  47. background:#fff
  48. }
  49. input.input.error,input.error,input.error .input {
  50. border-color:#ec5524
  51. }
  52. textarea.input {
  53. height:auto;
  54. vertical-align:text-top
  55. }
  56. input.input-large {
  57. width:198px
  58. }
  59. .authcode {
  60. float:left;
  61. border:1px #eee solid;
  62. height:52px;
  63. width:196px;
  64. cursor:pointer;
  65. margin-bottom:5px;
  66. margin-top:3px;
  67. }
  68. input.mymps,button {
  69. color:#ffffff;
  70. font-family:microsoft yahei;
  71. font-size:14px;
  72. background-color:#F78015;
  73. border:none;
  74. cursor:pointer;
  75. text-align:center;
  76. border-radius:2px;
  77. }
  78. input.mymps:hover,button:hover{
  79. background-color:#EB6D13;
  80. }
  81. input.gray {
  82. font-size:14px;
  83. font-family:microsoft yahei;
  84. border:none;
  85. cursor:pointer;
  86. background:#E9E4E4!important;
  87. color:#000 !important;
  88. text-align:center;
  89. border-radius:2px;
  90. }
  91. input.gray:hover {
  92. background:#c8c6c7!important;
  93. }
  94. button.mini,input.mini {
  95. border-radius:2px;
  96. padding-left:12px;
  97. padding-right:12px;
  98. height:32px!important;
  99. *padding-left:10px!important;
  100. *padding-right:10px!important;
  101. }
  102. button.large,input.large {
  103. border-radius:2px;
  104. padding-left:18px;
  105. padding-right:18px;
  106. height:32px!important;
  107. *padding-left:10px!important;
  108. *padding-right:10px!important;
  109. }
  110. input.mymps_input {
  111. height:19px
  112. }
  113. a.button,a.button span,a.button span i {
  114. display:block;
  115. float:left;
  116. font-weight:bold;
  117. cursor:pointer
  118. }
  119. a.a,a.a span,a.a span i {
  120. color:#fff;
  121. background:#fff url(../../images/button/a.gif) no-repeat left top
  122. }
  123. a.b,a.b span,a.b span i {
  124. color:#513e0a;
  125. background:#fff url(../../images/button/b.gif) no-repeat left top
  126. }
  127. a.c,a.c span,a.c span i {
  128. color:#002f51;
  129. background:#fff url(../../images/button/c.gif) no-repeat left top
  130. }
  131. a.button:link,a.button:visited {
  132. text-decoration:none
  133. }
  134. a.button span i {
  135. background-color:transparent;
  136. overflow:hidden
  137. }
  138. a.button:hover span {
  139. color:#fffa7e
  140. }
  141. a.xxl:link,a.xxl:visited,a.xxl {
  142. padding:0 20px 0 0;
  143. background-position:right top;
  144. font-size:16px
  145. }
  146. a.xxl:hover {
  147. background-position:right -150px
  148. }
  149. a.xxl:link span,a.xxl:visited span {
  150. height:43px;
  151. line-height:38px;
  152. padding:0 0 0 20px
  153. }
  154. a.xxl:hover span {
  155. background-position:left -150px
  156. }
  157. a.xxl span i {
  158. width:30px;
  159. height:30px;
  160. background-position:-5px -304px;
  161. margin:4px 5px 0 -14px
  162. }
  163. a.xxl span i.r {
  164. float:right;
  165. margin:4px -13px 0 5px
  166. }
  167. a.xxl span i.al {
  168. background-position:-52px -304px
  169. }
  170. a.xl:link,a.xl:visited,a.xl {
  171. padding:0 15px 0 0;
  172. background-position:right -43px;
  173. font-size:14px
  174. }
  175. a.xl:hover {
  176. background-position:right -193px
  177. }
  178. a.xl:link span,a.xl:visited span {
  179. height:34px;
  180. line-height:30px;
  181. *line-height:31px;
  182. padding:0 0 0 15px;
  183. background-position:left -43px
  184. }
  185. a.xl:hover span {
  186. background-position:left -193px
  187. }
  188. a.xl span i {
  189. width:22px;
  190. height:22px;
  191. background-position:-6px -347px;
  192. margin:4px 3px 0 -10px
  193. }
  194. a.xl span i.r {
  195. float:right;
  196. margin:4px -10px 0 3px
  197. }
  198. a.xl span i.al {
  199. background-position:-53px -347px
  200. }
  201. a.l:link,a.l:visited,a.l {
  202. padding:0 15px 0 0;
  203. background-position:right -77px
  204. }
  205. a.l:hover {
  206. background-position:right -227px
  207. }
  208. a.l:link span,a.l:visited span {
  209. height:29px;
  210. line-height:25px;
  211. padding:0 0 0 15px;
  212. background-position:left -77px;
  213. font-size:14px
  214. }
  215. a.l:hover span {
  216. background-position:left -227px
  217. }
  218. a.l span i {
  219. width:19px;
  220. height:19px;
  221. background-position:-4px -380px;
  222. margin:3px 3px 0 -10px
  223. }
  224. a.l span i.r {
  225. float:right;
  226. margin:3px -10px 0 3px
  227. }
  228. a.l span i.al {
  229. background-position:-51px -380px
  230. }
  231. a.m:link,a.m:visited,a.m {
  232. padding:0 13px 0 0;
  233. background-position:right -106px
  234. }
  235. a.m:hover {
  236. background-position:right -256px
  237. }
  238. a.m:link span,a.m:visited span {
  239. height:25px;
  240. line-height:22px;
  241. *line-height:24px;
  242. padding:0 0 0 13px;
  243. background-position:left -106px;
  244. font-size:12px;
  245. font-weight:normal
  246. }
  247. a.m:hover span {
  248. background-position:left -256px
  249. }
  250. a.m span i {
  251. width:17px;
  252. height:17px;
  253. background-position:-5px -409px;
  254. margin:3px 2px 0 -8px
  255. }
  256. a.m span i.r {
  257. float:right;
  258. margin:2px -8px 0 2px
  259. }
  260. a.m span i.al {
  261. background-position:-52px -409px
  262. }
  263. a.s:link,a.s:visited,a.s {
  264. padding:0 12px 0 0;
  265. background-position:right -131px
  266. }
  267. a.s:hover {
  268. background-position:right -281px
  269. }
  270. a.s:link span,a.s:visited span {
  271. height:19px;
  272. line-height:17px;
  273. *line-height:19px;
  274. padding:0 0 0 12px;
  275. background-position:left -131px;
  276. color:#000;
  277. font-size:12px;
  278. font-weight:normal
  279. }
  280. a.s:hover span {
  281. background-position:left -281px
  282. }
  283. a.s span i {
  284. width:15px;
  285. height:15px;
  286. background-position:-3px -432px;
  287. margin:1px 2px 0 -8px
  288. }
  289. a.s span i.r {
  290. float:right;
  291. margin:1px -7px 0 2px
  292. }
  293. a.s span i.al {
  294. background-position:-50px -432px
  295. }
  296. a.b:link,a.b:link span {
  297. color:#513e0a
  298. }
  299. a.c:link,a.c:link span {
  300. color:#002f51
  301. }
  302. a.b:hover span {
  303. color:#a57900
  304. }
  305. a.c:hover span {
  306. color:#006ebd
  307. }
  308. a.button span {
  309. _position:relative
  310. }
  311. a.button:link span.r,a.button:visited span.r {
  312. _padding-right:15px
  313. }
  314. a.xxl:link span.r,a.xxl:visited span.r {
  315. _padding-right:25px
  316. }
  317. a.button span i {
  318. _margin-left:-5px
  319. }
  320. a.button span i.r {
  321. _position:absolute;
  322. _right:0;
  323. _top:0
  324. }
  325. .imgnum {
  326. background:#6EB00E;
  327. color:#fff;
  328. border:1px solid #0E8108;
  329. height:12px;
  330. display:inline-block;
  331. line-height:12px;
  332. overflow:hidden;
  333. font-family:宋体;
  334. vertical-align:middle;
  335. margin:0 3px 1px;
  336. padding:1px
  337. }