index.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. @charset "gb2312";
  2. body{background-color:#F5F5F5;}
  3. .usertop{height:80px;background-color:#E83A17;}
  4. .usertop .d1{float:left;padding:20px 0 0 0;height:60px;}
  5. .usertop .d1 img{height:40px;}
  6. .usertop .u1{float:left;margin:13px 0 0 36px;text-align:left;width:100px;}
  7. .usertop .u1 li{float:left;}
  8. .usertop .u1 .l1{width:100px;color:#fff;font-size:20px;text-align:center;}
  9. .usertop .u1 .l2{width:100px;height:22px;margin:6px 0 0 0;}
  10. .usertop .u1 .l2 .a1{float:left;width:90px;height:19px;color:#FFFFFF;border:#FFFFFF solid 1px;background:url(../img/jian.png) no-repeat;padding:1px 0 0 8px;background-position:85px 8px;}
  11. .usertop .u1 .l2 .a1:hover{border:#F5F5F5 solid 1px;color:#E83A17;background-color:#F5F5F5;}
  12. .usertop .d2{float:left;margin:29px 0 0 47px;}
  13. .usertop .d2 a{color:#fff;font-size:14px;}
  14. .usertop .d3{float:left;margin:25px 0 0 47px;width:90px;font-size:14px;text-align:left;}
  15. .usertop .d3 .a1{float:left;padding:4px 0 0 9px;width:81px;height:26px;background:url(../img/jian.png) no-repeat;background-position:75px 12px;color:#fff;}
  16. .usertop .d3 .a1:hover{color:#E83A17;background-color:#F5F5F5;}
  17. .usertop .d3 .d3v{float:left;background-color:#fff;position:relative;width:90px;font-size:12px;display:none;}
  18. .usertop .d3 .d3v a{float:left;padding:6px 0 0 9px;width:81px;height:24px;}
  19. .usertop .d3 .d3v a:hover{background-color:#F5F5F5;}
  20. .usertop .d3:hover{background-color:#fff;}
  21. .usertop .d3:hover .a1{color:#E83A17;}
  22. .usertop .d3:hover .d3v{display:block;}
  23. .usertop .d4{float:left;margin:29px 0 0 47px;}
  24. .usertop .d4 a{color:#fff;font-size:14px;float:left;}
  25. .usertop .d4 span{float:left;color:#E83A17;background:#fff;padding:1px 3px;border-radius:5px;margin:-10px 0 0 3px;}
  26. .pwderr{float:left;padding:10px 0;width:1148px;margin:10px 0 0 0;border:#ff0000 solid 1px;font-size:14px;background-color:#FFFEB5;}
  27. .pwderr a{color:#ff0000;}
  28. .userleft{float:left;width:230px;margin:13px 0 0 0;text-align:left;}
  29. .userleft .menu{float:left;width:230px;background-color:#fff;padding:0 0 20px 0;}
  30. .userleft .menu .leftsf{float:left;margin:20px 0 0 20px;width:160px;font-size:16px;color:#000;}
  31. .userleft .menu .leftsf a{color:#E83A17;font-weight:700;}
  32. .userleft .menu .cap{float:left;margin:15px 0 0 20px;width:160px;font-size:16px;color:#000;height:20px;font-weight:700;}
  33. .userleft .menu .d1{float:left;margin:0 20px 0 20px;width:140px;}
  34. .userleft .menu .d1 a{float:left;width:100%;margin:15px 0 0 0;color:#666666;font-size:13px;}
  35. .userleft .menu .d1 a:hover{color:#E83A17;}
  36. .userleft .menu .d1 .al{width:100px;}
  37. .userleft .menu .d1 .ar{width:40px;text-align:right;}
  38. .userleft .menu .d1 .ar .fh{position:relative;color:#fff;border-radius:10px;padding:1px 4px;float:right;margin:-17px -8px 0 0;font-size:12px;font-family:Arial, Helvetica, sans-serif;background-color:#ff0000;}
  39. .userright{float:right;width:960px;text-align:left;}
  40. .userright .wz{float:left;margin:13px 0 0 0;width:960px;border-bottom:#F5F5F5 solid 1px;height:49px;font-size:15px;background-color:#fff;font-weight:700;}
  41. .userright .wz li{float:left;}
  42. .userright .wz .l1{padding:0 21px 0 21px;height:20px;background:url(../img/wzbg.gif) right center no-repeat;margin:13px 0 0 0;}
  43. .userright .wz .l2{}
  44. .userright .wz .l2 a{float:left;border-bottom:#E83A17 solid 2px;color:#E83A17;padding:0 0 3px 0;}
  45. .userright .rkuang{float:left;width:960px;margin:13px 0 0 0;background-color:#fff;}
  46. .userright .rkuang .systs{float:left;width:938px;margin:15px 0 0 10px;background-color:#EBF8A4;border:#A2D246 solid 1px;color:#FF6600;padding:9px 0 0 0;height:24px;text-align:center;}
  47. .userright .rkuang .btn1{cursor:pointer;float:left;border:0;color:#fff;width:173px;height:44px;margin-right:10px;background-color:#E83A17;font-size:16px;}
  48. .userright .rkuang .btn2{background-color:#D43211;}
  49. .userright .rkuang .btn3{cursor:pointer;float:left;color:#C9C9C9;width:172px;height:44px;margin-right:10px;background-color:#FBFBFB;font-size:16px;border:#E6E6E6 solid 1px;}
  50. .userright .rkuang .btn4{background-color:#F3F3F3;}
  51. .userright .rkuang .uk{float:left;margin:20px 0 0 0;width:960px;font-size:14px;}
  52. .userright .rkuang .uk li{float:left;}
  53. .userright .rkuang .uk .l1{width:160px;text-align:right;padding:19px 10px 0 0;height:38px;color:#666666;}
  54. .userright .rkuang .uk .l21{width:790px;height:38px;padding:19px 0 0 0;}
  55. .userright .rkuang .uk .l2{width:790px;height:46px;padding:11px 0 0 0;}
  56. .userright .rkuang .uk .l2 label{float:left;cursor:pointer;margin:-2px 10px 0 0;padding:7px 10px 0 10px;height:24px;background-color:#FCFCFD;border:#ECECEC solid 1px;border-radius:5px;}
  57. .userright .rkuang .uk .l2 .fd{float:left;margin:6px 7px 0 0;}
  58. .userright .rkuang .uk .l2 .inp{float:left;border:#CCCCCC solid 1px;height:34px;padding:0 0 0 5px;margin-right:7px;}
  59. .userright .rkuang .uk .l2 .finp{float:left;}
  60. @media screen and (-webkit-min-device-pixel-ratio:0) {
  61. .userright .rkuang .uk .l2 .finp{padding:5px 0 0 0;}
  62. }
  63. .userright .rkuang .uk .l3{width:790px;height:60px;padding:10px 0 0 170px;}
  64. .userright .rkuang .uk .l3 .qd{float:left;border:0;cursor:pointer;text-align:left;background:url(../img/qiandao.gif) left top no-repeat;width:168px;height:49px;padding:8px 0 0 43px;}
  65. .userright .rkuang .uk .l5{width:160px;text-align:right;padding:13px 10px 0 0;height:115px;}
  66. .userright .rkuang .uk .l6{width:790px;height:115px;padding:13px 0 0 0;}
  67. .userright .rkuang .uk .l7{width:160px;text-align:right;padding:13px 10px 0 0;height:465px;}
  68. .userright .rkuang .uk .l8{width:770px;height:465px;padding:13px 20px 0 0;}
  69. .userright .rkuang .uk .l8 li{float:none;}
  70. .userright .rkuang .uk .l9{width:160px;text-align:right;padding:39px 10px 0 0;height:80px;}
  71. .userright .rkuang .uk .l10{width:790px;height:106px;padding:13px 0 0 0;}
  72. .userright .rkuang .uk .l10 textarea{width:592px;height:90px;border:#B6B7C9 solid 1px;}
  73. .userright .rkuang .uk0{margin-top:0;}
  74. .userright .uk1{float:left;margin:20px 0 0 0;width:960px;font-size:14px;}
  75. .userright .uk1 li{float:left;}
  76. .userright .uk1 .l1{width:160px;text-align:right;padding:19px 10px 0 0;height:35px;}
  77. .userright .uk1 .l2{width:790px;padding-top:19px;}
  78. .userright .onets{float:left;width:940px;margin:10px 0 0 0;padding:5px 10px 5px 10px;line-height:25px;text-align:left;font-size:14px;}
  79. .userright .onets strong{font-size:16px;}
  80. .userright .czts{float:left;width:635px;padding:49px 10px 5px 325px;line-height:36px;background:url(../../img/suc.jpg) no-repeat;background-position:175px 40px;height:150px;font-size:14px;}
  81. .userright .czts a:hover{color:#ff6600;}
  82. .userright .rts{float:left;width:918px;margin:15px 0 0 10px;background-color:#FEFEEF;border:#FFE4DD solid 1px;padding:9px 10px 5px 10px;line-height:25px;text-align:center;color:#FF4400;}
  83. .userright .rts strong{font-size:16px;}
  84. .userright .npa{float:right;margin-right:7px;}
  85. .userright .rcap{float:left;width:940px;margin:20px 10px 0 10px;}
  86. .userright .rcap li{float:left;}
  87. .userright .rcap .l1{width:50px;border-top:#EDEDED solid 1px;margin:15px 0 0 0;}
  88. .userright .rcap .l2{width:100px;border:#EDEDED solid 1px;height:25px;padding:5px 0 0 0;text-align:center;font-size:14px;font-weight:700;}
  89. .userright .rcap .l3{width:788px;border-top:#EDEDED solid 1px;margin:15px 0 0 0;}
  90. .userright .rmenucap{float:left;width:939px;height:33px;margin:10px 10px 0 10px;border-bottom:#DCDEE4 solid 1px;border-left:#DCDEE4 solid 1px;}
  91. .userright .rmenucap a{float:left;border-top:#DCDEE4 solid 1px;border-right:#D0D0D0 solid 1px;padding:8px 15px 0 15px;height:24px;}
  92. .userright .rmenucap a:hover{text-decoration:none;background-color:#E8F1F6;}
  93. .userright .rmenucap .a1{font-weight:700;background-color:#E8F1F6;color:#2255DD;}
  94. .userright .ksedi{float:left;margin:20px 10px 0 10px;width:940px;}
  95. .userright .ksedi .d1{float:left;}
  96. .userright .ksedi .d1 a{float:left;padding:5px 20px 0 20px;height:22px;border-radius:5px;margin:0 20px 0 0;}
  97. .userright .ksedi .d1 a:hover{text-decoration:none;}
  98. .userright .ksedi .d1 .a1{color:#fff;background-color:#FE5241;}
  99. .userright .ksedi .d1 .a2{color:#fff;background-color:#535353;}
  100. .userright .ksedi .d2{float:right;}
  101. .userright .ksedi .d2 input{float:right;}
  102. .userright .ksedi .d2 .s1{float:right;padding:5px 10px 0 0;}
  103. .userright .ksedi .d2 select{float:right;margin-right:10px;height:27px;}
  104. .userright .ksedi .d2 .btn{height:27px;cursor:pointer;width:50px;}
  105. .userright .ksedi .d2 .inp1{width:100px;height:20px;margin-right:10px;padding:3px 0 0 0;}
  106. @media screen and (-webkit-min-device-pixel-ratio:0) {
  107. .userright .ksedi .d2 .inp1{height:23px;padding:0;}
  108. }
  109. .userright .ksedi .d3{float:right;padding:5px 0 0 0;text-align:right;}
  110. .kssel{float:left;background-color:#fff;width:920px;padding:15px 20px;margin:10px 0 0 0;}
  111. .kssel li{float:left;}
  112. .kssel .l1{width:105px;text-align:right;height:30px;padding:3px 0 0 0;}
  113. .kssel .l2{width:201px;text-align:left;height:33px;}
  114. .kssel .l2 .inp{float:left;background:url(../img/kssel.gif) left top no-repeat;height:22px;border:#CACBCD solid 1px;margin-right:10px;}
  115. .kssel .l2 .fd{float:left;margin:3px 10px 0 0;}
  116. .kssel .ltj{width:590px;padding-left:330px;}
  117. .kssel .ltj input{float:left;width:90px;height:30px;text-align:center;margin:0 20px;cursor:pointer;font-weight:700;}
  118. .kssel .ltj .bt1{color:#fff;border:#48A7E7 solid 1px;background-color:#48A7E7;}
  119. .kssel .ltj .bt2{color:#2B2B2B;border:#C6C7C9 solid 1px;}
  120. .xgtp{float:left;border:#dddddd dotted 1px;margin:0 0 0 170px;width:770px;text-align:left;}
  121. .xgtp #xgtp1{float:left;margin:9px 0 0 9px;width:100px;padding:5px 0 0 0;border:#D3D4D3 solid 1px;text-align:center;height:21px;background-color:#fff;z-index:3;position:absolute;}
  122. .xgtp #xgtp2{float:left;width:770px;padding-bottom:9px;}
  123. .xgtp #xgtp2 .d1{float:left;width:95px;margin:9px 0 0 9px;height:75px;}
  124. .xgtp #xgtp2 .d1 .img{width:95px;height:75px;}
  125. .xgtp #xgtp2 .d1 .a2{float:left;margin-top:-19px;text-align:center;position:relative;background:url(../../img/bg1.png) left top repeat-x;width:95px;padding:4px 0 0 0;height:15px;display:none;}
  126. .xgtp #xgtp2 .d1:hover .a2{display:inline-block;}
  127. /*¶ÌÐÅ·¢ËÍ*/
  128. .smsmain{float:left;width:300px;text-align:center;}
  129. .smsmain .s1{float:left;width:100%;margin:10px 0 0 0;height:20px;}
  130. .smsmain #s2{float:left;width:100%;font-size:40px;margin:10px 0 0 0;height:55px;font-weight:700;color:#FF6838;}
  131. .smsmain .s3{float:left;width:100%;font-size:14px;margin:10px 0 0 0;height:30px;color:#34A8FF;}
  132. .userright .jbuser{float:left;width:620px;background-color:#fff;border:#E1E1E1 solid 1px;height:175px;margin:10px 0 0 10px;}
  133. .userright .jbuser .d1{float:left;width:120px;height:100px;margin:10px 0 0 0;text-align:center;}
  134. .userright .jbuser .d1 img{border-radius:50px;margin-bottom:10px;}
  135. .userright .jbuser .d1 a:hover{text-decoration:none;color:#ff6600;}
  136. .userright .jbuser .d2{float:left;width:480px;margin:20px 0 0 0;}
  137. .userright .jbuser .d2 .u1{float:left;width:480px;}
  138. .userright .jbuser .d2 .u1 li{float:left;}
  139. .userright .jbuser .d2 .u1 .l1{width:300px;height:40px;color:#FF8041;font-size:20px;}
  140. .userright .jbuser .d2 .u1 .l2{width:180px;text-align:right;height:32px;color:#6F6F6F;padding:8px 0 0 0;}
  141. .userright .jbuser .d2 .u1 .l2 a{color:#ff6600;}
  142. .userright .jbuser .d2 .u1 .l5{width:480px;padding:0 0 0 0;height:30px;border-bottom:#DCDCDC dotted 1px;}
  143. .userright .jbuser .d2 .u1 .l3{width:480px;padding:15px 0 0 0;height:33px;}
  144. .userright .jbuser .d2 .u1 .l3 img{float:left;}
  145. .userright .jbuser .d2 .u1 .l3 span{float:left;margin:2px 30px 0 5px;}
  146. .userright .jbuser .d2 .u1 .l4{color:#57A2E0;width:480px;}
  147. .userright .jbuser .d2 .u1 .l4 a{color:#A8A8A8;}
  148. .userright .gonggao{float:left;margin:10px 0 0 10px;padding:10px;border:#E1E1E1 solid 1px;width:286px;height:155px;background-color:#fff;}
  149. .userright .gonggao .u1{float:left;width:286px;height:155px;}
  150. .userright .gonggao .u1 li{float:left;}
  151. .userright .gonggao .u1 .l1{width:77px;height:26px;border-bottom:#477CEB solid 1px;margin:0 0 15px 0;}
  152. .userright .gonggao .u1 .l2{width:209px;height:26px;border-bottom:#E3E3E3 solid 1px;margin:0 0 15px 0;text-align:right;}
  153. .userright .gonggao .u1 .l3{color:#626262;width:286px;height:24px;}
  154. .userright .gonggao .u1 .l3 a{color:#626262;}
  155. .userright .yue{float:left;margin:10px 0 0 10px;height:90px;border:#E1E1E1 solid 1px;background-color:#fff;width:938px;font-size:14px;}
  156. .userright .yue .u1{float:left;width:938px;height:90px;}
  157. .userright .yue .u1 li{float:left;}
  158. .userright .yue .u1 .l1{width:90px;color:#999;text-align:right;padding:35px 0 0 0;}
  159. .userright .yue .u1 .l2{width:150px;padding:30px 0 0 0;font-size:21px;}
  160. .userright .yue .u1 .l2 a{text-decoration:none;color:#ff6600;}
  161. .userright .yue .u1 .l3{width:508px;padding:31px 0 0 0;}
  162. .userright .yue .u1 .l3 a{float:left;width:88px;padding:4px 0 0 0;height:24px;text-align:center;color:#fff;margin:0 20px 0 0;}
  163. .userright .yue .u1 .l3 .a1{background-color:#FF8800;}
  164. .userright .yue .u1 .l3 .a2{background-color:#009FD9;}
  165. .userright .yue .u1 .l3 a:hover{text-decoration:none;}
  166. .userright .yue .u1 .l4{width:90px;color:#999;text-align:right;padding:35px 0 0 0;}
  167. .userright .yue .u1 .l5{width:100px;color:#009FD9;padding:30px 0 0 0;font-size:21px;}
  168. .userright .tuig{float:left;width:938px;border:#E1E1E1 solid 1px;margin:10px 0 10px 10px;text-align:left;background-color:#f2f2f2;}
  169. .userright .tuig .u1{float:left;width:938px;}
  170. .userright .tuig .u1 li{float:left;}
  171. .userright .tuig .u1 .l1{padding:5px 10px 0 10px;line-height:20px;width:918px;}
  172. .userright .tuig .u1 .l1 strong{font-size:16px;color:red;font-family:Arial, Helvetica, sans-serif;}
  173. .userright .tuig .u1 .l2{width:918px;padding:3px 10px 5px 10px;}
  174. .userright .tuig .u1 .l2 input{float:left;width:916px;height:20px;border:#ccc solid 1px;font-weight:700;}
  175. .userright .buy{float:left;border:#E1E1E1 solid 1px;width:938px;margin:0 0 10px 10px;}
  176. .userright .buy .cap{float:left;height:32px;width:928px;font-size:17px;padding:8px 0 0 10px;background:url(../img/shen.gif) no-repeat;background-position:155px 9px;background-color:#F8F8F8;border-bottom:#e5e5e5 solid 1px;}
  177. .userright .buy .dv{float:left;background-color:#fff;height:148px;border-right:#E5E5E5 solid 1px;width:312px;}
  178. .userright .buy .dv .s1{float:left;width:310px;text-align:center;color:#247FC3;font-size:14px;margin:20px 0 0 0;}
  179. .userright .buy .dv .s2{float:left;width:70px;height:50px;border-radius:35px;text-align:center;margin:20px 0 0 120px;font-size:20px;padding:20px 0 0 0;}
  180. .userright .buy .d1 .s2{background-color:#FFECD9;color:#FF8FA9;}
  181. .userright .buy .d2 .s2{background-color:#DEEEDA;color:#60A858;}
  182. .userright .buy .d3 .s2{background-color:#FFE6E0;color:#FD8E5E;}
  183. .userright .buy .dv .s2:hover{text-decoration:none;}
  184. .userright .buy .d3{border-right:0;}
  185. .userright .sell{float:left;border:#E1E1E1 solid 1px;width:938px;margin:0 0 10px 10px;background-color:#fff;padding:0 0 10px 0;}
  186. .userright .sell .cap{float:left;height:32px;width:928px;font-size:17px;padding:8px 0 0 10px;background:url(../img/shen.gif) no-repeat;background-position:85px 9px;background-color:#F8F8F8;border-bottom:#e5e5e5 solid 1px;}
  187. .userright .sell .d1{float:left;border-bottom:#e5e5e5 solid 1px;height:30px;background-color:#fff;font-size:14px;padding:10px 0 0 0;width:938px;}
  188. .userright .sell .d1 .s1{float:left;text-align:right;width:108px;}
  189. .userright .sell .d1 a{float:left;color:#247FBD;margin:0 30px 0 0;}
  190. .userright .sell .d1 a:hover{text-decoration:none;color:#ff6600;}
  191. .userright .sell .d1 strong{color:#ff6600;}
  192. .userright .sell .u1{float:left;width:260px;height:97px;margin:10px 0 0 0;padding:5px 0 0 20px;border-right:#E5E5E5 solid 1px;}
  193. .userright .sell .u1 li{float:left;}
  194. .userright .sell .u1 .l1{width:220px;height:24px;}
  195. .userright .sell .u1 .l2{width:60px;height:24px;}
  196. .userright .sell .u1 .l3{width:160px;height:24px;}
  197. .userright .sell .u1 .l3 img{margin:0 5px 0 0;}
  198. .userright .sell .u2{float:left;width:260px;height:97px;margin:10px 0 0 0;padding:5px 0 0 30px;border-right:#E5E5E5 solid 1px;}
  199. .userright .sell .u2 li{float:left;}
  200. .userright .sell .u2 .l1{width:220px;height:24px;padding-left:20px;}
  201. .userright .sell .u2 .l2{width:65px;line-height:20px;padding:30px 0 0 0;text-align:center;background:url(../img/pj1.gif) center top no-repeat;}
  202. .userright .sell .u2 .l3{width:65px;line-height:20px;padding:30px 0 0 0;text-align:center;background:url(../img/pj2.gif) center top no-repeat;}
  203. .userright .sell .u2 .l4{width:65px;line-height:20px;padding:30px 0 0 0;text-align:center;background:url(../img/pj3.gif) center top no-repeat;}
  204. .userright .sell .u3{float:left;width:275px;height:97px;margin:10px 0 0 0;padding:5px 0 0 50px;}
  205. .userright .sell .u3 li{float:left;}
  206. .userright .sell .u3 .l1{width:275px;height:24px;}
  207. .userright .sell .u3 .l2{width:100px;height:24px;padding:1px 0 0 0;}
  208. .userright .sell .u3 .l2 strong{color:#ff6600;}
  209. .userright .sell .u3 .l21{width:140px;background:url(../img/pjv.gif) left top no-repeat;height:25px;}
  210. .userright .sell .u3 .l21 span{float:left;background:url(../img/pjv1.gif) left top no-repeat;height:25px;}