usercenterOld.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  1. /**/
  2. .userCenter {
  3. margin:20px auto 20px;
  4. padding:0 5px
  5. }
  6. .userCenter .userProfile {
  7. padding:12px 15px
  8. }
  9. .userCenter .userProfile .profileItem {
  10. float:left;
  11. border-right:1px dashed #c3c3c3
  12. }
  13. .userCenter .userProfile .profileAvatar {
  14. width:210px
  15. }
  16. .userCenter .userProfile .profileAvatar a.avatar {
  17. position:relative;
  18. float:left;
  19. margin:0 15px 0 0
  20. }
  21. .userCenter .userProfile .profileAvatar a.avatar div{
  22. position:absolute;
  23. left:7px;
  24. top:23px;
  25. color:#fff;
  26. display:none
  27. }
  28. .userCenter .userProfile .profileAvatar a.avatar .changeAvatar{
  29. width:62px;
  30. height:62px;
  31. top:0;
  32. left:0;
  33. background:#000;
  34. opacity:0.4;
  35. filter:alpha(opacity=40)
  36. }
  37. .userCenter .userProfile .profileAvatar a.avatar:hover div {
  38. display:block
  39. }
  40. .userCenter .userProfile .profileAvatar p {
  41. margin:5px 0
  42. }
  43. a.userIconStyle{
  44. width:16px;
  45. height:16px;
  46. display:inline-block;
  47. *display:inline;
  48. zoom:1;
  49. float:left;
  50. margin:0 5px 0 0
  51. }
  52. a.userIconStyle b{
  53. width:16px;
  54. height:16px;
  55. display:block;
  56. background:url(userIco.png) no-repeat 0 0
  57. }
  58. a.userLv_01 b{background-position:0 -80px}
  59. a.userLv_02 b{background-position:-16px -80px}
  60. a.userLv_03 b{background-position:0 -96px}
  61. a.userLv_04 b{background-position:-16 -96px}
  62. a.userLv_05 b{background-position:0 -112px}
  63. a.userLv_06 b{background-position:-16px -112px}
  64. a.userLv_07 b{background-position:0 -128px}
  65. a.userLv_08 b{background-position:-16px -128px}
  66. a.userLv_09 b{background-position:0 -144px}
  67. a.userLv_10 b{background-position:-16px -144px}
  68. a.userLv_11 b{background-position:0 -160px}
  69. a.userLv_12 b{background-position:-16px -160px}
  70. a.userLv_13 b{background-position:0 -176px}
  71. a.userProf b{background-position:0 -32px}
  72. a.userProf b.Enb{background-position:-16px -32px}
  73. a.userEmail b{background-position:0 -48px}
  74. a.userEmail b.Enb{background-position:-16px -48px}
  75. a.userPhone b{background-position:0 -64px}
  76. a.userPhone b.Enb{background-position:-16px -64px}
  77. a.userYear b{background-position:0 0}
  78. a.userSup b{background-position:-16px -176px}
  79. a.userGold b{background-position:0 -192px}
  80. .userCenter .userProfile .profileBadge {
  81. padding:0 35px;
  82. *width:135px
  83. }
  84. .userCenter .userProfile .profileBadge .iconItem {
  85. margin:0 0 5px 0
  86. }
  87. .userCenter .userProfile .profileBadge .userIconStyle {
  88. margin:0 5px
  89. }
  90. .userCenter .userProfile .profileBadge b.colOrg {
  91. color:#ff6501;
  92. font-size:16px
  93. }
  94. .userCenter .userProfile .profileOverage {
  95. padding:0 35px;
  96. border:none;
  97. position:relative;
  98. width:295px
  99. }
  100. .userCenter .userProfile .profileOverage p {
  101. margin:0 0 5px 0
  102. }
  103. .userCenter .userProfile .profileOverage b.colOrg,.colOrg {
  104. color:#ff6501;
  105. font-size:16px
  106. }
  107. .userCenter .userProfile .profileOverage .colGre,.colGre {
  108. color:#638f01
  109. }
  110. .userCenter .userProfile .profileOverage .overageTips {
  111. border:1px solid #e5db55;
  112. background:#fffbce;
  113. padding:3px 5px;
  114. position:relative;
  115. border-radius:5px;
  116. -moz-border-radius:5px;
  117. -webkit-border-radius:5px;
  118. color:#666452;
  119. float:right
  120. }
  121. .userCenter .userProfile .profileOverage .overageTips .tipsArrow {
  122. position:absolute;
  123. display:inline-block;
  124. *display:inline;
  125. zoom:1;
  126. width:10px;
  127. height:7px;
  128. background:url(tipsArrow.png) no-repeat 0 0;
  129. top:-7px;
  130. right:15px
  131. }
  132. .userCenter .userProfile .profileOverage a.toCashBtn {
  133. background:url(askBigButton.png) no-repeat -140px -200px;
  134. position:absolute;
  135. width:79px;
  136. height:28px;
  137. right:35px;
  138. top:10px
  139. }
  140. .userCenter .userProfile .profileOverage a.toCashBtn:hover {
  141. background-position:-140px -228px
  142. }
  143. .userCenter .userProfile .profileOverage a.disToCash{
  144. background-position:-140px -256px;
  145. cursor:default
  146. }
  147. .userCenter .userProfile .profileOverage a.disToCash:hover{
  148. background-position:-140px -256px
  149. }
  150. .userCenter .userProfile .profileGold {
  151. border-right:none;
  152. padding:10px 0 0 20px
  153. }
  154. .userCenter .userProfile .profileGold .getGold {
  155. display:block;
  156. width:96px;
  157. height:36px;
  158. background:url(usercentericon.png) no-repeat 0 -110px;
  159. color:#666
  160. }
  161. .userCenter .userProfile .profileGold .haveGet {
  162. background-position:0 -146px;
  163. cursor:default
  164. }
  165. .userCenter .userProfile .profileGold .getGold span {
  166. display:block;
  167. margin:0 0 0 5px;
  168. width:36px;
  169. text-align:center
  170. }
  171. .userContent {margin:10px 0}
  172. .userContent .sidebar{
  173. width:175px;
  174. float:left
  175. }
  176. .userContent .sidebar h2 {
  177. color:#107010;
  178. font-size:16px;
  179. margin:0 0 10px 15px;
  180. }
  181. .userContent .sidebar ul li {
  182. height:28px;
  183. line-height:28px
  184. }
  185. .userContent .sidebar ul li a {
  186. color:#666;
  187. padding:0 0 0 30px
  188. }
  189. .userContent .sidebar ul li.now {
  190. background:#f1f1f1
  191. }
  192. .userContent .sidebar ul li.now a {
  193. color:#869f2a;
  194. font-weight:600
  195. }
  196. .userContent .sidebar ul li a span{
  197. margin:0 0 0 5px
  198. }
  199. .userContent .sidebar ul li a.postNew {
  200. display:none
  201. }
  202. .userContent .sidebar ul li.now a.postNew {
  203. display:block;
  204. font-weight:normal;
  205. color:#999;
  206. margin:0 5px 0 0;
  207. *margin:0 1px 0 0;
  208. font-size:11px
  209. }
  210. .userContent .sidebar ul li.now a.postNew:hover {
  211. color:#000
  212. }
  213. .userContent .sidebar ul li b {
  214. display:block;
  215. width:10px;
  216. height:30px;
  217. background:url(usercentericon.png) no-repeat;
  218. display:inline-block;
  219. vertical-align:middle;
  220. margin:0 0 0 -10px
  221. }
  222. .userContent .sidebar ul li b.miconIndex {
  223. background-position:0 0
  224. }
  225. .userContent .sidebar ul li b.miconBooks {
  226. background-position:0 -30px
  227. }
  228. .userContent .sidebar ul li b.miconSet {
  229. background-position:0 -60px
  230. }
  231. .userContent .mainContent {
  232. margin:0 0 0 175px;
  233. *margin:0 0 0 176px;
  234. min-height:400px
  235. }
  236. .centerIndex .contentBox {
  237. margin:0 0 10px 0
  238. }
  239. .centerIndex .contentBox h3{
  240. color:#016502;
  241. font-size:14px;
  242. margin:5px 0 5px 10px
  243. }
  244. .centerIndex .mySubAsk ul {
  245. margin:5px 0 0 10px
  246. }
  247. .centerIndex .mySubAsk ul li {
  248. float:left;
  249. width:340px;
  250. padding:12px 10px;
  251. margin:0 20px 0 0;
  252. *margin:0 10px 0 0
  253. }
  254. .centerIndex .mySubAsk ul li.now {
  255. background:#f7fae9
  256. }
  257. .centerIndex .mySubAsk ul li span a {
  258. color:#999
  259. }
  260. .centerIndex .mySubAsk ul li span a:hover {
  261. color:#333
  262. }
  263. .centerIndex .haveNotSub {
  264. margin:50px 0
  265. }
  266. .centerIndex .haveNotSub .fL {
  267. margin:15px 10px 0 0
  268. }
  269. .centerIndex .haveNotSub .askSubItem,.centerIndex .haveNotSub .costSubItem {
  270. width:400px;
  271. margin:0 auto;
  272. height:51px;
  273. padding:0 0 0 55px;
  274. background:url(usercentericon.png) no-repeat -10px 0;
  275. color:#999
  276. }
  277. .centerIndex .haveNotSub .askSubItem b{
  278. color:#b72928
  279. }
  280. .centerIndex .haveNotSub .costSubItem {
  281. width:500px;
  282. background-position:-10px -51px;
  283. }
  284. .centerIndex .haveNotSub .costSubItem b{
  285. color:#376d00
  286. }
  287. .centerIndex .centerTab {
  288. margin:1px;
  289. background:#f1f1f1 url(centertabbg.png) repeat-x left bottom
  290. }
  291. .centerIndex .centerTab li {
  292. float:left
  293. }
  294. .centerIndex .centerTab li a {
  295. display:inline-block;
  296. *display:inline;
  297. zoom:1;
  298. padding:0 40px;
  299. height:35px;
  300. line-height:36px;
  301. color:#999;
  302. border-bottom:1px solid #e1e1e1
  303. }
  304. .centerIndex .centerTab li a:hover{
  305. color:#333;
  306. background:#f8f8f8;
  307. height:35px;
  308. border-bottom:1px solid #869F2A
  309. }
  310. .centerIndex .centerTab li a.now {
  311. background:#fff;
  312. border-bottom:1px solid #fff;
  313. border-right:1px solid #e1e1e1;
  314. margin:0 0 -1px 0;
  315. color:#333;
  316. font-weight:600
  317. }
  318. .centerIndex .centerBar {
  319. height:30px;
  320. line-height:30px;
  321. margin:10px
  322. }
  323. .centerIndex .centerBar .barSearch {
  324. margin:3px 0 0 100px;
  325. position:relative;
  326. width:200px
  327. }
  328. .centerIndex .centerBar .barSearch .inputText {
  329. width:198px
  330. }
  331. .centerIndex .centerBar .barSearch .serMinBtn {
  332. position:absolute;
  333. width:16px;
  334. height:16px;
  335. background:url(usercentericon.png) no-repeat 0 -182px;
  336. right:0;
  337. top:4px;
  338. display:inline-block;
  339. *display:inline;
  340. zoom:1
  341. }
  342. .centerIndex .centerBar .barSearch .serMinBtn:hover {
  343. background-position:-16px -182px
  344. }
  345. .centerListItem {padding:3px;color:#666}
  346. .centerListItem table {
  347. width:100%
  348. }
  349. .centerListItem table th,.centerListItem table td {
  350. padding:5px 10px
  351. }
  352. .centerListItem table th{
  353. background:#f7f7f7
  354. }
  355. .centerListItem table td {
  356. border-bottom:1px dashed #ccc;
  357. padding:20px 10px
  358. }
  359. .centerFormItem {
  360. padding:20px 30px
  361. }
  362. .centerFormItem table th {font-weight:normal;padding:0 10px 0 0}
  363. .centerFormItem table th b {color:#f90000;font-size:14px}
  364. .centerFormItem table td{
  365. padding:15px 0;
  366. }
  367. .centerFormItem .buttonItem {margin:0 0 0 300px}
  368. .centerFormItem p.tips {
  369. background:#FEFBCE;
  370. border: 1px solid #E7DA57;
  371. color: #666563;
  372. display:block;
  373. float:left;
  374. padding:3px 5px
  375. }
  376. .centerPriceItem .myPriceList {
  377. margin:3px
  378. }
  379. .centerPriceItem .myPriceList table{
  380. margin:10px 0 0 0
  381. }
  382. .centerPriceItem .bottomControl {margin:3px 0 0 10px}
  383. .centerIndex .haveNotSup {
  384. background:url(usercentericon.png) no-repeat 0 -214px;
  385. margin: 50px auto;
  386. width:500px
  387. }
  388. .centerIndex .haveNotSup .supSubItem{
  389. height:92px;
  390. color: #999999;
  391. padding: 40px 0 0 60px
  392. }
  393. .centerIndex .haveNotSup .fL {
  394. margin:0 15px 0 0
  395. }
  396. .centerIndex .myMsgBar{
  397. padding:10px 15px
  398. }
  399. .centerIndex .myMsgBar .msgNum {
  400. margin:0 20px 0 0
  401. }
  402. .centerIndex .myMsgList {
  403. margin:0 0 20px 0
  404. }
  405. .centerIndex .myMsgList .msgEntry {
  406. padding:15px;
  407. border-bottom:1px dashed #d2d2d2
  408. }
  409. .centerIndex .myMsgList .todayMsg{
  410. background:#fbfef0
  411. }
  412. .centerIndex .JgMsg a{
  413. margin:0 10px
  414. }
  415. .centerIndex .sysMsg .msgEntry {
  416. cursor:pointer
  417. }
  418. .centerIndex .sysMsg .sysMsgDetail {
  419. display:none;
  420. overflow:hidden
  421. }