personal_user.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
  1. /*账号设置*/
  2. @charset "utf-8";
  3. /*个人基本资料*/
  4. .userprofile{ padding-top:15px;}
  5. .userprofile .uleft{ float:left; width:450px;}
  6. .userprofile .uleft .td1{height:42px; padding-top:8px; padding-left:5px;width:130px; text-align:right; }
  7. .userprofile .uleft .td1 span{ color:#ff6600; padding-right:6px;background-image:url(../../images/16.png);background-repeat:no-repeat;background-position:0 7px; }
  8. .userprofile .uleft .td2{ width:300px;height:50px; padding-left:5px;}
  9. .userprofile .uleft .td2 input[readonly]{background-color: #ebebe4;cursor: default;}
  10. .userprofile .uleft .td2 .radio_list{padding-top: 6px;}
  11. .userprofile .butbox{ width:200px; padding-left:140px; margin-top:25px; padding-bottom:15px;}
  12. .userprofile .uright{ float:left; width:400px;}
  13. .userprofile .uright .photobox{ width:200px; height:200px; margin-left:150px; margin-top:60px;}
  14. .userprofile .uright .photobox .photo{ cursor:pointer;width:150px; height:150px; padding:3px; border:1px #DDDDDD solid;border-radius:150px;}
  15. .userprofile .uright .photobox .photo img{width:150px; height:150px;border-radius:150px;}
  16. .userprofile .uright .photobox .txt{ font-size:14px; margin-top:18px; padding-left:40px;}
  17. /*账号安全*/
  18. .safety{ margin-left:30px;width:813px; margin-top:20px; border:1px #EDEDED solid;background-color:#FCFCFC; padding-left:15px; height:48px; padding-top:23px;}
  19. .safety.hover{ border:1px #E3E3E3 solid; background-color:#FFFFFF;}
  20. .safety .td1{ padding-left:50px; background:url(../../images/42.png) no-repeat 20px 1px; font-size:16px;}
  21. .safety .td1.t1{ background-position:20px -45px;}
  22. .safety .td1.t2{background-position:20px -133px;}
  23. .safety .td1.t3{background-position:20px -86px;}
  24. .safety .td2{width:440px; font-size:14px;}
  25. .safety .td2 span{ color:#999999; font-size:12px;}
  26. .safety .td3{ width:120px;}
  27. .safety .td3 .yes{ padding-left:25px;background:url(../../images/42.png) no-repeat 0px -186px; height:22px; color:#009900}
  28. .safety .td3 .no{ padding-left:25px;background:url(../../images/42.png) no-repeat 0px -224px; height:22px; color: #FF3300}
  29. .safety .td4{ width:80px; text-align:right}
  30. .safety_btit{margin-left:30px;width:830px; margin-top:30px;font-size:16px;}
  31. .safety_btit span{ font-size:12px; color:#999999}
  32. .safety_binding{ padding-left:30px; padding-top:20px; }
  33. .safety_binding .td1{ width:140px; margin-bottom:20px;}
  34. .safety_binding .td1 .sina{ width:95px;border-radius:95px; text-align:center; height:25px; border:2px #EFEFEF solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -2px; font-size:12px;}
  35. .safety_binding .td1 .sina.ok{ width:95px; text-align:center; height:25px; border:2px #66CC00 solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -403px; font-size:12px;}
  36. .safety_binding .td1 .qq{ width:95px;border-radius:95px; text-align:center; height:25px; border:2px #EFEFEF solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -100px; font-size:12px;}
  37. .safety_binding .td1 .qq.ok{ width:95px; text-align:center; height:25px; border:2px #66CC00 solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -500px; font-size:12px;}
  38. .safety_binding .td1 .weixin{ width:95px; border-radius:95px;text-align:center; height:25px; border:2px #EFEFEF solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -203px; font-size:12px;}
  39. .safety_binding .td1 .weixin.ok{ width:95px; text-align:center; height:25px; border:2px #66CC00 solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -603px; font-size:12px;}
  40. .safety_binding .td1 .taobao{ width:95px;border-radius:95px; text-align:center; height:25px; border:2px #EFEFEF solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -302px; font-size:12px;}
  41. .safety_binding .td1 .taobao.ok{ width:95px; text-align:center; height:25px; border:2px #66CC00 solid; padding-top:70px;background:url(../../images/43.png) no-repeat 15px -706px; font-size:12px;}
  42. .safety_binding .td1 .txt{ height:25px; width:95px; text-align:center; padding-top:15px;}
  43. .safety_binding .td1 .txtok{color:#009900;background:url(../../images/42.png) no-repeat 15px -186px; height:25px; margin-top:15px; padding-left:40px;}
  44. /*登录日志*/
  45. .log{ margin-left:30px; border-bottom:1px #EDEDED solid; height:20px; padding-top:20px; padding-bottom:20px; font-size:13px; width:830px; font-size:13px;}
  46. .log.hover{background-color:#F6F6F6}
  47. .log .td1{ width:205px; padding-left:20px;}
  48. .log .td2{ width:240px;}
  49. .log .td3{ width:250px; }
  50. .log .td4{ width:100px;text-align:center}
  51. .log_th{ margin-left:30px; font-size:14px; width:830px;background-color:#F7F7F7; height:36px ; padding-top:6px;font-size:13px; }
  52. .log_th .th1{float:left; width:205px; padding-top:5px;padding-left:20px;}
  53. .log_th .th2{float:left; width:240px;padding-top:5px;}
  54. .log_th .th3{float:left; width:250px;padding-top:5px;}
  55. .log_th .th4{float:left; width:100px;padding-top:5px; text-align:center}
  56. /*消息提醒*/
  57. .pms{ margin-left:30px; border-bottom:1px #EDEDED solid; height:20px; padding-top:20px; padding-bottom:20px; font-size:13px; width:830px; font-size:13px;}
  58. .pms.hover{background-color:#F6F6F6}
  59. .pms .td1{ width:18px; padding-left:15px; padding-top:5px;}
  60. .pms .td2{ width:350px; padding-right:20px;}
  61. .pms .td3{ width:184px; }
  62. .pms .td4{ width:132px; color: #CC0000}
  63. .pms .td4.ok{ color:#666666}
  64. .pms .td5{ width:80px; text-align:right}
  65. .pms_th{ margin-left:30px; font-size:14px; width:830px;background-color:#F7F7F7; height:36px ; padding-top:6px;font-size:13px; }
  66. .pms_th .th1{float:left; width:380px; padding-top:5px;padding-left:33px;}
  67. .pms_th .th2{float:left; width:163px;}
  68. .pms_th .th3{float:left; width:160px;}
  69. .pms_th .th4{float:left; width:60px;padding-top:5px; text-align:center}
  70. .pms_btn{ margin-top:15px; padding-left:30px;}
  71. .pms_btn .td1{ width:23px; padding-left:15px; padding-top:12px;}
  72. .pms_btn .td2{ width:90px;}
  73. .pms_btn .td3{ width:90px;}
  74. /*咨询反馈*/
  75. .feedback{ margin-left:30px; width:830px; padding-bottom:20px;}
  76. .feedback .leftimg{ width:70px; float:left;}
  77. .feedback .leftimg img{ width:50px; height:50px; border-radius:50px;}
  78. .feedback .righttxt{ float:left; width:760px; line-height:180%; word-break: break-all;}
  79. .feedback .righttxt span{ color:#999999; font-size:12px;}
  80. .feedback .righttxt .reply{word-break: break-all;border:1px #CCCCCC dashed; padding:8px 15px; background-color:#F8F8F8; margin-top:10px;}
  81. .feedback .bottomdel{ margin-top:10px; width:830px; font-size:12px; border-bottom:1px #dddddd dashed}
  82. .feedback .bottomdel .fbtn{ height:30px;text-align:right;}
  83. .feedback .bottomdel .fbtn a{ margin-left:8px; margin-right:8px; margin-bottom:15px;}
  84. .feedback_reply{ border:1px #dddddd solid; padding:8px 15px; padding-top:15px; background-color:#F6F6F6; margin-left:70px; margin-bottom:15px; display:none}
  85. .feedback_reply .textareadiv{}
  86. .feedback_reply .textareadiv textarea{ height:45px; width:715px;}
  87. .feedback_reply .rbtn{ margin-top:8px;}
  88. .feedback_reply .rbtn .rlt{ float:left; width:350px;}
  89. .feedback_reply .rbtn .rrt{ float:right; width:100px; text-align:right}
  90. .feedback_reply .rbtn .rrt .btn_blue{ margin:0px;}
  91. /*我的积分*/
  92. .gold_top_gold{margin-left:30px;}
  93. .gold_top_gold .gold{ float:left; background-color:#F3F8FF; height:100px; width:340px; margin-right:1px}
  94. .gold_top_gold .gold .photobox{ float:left; width:88px; height:90px; padding-left:25px; padding-top:15px;}
  95. .gold_top_gold .gold .photobox img{ width:70px; height:70px; border:0px; border-radius:70px;}
  96. .gold_top_gold .gold .rightbox{ float:left;}
  97. .gold_top_gold .gold .rightbox .txt{ height:32px; margin-top:20px; font-size:14px; }
  98. .gold_top_gold .gold .rightbox .txt strong{ color:#FF6600; font-size:16px;}
  99. .gold_top_gold .gold .rightbox .btns{}
  100. .gold_top_gold .todaygold{ float:left;background-color:#F3F8FF;height:80px;margin-right:1px;height:100px; width:490px}
  101. .gold_top_gold .todaygold .txt{ height:15px; padding-left:40px; padding-top:20px;}
  102. .gold_top_gold .todaygold .txt strong{ color:#FF6600; font-size:16px;}
  103. .gold_top_gold .todaygold .txt a{ font-size:12px;}
  104. .gold_top_gold .btnbox{ float:left;background-color:#F3F8FF;height:100px; width:180px; padding-left:20px;}
  105. .gold_top_gold .btnbox a{display:block; width: 80px;color: #666666; text-decoration:none;float:left;background-image:url(../../images/88.png);height:30px; padding-top:40px;background-repeat:no-repeat; font-size:12px; text-align:center; margin-top:20px;}
  106. .gold_top_gold .btnbox a.btn1{background-position:20px 0px; }
  107. .gold_top_gold .btnbox a:hover.btn1 {text-decoration: underline; color:#333333}
  108. .gold_top_gold .btnbox a.btn2{background-position:23px -76px;}
  109. .gold_top_gold .btnbox a:hover.btn2 {text-decoration: underline; color:#333333}
  110. .goldlist{ margin-left:30px; border-bottom:1px #EDEDED solid; height:20px; padding-top:15px; padding-bottom:15px; width:830px;}
  111. .goldlist.hover{background-color:#F6F6F6}
  112. .goldlist .td1{ width:300px; padding-left:35px; }
  113. .goldlist .td2{ width:235px; color:#009900}
  114. .goldlist .td2.reduce{color: #FF6600}
  115. .goldlist .td3{ width:240px; }
  116. .goldlist_th{ margin-left:30px; font-size:13px; width:830px;background-color:#F7F7F7; height:36px ; padding-top:6px; margin-top:20px; }
  117. .goldlist_th .th1{float:left; width:300px; padding-left:35px; padding-top:5px;}
  118. .goldlist_th .th2{float:left; width:220px;padding-top:5px;}
  119. .goldlist_th .th3{float:left; width:240px;padding-top:5px;padding-left:15px;}
  120. .goldlist_list_but{ margin-top:15px; padding-left:30px;}
  121. .goldlist_list_but .td1{ width:23px; padding-left:15px; padding-top:12px;}
  122. .goldlist_list_but .td2{ width:90px;}
  123. .goldlist_list_but .td3{ width:90px;}
  124. /*我的任务*/
  125. .task_top_gold{margin-left:30px;}
  126. .task_top_gold .gold{ float:left; background-color:#F3F8FF; height:100px; width:340px; margin-right:1px}
  127. .task_top_gold .gold .photobox{ float:left; width:88px; height:90px; padding-left:25px; padding-top:15px;}
  128. .task_top_gold .gold .photobox img{ width:70px; height:70px; border:0px; border-radius:70px;}
  129. .task_top_gold .gold .rightbox{ float:left;}
  130. .task_top_gold .gold .rightbox .txt{ height:32px; margin-top:20px; font-size:14px; }
  131. .task_top_gold .gold .rightbox .txt strong{ color:#FF6600; font-size:16px;}
  132. .task_top_gold .gold .rightbox .btns{}
  133. .task_top_gold .todaygold{ float:left;background-color:#F3F8FF;height:80px;margin-right:1px;height:100px; width:490px}
  134. .task_top_gold .todaygold .txt{ height:15px; padding-left:40px; padding-top:20px;}
  135. .task_top_gold .todaygold .txt strong{ color:#FF6600; font-size:16px;}
  136. .task_top_gold .todaygold .txt a{ font-size:12px;}
  137. .task_top_gold .btnbox{ float:left;background-color:#F3F8FF;height:100px; width:180px; padding-left:20px;}
  138. .task_top_gold .btnbox a{display:block; width: 80px;color: #666666; text-decoration:none;float:left;background-image:url(../../images/88.png);height:30px; padding-top:40px;background-repeat:no-repeat; font-size:12px; text-align:center; margin-top:20px;}
  139. .task_top_gold .btnbox a.btn1{background-position:20px 0px; }
  140. .task_top_gold .btnbox a:hover.btn1 {text-decoration: underline; color:#333333}
  141. .task_top_gold .btnbox a.btn2{background-position:23px -76px;}
  142. .task_top_gold .btnbox a:hover.btn2 {text-decoration: underline; color:#333333}
  143. .task{ margin-left:30px; border-bottom:1px #EDEDED solid; font-size:13px; width:830px; font-size:13px;padding-bottom:10px; padding-top:10px;}
  144. .task.hover{background-color: #F7F7F7; }
  145. .task .td1{ width:265px; padding-left:67px;background-image:url(../../images/87.png); background-repeat:no-repeat; background-position:0px 0px; height:30px; line-height:30px;}
  146. .task .td1.reg{background-position:27px 0px;}
  147. .task .td1.user_info{background-position:27px -70px;}
  148. .task .td1.sign{background-position:27px -140px;}
  149. .task .td1.submit_resume{background-position:27px -210px;}
  150. .task .td1.upload_avatar{background-position:27px -280px;}
  151. .task .td1.refresh_resume{background-position:27px -350px;}
  152. .task .td1.verified_mobile{background-position:27px -420px;}
  153. .task .td1.binding_weibo{background-position:27px -490px;}
  154. .task .td1.binding_qq{background-position:27px -560px;}
  155. .task .td1.binding_taobao{background-position:27px -630px;}
  156. .task .td1.complete_90{background-position:27px -700px;}
  157. .task .td1.complete_60{background-position:27px -770px;}
  158. .task .td1.report_jobs{background-position:27px -840px;}
  159. .task .td1.invitation_reg{background-position:27px -910px;}
  160. .task .td1.binding_weixin{background-position:27px -980px;}
  161. .task .td1.verified_email{background-position:27px -1050px;}
  162. .task .td2{ width:120px; color: #009900;height:30px; line-height:30px;}
  163. .task .td2 span{color:#FF3300;}
  164. .task .td3{ width:200px;height:30px; text-align:center; line-height:30px;}
  165. .task .td4{ width:170px;text-align:center;height:30px; line-height:30px; color:#FF3300}
  166. .task .td4.ok{ color:#999999}
  167. .tabshow{ display:none;}
  168. .task_th{ margin-left:30px; font-size:13px; width:830px;background-color:#F7F7F7; height:36px ; padding-top:6px;}
  169. .task_th .th1{width:305px; padding-top:5px;padding-left:27px;}
  170. .task_th .th2{ width:120px;padding-top:5px;}
  171. .task_th .th3{ width:200px; text-align:center;padding-top:5px;}
  172. .task_th .th4{width:170px;padding-top:5px; text-align:center}
  173. /*增值服务*/
  174. .service{margin-left:30px;}
  175. .service .list{ width:282px; float:left; margin-bottom:25px;}
  176. .service .list .lib{width:260px; border:1px #dddddd solid; height:285px; }
  177. .service .list .lib.hover{background-color: #FDFCEA; border:1px #FFCC00 solid;}
  178. .service .list .lib .timg{ background-image:url(../../images/86.png); background-repeat:no-repeat; background-position:0px 0px; height:25px; width:85px; padding-top:85px; font-size:16px; padding-left:3px; margin-left:95px; margin-top:25px ; margin-bottom:10px; font-weight:bold}
  179. .service .list .lib .timg.m2{ background-position:-145px 0px;}
  180. .service .list .lib .timg.m3{ background-position:-270px 0px;}
  181. .service .list .lib .timg.m4{ background-position:-403px 0px;}
  182. .service .list .lib .timg.m5{ background-position:-524px 0px;}
  183. .service .list .lib .txt{ font-size:12px; line-height:180%; padding-left:20px; margin-bottom:15px;}
  184. .service .list .lib .btnbox{ text-align:center; padding-top:10px;}
  185. /*增加订单/开通增值服务*/
  186. .order_add{margin-left:30px;}
  187. .order_add .lefttit{ width:90px; text-align:right; float:left; padding-top:7px;}
  188. .order_add .rights{ width:750px;float:left; margin-bottom:20px; padding-left:3px;}
  189. .order_add .rights .sname{ font-size:20px; padding-top:2px; }
  190. .order_add .rights .selectinput{ width:160px;}
  191. /*------------------简历置顶选择时间和对应积分*/
  192. .order_add .rights .duration{ background-color:#FFFFFF; float:left; width:170px; border:1px #dddddd solid; height:35px; line-height:35px; margin-right:10px; cursor:pointer;margin-bottom: 10px;}
  193. .order_add .rights .duration.hover{border:1px #FF9900 solid}
  194. .order_add .rights .duration.select{ border:1px #FF9900 solid; background-image:url(../../images/58.png); background-repeat:no-repeat; background-position:bottom right;}
  195. .order_add .rights .duration .dl{float:left; width:55px; color:#333333; padding-left:12px;}
  196. .order_add .rights .duration .dr{float:left; text-align:right; width:82px; color: #FF6600}
  197. /*------------------醒目标签选择对应标签*/
  198. .order_add .rights .lab{ float:left; width:50px; height:20px;line-height: 20px; background-image:url(../../images/91.png); background-repeat:no-repeat; cursor:pointer; margin-right:20px; margin-top:8px; margin-bottom:10px;padding-left: 23px;font-size: 12px;}
  199. .order_add .rights .lab{background-position:0 0;}
  200. .order_add .rights .lab.hover{background-position:0px -22px;}
  201. .order_add .rights .lab.select{background-position:0px -22px; color: #BC4D10;}
  202. /*------------------选择模板*/
  203. .order_add .rights .tpl{cursor:pointer; float:left; width:228px; height:205px; margin-right:15px; margin-top:8px; border:1px #dddddd solid; margin-bottom:20px;}
  204. .order_add .rights .tpl.select{ position:relative; border:1px #FF6600 solid;}
  205. .order_add .rights .tpl.select .hook{ position:absolute; right:0px; bottom:0px; width:19px; height:18px;background-image:url(../../images/46.png); background-position:left top;}
  206. .order_add .rights .tpl.hover{ border:1px #FF6600 solid; background-color:#FFFAF3;}
  207. .order_add .rights .tpl .name{ padding-left:15px; font-size:14px; color:#333333; font-weight:bold; height:30px; margin-top:12px;}
  208. .order_add .rights .tpl .thumbnail{padding-left:15px;}
  209. .order_add .rights .tpl .thumbnail img{max-width: 200px;}
  210. .order_add .rights .tpl .preview{ padding-top:10px;}
  211. .order_add .rights .tpl .preview .lp{float:left; width:100px; padding-left:15px}
  212. .order_add .rights .tpl .preview .rp{float:left; width:98px; color:#FF6600; text-align:right}
  213. /*---支付方式*/
  214. .order_add .rights .pay_select{}
  215. .order_add .rights .pay_select .thtab{ margin:0px; padding:0px; width:730px;}
  216. .order_add .rights .pay_select .thtab .li{ height:35px; line-height:35px; width:100px;}
  217. .tabshow{ display:none;}
  218. /*积分兑换,统计积分数量*/
  219. .order_add .rights .count{}
  220. .order_add .rights .count strong{font-size:26px; padding-right:10px; font-weight:100; font-stretch:expanded; color:#FF6600}
  221. .order_add .rights .count span{ color:#FF6600}
  222. /*现金支付,显示金额*/
  223. .order_add .rights .price{}
  224. .order_add .rights .price strong{font-size:26px; padding-right:10px; font-weight:100; font-stretch:expanded; color:#FF6600}
  225. .order_add .rights .small {font-size: 12px;}
  226. .order_add .rights .orange{color: #ff6600;}
  227. /*现金支付,列出支付方式*/
  228. .order_add .rights .pays{ width:138px ; height:38px; border:1px #dddddd solid; margin-right:10px; float:left; cursor:pointer; position:relative;}
  229. .order_add .rights .pays.hover{border:1px #5F8DC9 solid}
  230. .order_add .rights .pays .hook{ position:absolute; right:0px; bottom:0px; width:19px; height:19px;background-image:url(../../images/46.png); background-position:left bottom; display:none;}
  231. .order_add .rights .pays.select{ width:138px ; height:38px; border:1px #5F8DC9 solid; margin-right:10px; float:left; cursor:pointer; position:relative;}
  232. .order_add .rights .pays.select .hook{ position:absolute; right:0px; bottom:0px; width:19px; height:19px;background-image:url(../../images/46.png); background-position:left bottom; display:block;}
  233. /*订单列表*/
  234. .order_list{ margin-left:30px; border-bottom:1px #EDEDED solid; padding-top:15px; padding-bottom:15px; width:830px; font-size:13px;}
  235. .order_list.hover{background-color:#F6F6F6}
  236. .order_list .td1{ width:340px; padding-left:15px; line-height:180%;}
  237. .order_list .td2{ width:120px; padding-top:12px;}
  238. .order_list .td3{ width:120px; color:#CC0000;padding-top:12px;}
  239. .order_list .td3.ok{ color:#666666}
  240. .order_list .td4{ width:100px; color:#FF6600;padding-top:12px;}
  241. .order_list .td5{ width:120px; text-align: center;padding-top:12px;}
  242. .order_list_th{ margin-left:30px; font-size:14px; width:830px;background-color:#F7F7F7; height:36px ; padding-top:6px;font-size:13px; margin-top:15px;}
  243. .order_list_th .th1{float:left; width:330px; padding-top:5px;padding-left:20px;}
  244. .order_list_th .th2{float:left; width:110px; padding-top:5px;}
  245. .order_list_th .th3{float:left; width:140px;}
  246. .order_list_th .th4{float:left; width:100px;padding-top:5px;}
  247. .order_list_th .th5{float:left; width:70px;padding-top:5px; text-align:right;}
  248. /* 订单详情 */
  249. .point_title_group{width:800px;height:40px;line-height:40px;margin:0 auto;margin-top:20px;margin-bottom:10px;padding:0 15px;background:#efefef;}
  250. .point_title_group .title_left{width:50%;float:left;color:#666;}
  251. .point_title_group .title_right{width:50%;float:left;color:#999;text-align:right;}
  252. .point_title_group1{width:790px;height:38px;line-height:38px;margin:0 auto;margin-top:20px;margin-bottom:10px;padding:0 15px;border:1px solid #ededed;border-left:0;background:#f4f5f9;position:relative;}
  253. .point_title_group1 .left_border{position:absolute;top:-1px;left:0;width:3px;height:40px;background:#777788;}
  254. .point_title_group1 .title_left{width:50%;float:left;color:#666;}
  255. .point_title_group1 .title_left .small{color:#999;}
  256. .point_title_group1 .title_right{width:50%;float:left;color:#999;text-align:right;}
  257. .point_title_group1 .title_right .grean{color:#7bba40;}
  258. .point_title_group1 .title_right .orange{color:#fd8000;}
  259. .point_title_group1 .title_right .red{color:#ff6060;}
  260. .order_info_group{width:800px;margin:0 auto;}
  261. .order_info_group.first{margin-top: 15px;}
  262. .order_info_group .grean{color:#7bba40;}
  263. .order_info_group .orange{color:#fd8000;}
  264. .order_info_group .red{color:#ff6060;}
  265. .order_info_group .rem_title{margin-top:10px;margin-bottom:5px;font-weight:600;}
  266. .small{font-size:12px;}
  267. .order_info_group .info_float_line{line-height:30px;}
  268. .order_info_group .info_float_line .left_line{width:50%;float:left;}
  269. .order_info_group .info_float_line .right_line{width:50%;float:left;}
  270. .order_info_group .info_all_line{line-height:30px;}
  271. .order_info_group .info_float_line .line{width:25%;float:left;}
  272. .order_info_group .info_float_line.line_head{color:#999;margin-bottom:10px;}
  273. .order_info_group .info_float_line1{margin-bottom:15px;}
  274. .order_info_group .info_float_line1 .left_line{width:72px;float:left;text-align:right;line-height:34px;}
  275. .order_info_group .info_float_line1 .right_line{float:left;}
  276. .order_info_group .info_float_line1 .btn_yellow{margin-left:72px;float:left;}
  277. .order_info_group .info_float_line1 .btn_lightgray{float:left;margin-left:20px;}
  278. .order_info_group .info_float_line1 .right_line .radio_list{margin-top:5px;}
  279. .order_info_group .info_float_line1 .right_line .radio_list .rli{width:auto;padding-right:20px;}
  280. .order_info_group .info_float_line1 .user_tip{margin-left:0;width:auto;}
  281. .order_info_group .info_float_line1 .right_line .service_title{font-size:20px;color:#5f8dc9;}
  282. .order_info_group .info_float_line1 .right_line .service_list_group{}
  283. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line{width:618px;border:1px solid #ededed;border-bottom:0;cursor:pointer;}
  284. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line.last{border-bottom:1px solid #ededed;}
  285. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list{width:33.33%;float:left;line-height:49px;text-align:center;color:#666;}
  286. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list.fortitle{text-align:center;}
  287. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list.fortitle .service_list_title{line-height:17px;display:inline-block;*display:inline;*zoom:1;background:url(../../images/96.png) no-repeat;margin-top:16px;margin-bottom:17px;padding-left:24px;}
  288. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list.fortitle .service_list_title1{background-position:0 0;}
  289. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list.fortitle .service_list_title2{background-position:0 -21px;}
  290. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list.fortitle .service_list_title3{background-position:0 -44px;color:#f19114;}
  291. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list .small{color:#999;}
  292. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line .service_list.dark{background:#f7f7f7;}
  293. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line.selected .service_list{background:#f6faff;}
  294. .order_info_group .info_float_line1 .right_line .service_list_group .radio_list{height:44px;}
  295. .order_info_group .info_float_line1 .right_line .service_list_group .radio_list .rli{margin-left:55px;margin-top:9px;}
  296. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line.selected .radio_list .rli{margin-left:53px;color:#5f8dc9;}
  297. .order_info_group .info_float_line1 .right_line .service_list_group .service_list_line.selected{border-left:3px solid #5f8dc9;width:616px;}
  298. .order_info_group .info_float_line1 .right_line .rights .pays{width:138px;height:38px;border:1px #dddddd solid;margin-right:10px;float:left;cursor:pointer;position:relative;}
  299. .order_info_group .info_float_line1 .right_line .rights .pays.hover{border:1px #5F8DC9 solid}
  300. .order_info_group .info_float_line1 .right_line .rights .pays .hook{position:absolute;right:0px;bottom:0px;width:19px;height:19px;background-image:url(../../images/46.png);background-position:left bottom;display:none;}
  301. .order_info_group .info_float_line1 .right_line .rights .pays.select{width:138px;height:38px;border:1px #5F8DC9 solid;margin-right:10px;float:left;cursor:pointer;position:relative;}
  302. .order_info_group .info_float_line1 .right_line .rights .pays.select .hook{position:absolute;right:0px;bottom:0px;width:19px;height:19px;background-image:url(../../images/46.png);background-position:left bottom;display:block;}
  303. .order_info_group .info_float_line1 .right_line .thtab{margin-left:0;}
  304. .order_info_group .info_float_line .line .lab{float:left; width:50px; height:20px;line-height: 20px; background-image:url(../../images/91.png); background-repeat:no-repeat;background-position:0px -22px; color: #BC4D10; cursor:pointer; margin-right:20px; margin-top:6px; margin-bottom:10px;padding-left: 23px;font-size: 12px;}
  305. .user_avatar{margin-left: 15px;}