table.css 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805
  1. @charset "UTF-8";
  2. /***样式初始化***/
  3. html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
  4. body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, input, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
  5. article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
  6. body{font-size:12px;color:#000;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
  7. img{border:0;}
  8. ::-webkit-input-placeholder{color:#999;}
  9. :-moz-placeholder{color:#999;}
  10. ::-moz-placeholder{color:#999;}
  11. :-ms-input-placeholder{color:#ccc;}
  12. *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  13. *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  14. button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
  15. textarea{overflow:auto;}
  16. /*a{text-decoration: none;}*/
  17. b,strong{font-weight: bold;}
  18. input:focus,textarea:focus,button:focus,select:focus{outline:none;}
  19. input::-ms-clear{display:none;}
  20. button[disabled],html input[disabled]{cursor:default;}
  21. table{border-collapse:collapse;border-spacing:0;}
  22. /*清除浮动*/
  23. .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
  24. .clear { clear:both; }
  25. /***样式初始化 END***/
  26. /***float***/
  27. .fl { float: left !important; }
  28. .fr { float: right !important; }
  29. /***动画过渡时间***/
  30. .transition-0-3s{transition: all 0.3s;}
  31. .transition-0-5s{transition: all 0.5s;}
  32. .transition-0-8s{transition: all 0.8s;}
  33. .transition-1-0s{transition: all 1s;}
  34. .transition-1-5s{transition: all 1.5s;}
  35. .transition-2-0s{transition: all 2s;}
  36. .no-transition{transition:none !important;}
  37. /***文本类容***/
  38. /*标题*/
  39. h1,.h1{font-size:28px;}
  40. h2,.h2{font-size:24px;}
  41. h3,.h3{font-size:18px;}
  42. h4,.h4{font-size:16px;}
  43. h5,.h5{font-size:14px;}
  44. h6,.h6{font-size:12px;}
  45. h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small{font-size:60%;filter:alpha(opacity=60);opacity:.6;}
  46. h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{font-size:12px;filter:alpha(opacity=60);opacity:.6;}
  47. /*自定义链接颜色(可自由更换)*/
  48. a{color:#333;text-decoration:none;} /*链接-颜色*/
  49. a:hover{color:#098cba;} /*链接-悬浮颜色*/
  50. .text-underline:hover {text-decoration:underline;}
  51. /*段落*/
  52. p,.p{line-height:25px;}
  53. .text-indent,.text-indent p,.text-indent div{text-indent:2em;}
  54. /*粗体*/
  55. .strong{font-weight:bold;}
  56. .text-normal{font-weight:normal;}
  57. /*对齐*/
  58. .text-left{text-align:left !important;}
  59. .text-center{text-align:center !important;}
  60. .text-right{text-align:right !important;}
  61. .text-justify{text-align:justify !important;}
  62. /*文本省略*/
  63. .text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  64. .no-ellipsis{overflow:auto;text-overflow:initial;white-space:normal;}
  65. /***input***/
  66. .input{font-size:14px;padding:6px;border:solid 1px #ccc;width:100%;height:34px;line-height:20px;display:block;background-color: #fff; -webkit-appearance:none;/*transition:all 1s;*/}
  67. .input:focus,.input-focus{border-color:#40b2da;background-color:#f5f8fd;/*transition:all 0.3s*/}
  68. .input:hover,.input-hover{border-color:#40b2da;}
  69. .input-error,.input-error:hover{border-color:#d93600;}
  70. .input-error:focus{border-color:#d93600;background-color:#fff;}
  71. .input-disabled, .input-disabled:hover, .input[disabled], .input[disabled]:hover {border-color:#999;background-color: #eee;}
  72. .input-readonly, .input[readonly], .input[readonly]:hover { border-color: #ccc; background-color: #fff; }
  73. /***Button***/
  74. .button {display:inline-block;padding: 6px 20px;border: 1px solid #ddd;border-radius: 3px;color: #3a3a3a;font-size:12px; line-height: 22px; text-align: center; background:transparent; /*transition: all 0.3s;*/ cursor: pointer; }
  75. .button-full{display:block;width:100%;}
  76. .button:hover{background:#f1f1f1;}
  77. .button.bg-black,.button.bg-dark-grey,.button.bg-main,.button.bg-dot,.button.bg-gray,.button.bg-light-gray,.button.bg-sub,.button.bg-mix,.button.bg-pink,.button.bg-red,.button.bg-orange,.button.bg-blue,.button.bg-green {color:#fff;border:0;}
  78. .button.bg-black:hover{background:#222;}
  79. .button.bg-dark-grey:hover{background:#444;}
  80. .button.bg-main:hover{background:#098cba;}
  81. .button.bg-dot:hover{background:#d93600;}
  82. .button.bg-gray:hover{background:#aaa;}
  83. .button.bg-light-gray:hover{background:#aaa;}
  84. .button.bg-sub:hover{background:#40b2da;}
  85. .button.bg-mix:hover{background:#ff5a00;}
  86. .button.bg-white:hover{background:#f1f1f1;}
  87. .button.bg-gray-white:hover{background:#fff;}
  88. .button.bg-pink:hover{background: #e13538;}
  89. .button.bg-red:hover{background: #d10;}
  90. .button.bg-orange:hover{background: #f60;}
  91. .button.bg-blue:hover{background: #0ae;}
  92. .button.bg-green:hover{background: green;}
  93. .button.border-gray:hover,.button.border-main:hover,.button.border-dot:hover,.button.border-mix:hover,.button.border-sub:hover,.button.border-black:hover{color:#fff;}
  94. .button.border-gray-white:hover{background: #eee;}
  95. .button.border-light-gray:hover{background:#ccc;}
  96. .button.border-gray:hover{background:#999;}
  97. .button.border-black:hover{background:#000;}
  98. .button.border-main:hover{background:#40b2da;}
  99. .button.border-sub:hover{background:#098cba;}
  100. .button.border-mix:hover{background: #d93600;}
  101. .button.border-dot:hover{background: #ff5a00;}
  102. /***select***/
  103. .select{width:100%;height:26px;border:1px solid #ccc;}
  104. .select:focus,.select:hover{border-color:#40b2da;}
  105. /***textarea***/
  106. .textarea{border:1px solid #ccc;resize: none;}
  107. .textarea:hover{border-color:#40b2da;}
  108. .textarea:focus{border-color:#40b2da;background-color:#f5f8fd;}
  109. /***margin***/
  110. /***border***/
  111. .border{border:solid 1px #ddd;}
  112. .border-top{border-top:solid 1px #ddd;}
  113. .border-right{border-right:solid 1px #ddd;}
  114. .border-bottom{border-bottom:solid 1px #ddd;}
  115. .border-left{border-left:solid 1px #ddd;}
  116. .border-top-bottom{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
  117. .border-left-right{border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
  118. /*边框样式*/
  119. .border-dashed{border-style:dashed;}
  120. .border-dotted{border-style:dotted;}
  121. .border-double{border-style:double;}
  122. .border-inset{border-style:inset;}
  123. .border-outset{border-style:outset;}
  124. /*边框大小*/
  125. .border-large{border-width:10px;}
  126. .border-big{border-width:5px;}
  127. .border-middle{border-width:3px;}
  128. .border-small{border-width:2px;}
  129. .border-none{border: none !important;}
  130. /*边框颜色*/
  131. .border-gray-white { border-color: #eee; }
  132. .border-light-gray { border-color:#ccc; }
  133. .border-gray { border-color:#999; }
  134. .border-main { border-color:#40b2da; }
  135. .border-sub{border-color:#098cba;}
  136. .border-mix{border-color: #d93600;}
  137. .border-dot{border-color: #ff5a00;}
  138. .border-white{border-color: #fff;}
  139. .border-black{border-color: #000;}
  140. /***border radius***/
  141. .radius-none{border-radius:0;}
  142. .radius-small{border-radius:2px;}
  143. .radius{border-radius:4px;}
  144. .radius-big{border-radius:6px;}
  145. .radius-rounded{border-radius:2em;}
  146. .radius-circle{border-radius:50%;}
  147. /***boxshadow***/
  148. .box-shadow{box-shadow: 0 3px 5px #ccc;}
  149. /***background***/
  150. .bg{ background: #eee; }
  151. .bg-gray{background: #999;}
  152. .bg-dark-grey{background: #3a3a3a;}
  153. .bg-black{background: #000;}
  154. .bg-white{background: #fff;}
  155. .bg-gray-white{background: #f7f7f7;}
  156. .bg-main{background: #40b2da;}
  157. .bg-sub{background: #098cba;}
  158. .bg-mix{background: #d93600;}
  159. .bg-dot{background: #ff5a00;}
  160. .bg-pink{background: #e13538;}
  161. .bg-red{background: #d10;}
  162. .bg-orange{background: #f60;}
  163. .bg-blue{background: #0ae;}
  164. .bg-green{background: green;}
  165. .bg-inverse,.bg-inverse a{color: #fff;}
  166. .bg-none{background:none !important;}
  167. /*内边距,全,上,下,左,右*/
  168. .padding-large{padding:30px;}
  169. .padding-large-top{padding-top:30px;}
  170. .padding-large-right{padding-right:30px;}
  171. .padding-large-bottom{padding-bottom:30px;}
  172. .padding-large-left{padding-left:30px;}
  173. .padding-big{padding:20px;}
  174. .padding-big-top{padding-top:20px;}
  175. .padding-big-right{padding-right:20px;}
  176. .padding-big-bottom{padding-bottom:20px;}
  177. .padding-big-left{padding-left:20px;}
  178. .padding{padding:10px;}
  179. .padding-tb{padding:10px 0;}
  180. .padding-lr{padding:0 10px;}
  181. .padding-top{padding-top:10px;}
  182. .padding-right{padding-right:10px;}
  183. .padding-bottom{padding-bottom:10px;}
  184. .padding-left{padding-left:10px;}
  185. .padding-small{padding:5px;}
  186. .padding-small-top{padding-top:5px;}
  187. .padding-small-right{padding-right:5px;}
  188. .padding-small-bottom{padding-bottom:5px;}
  189. .padding-small-left{padding-left:5px;}
  190. .padding-little{padding:2px;}
  191. .padding-little-top{padding-top:2px;}
  192. .padding-little-right{padding-right:2px;}
  193. .padding-little-bottom{padding-bottom:2px;}
  194. .padding-little-left{padding-left:2px;}
  195. .padding-none{padding:0 !important;}
  196. /*外边距,全,上,下,左,右*/
  197. .margin-large{margin:30px;}
  198. .margin-large-top{margin-top:30px;}
  199. .margin-large-right{margin-right:30px;}
  200. .margin-large-bottom{margin-bottom:30px;}
  201. .margin-large-left{margin-left:30px;}
  202. .margin-big{margin:20px;}
  203. .margin-big-top{margin-top:20px;}
  204. /* .margin-big-right{margin-right:20px;} */
  205. .margin-big-bottom{margin-bottom:20px;}
  206. .margin-big-left{margin-left:20px;}
  207. .margin{margin:10px !important;clear:both;}
  208. .margin-tb{margin:10px 0;}
  209. .margin-lr{margin:0 10px;}
  210. .margin-top{margin-top:10px;}
  211. .margin-right{margin-right:10px;}
  212. .margin-bottom{margin-bottom:10px;}
  213. .margin-left{margin-left:10px;}
  214. .margin-around{margin: 0 10px;}
  215. .margin-small{margin:5px;}
  216. .margin-small-top{margin-top:5px;}
  217. .margin-small-right{margin-right:5px;}
  218. .margin-small-bottom{margin-bottom:5px;}
  219. .margin-small-left{margin-left:5px;}
  220. .margin-little{margin:2px;}
  221. .margin-little-top{margin-top:2px;}
  222. .margin-little-right{margin-right:2px;}
  223. .margin-little-bottom{margin-bottom:2px;}
  224. .margin-little-left{margin-left:2px;}
  225. .margin-none{margin:0 !important;}
  226. /*无序有序列表*/
  227. ul{list-style:none;}
  228. ol{padding-left: 24px;}
  229. .list-cn{list-style-type:cjk-ideographic;}
  230. .list-alpha{list-style-type:upper-alpha;}
  231. .list-unstyle{list-style:none;padding-left:0;}
  232. .list-unstyle ul{list-style:disc;}
  233. .list-inline li{display:inline-block;padding:0 10px;width:auto;}
  234. /***布局***/
  235. .layout{width: 100%;}
  236. .container{margin: 0 auto;width: 1200px;}
  237. /*宽度比例*/
  238. .w10 { width: 10%; }
  239. .w20 { width: 20%; }
  240. .w30 { width: 30%; }
  241. .w40 { width: 40%; }
  242. .w50 { width: 50%; }
  243. .w60 { width: 60%; }
  244. .w70 { width: 70%; }
  245. .w80 { width: 80%; }
  246. .w90 { width: 90%; }
  247. .w5 { width: 5%; }
  248. .w15 { width: 15%; }
  249. .w25 { width: 25%; }
  250. .w35 { width: 35%; }
  251. .w33 { width: 33.333%; }
  252. .w45 { width: 45%; }
  253. .w55 { width: 55%; }
  254. .w65 { width: 65%; }
  255. .w75 { width: 75%; }
  256. .w85 { width: 85%; }
  257. .w95 { width: 95%; }
  258. /*HR*/
  259. .hr-gray { width: 100%; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #fff; }
  260. .hr-black { width: 100%; border-top: 1px solid #171717; border-bottom: 1px solid #707070; }
  261. .hr-blue { width: 100%; border-top: 1px solid #2969a6; border-bottom: 1px solid #488bcb; }
  262. /*spacer*/
  263. .spacer-gray { border-left: 1px solid #d6d6d6; border-right: 1px solid #fff; }
  264. /***隐藏与显示***/
  265. .show{display:block !important;}
  266. .hidden{display:none !important;}
  267. .visible-hidden { visibility: hidden; }
  268. .over-initial{overflow: initial !important;}
  269. .over-hidden{overflow: hidden;}
  270. /*字号*/
  271. .text-large{font-size:24px !important;}
  272. .text-big{font-size:16px !important;}
  273. .text-default{font-size:14px !important;}
  274. .text-small{font-size:12px !important;}
  275. .text-little{font-size:10px !important;}
  276. /*字体颜色*/
  277. .text-main{color:#40b2da;}/*主色*/
  278. .text-sub{color:#098cba;}/*辅色*/
  279. .text-dot{color:#ff5a00;}/*点缀色*/
  280. .text-mix{color:#d93600;}/*融合色*/
  281. .text-white{color:#fff;}/*白色*/
  282. .text-black{color:#000;}/*黑色*/
  283. .text-gray{color:#999;}/*浅灰色*/
  284. .text-drak-grey{color:#3a3a3a;}/*深灰色*/
  285. .text-red{color:#b10;}
  286. .text-orange{color:#f60;}
  287. .text-blue{color:#0ae;}
  288. .text-green{color:green;}
  289. /*行高*/
  290. .text-lh-little{line-height: 16px;}
  291. .text-lh-small{line-height: 18px;}
  292. .text-lh{line-height: 22px;}
  293. .text-lh-big{line-height: 24px;}
  294. .text-lh-large{line-height: 28px;}
  295. body{font-family: 'Lantinghei SC','microsoft yahei', Tahoma, Helvetica, SimSun, sans-serif;}
  296. .body-bottom{margin-bottom: 50px;}
  297. .icon-arrow-down, .icon-notice { display: block; width: 16px; height: 16px; background: url(../images/icon_set.png) no-repeat; }
  298. .icon-arrow-down { background-position: 0 0; }
  299. .icon-notice { background-position: -26px 0; }
  300. /*框架*/
  301. .view-topbar {position: relative; position: fixed; width: 100%; min-width: 640px; height: 50px; background: #2a94de; z-index: 101; }
  302. .view-body { position: absolute; width: 100%; min-width: 1200px; top: 50px; bottom: 0px; background-color: #000; }
  303. .view-body .view-sidebar { position: fixed; top: 50px; bottom: 0px; background-color: #293038; z-index: 102; }
  304. .view-product { height: 100%; width: auto; top: 0px; left: 0px; bottom: 0px; right: 0px;padding-bottom:50px;overflow-y: auto; background: #FFF; }
  305. #main-frame { width: 100%; height: 100%;}
  306. .view-topbar .topbar-btn { color: #fff; font-size: 14px; line-height: 50px; }
  307. .view-topbar .topbar-btn:hover, .view-topbar .topbar-btn.topbar-btn-dark { background: #1380cb; }
  308. .dropdown { position: relative; }
  309. .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; float: left; min-width: 160px; font-size: 12px; list-style: none; background-color: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 1px 3px #e5e5e5; -moz-box-shadow: 0 1px 3px #e5e5e5; box-shadow: 0 1px 3px #e5e5e5; z-index: 1000; }
  310. /*框架头部内容*/
  311. .tobar-head { width: 180px; }
  312. .tobar-head .topbar-logo { display: block; padding: 15px; width: 50px; height: 50px; background: #097ac8; }
  313. .topbar-console .topbar-home-link { width: 130px; border-right: 1px solid #008fbf; }
  314. .topbar-info { position: absolute; right: 0; top: 0; background: #008fbf; }
  315. .topbar-info .topbar-notice { position: relative; margin-left: 1px; padding: 0 20px; }
  316. .topbar-info .topbar-notice .icon-notice { float: left; margin: 17px 5px 17px 0; }
  317. .topbar-info .topbar-notice .topbar-num { font-size: 12px; color: #00ace9; background: #0087b4; border-radius: 5px; padding: 2px 5px; display: inline-block; margin-top: 15px; line-height: 16px; vertical-align: top; text-align: center; }
  318. .topbar-info .topbar-notice .topbar-num.have { color: #fff; background: #f90; }
  319. .topbar-info .topbar-info-item { margin-left: 1px; }
  320. .view-topbar .topbar-info .topbar-btn { padding: 0 10px; height: 50px; display: block; z-index: 2; background: #2a94de; }
  321. .topbar-info .topbar-btn:hover,.topbar-info .topbar-btn.topbar-btn-dark { background: #1380cb; }
  322. .topbar-info .dropdown-menu { width: 100%; z-index: 1; }
  323. .topbar-info .icon-arrow-down { float: right; margin: 17px 0 17px 5px; }
  324. .topbar-info .dropdown-menu { width: 100%; min-width: 0px; margin-top: -1px; }
  325. .topbar-info .dropdown-menu li { border-bottom: 1px solid #eaedf1; }
  326. .topbar-info .dropdown-menu a { display: block; padding-left: 10px; color: #333; line-height: 40px; }
  327. .topbar-info .dropdown-menu a:hover { color: #262626; background-color: #f5f5f5; }
  328. .topbar-info .dropdown.open .topbar-btn { color: #333; background: #fff; border-bottom: 1px solid #eaedf1; position: relative; }
  329. .topbar-info .dropdown.open .dropdown-menu { display: block; }
  330. .topbar-info .dropdown.open .icon-arrow-down { background-position: 0 -26px; }
  331. /*框架左侧导航*/
  332. .sidebar-content { width: 180px; overflow: hidden; }
  333. .sidebar-nav a { display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; }
  334. .sidebar-nav .sidebar-title a { background-color: #22282e; }
  335. .sidebar-nav .sidebar-title a:hover { background-color: #414d5c; }
  336. .sidebar-nav .sidebar-title .icon { float: left; padding: 12px 17px; width: 50px; height: 40px;background: none; }
  337. .sidebar-nav .sidebar-title .icon b { transition: all 0.2s; }
  338. .sidebar-nav .sidebar-trans li a:hover { background-color: #37424f; }
  339. .sidebar-nav .sidebar-trans li.active a { background: #2a94de; }
  340. .sidebar-nav .sidebar-trans .sidebar-icon { float: left; padding: 12px 17px; width: 50px; height: 40px; opacity: 0.65; filter: alpha(opacity=65); }
  341. .sidebar-nav .sidebar-trans a:hover .sidebar-icon,
  342. .sidebar-nav .sidebar-trans li.active .sidebar-icon { opacity: 1; filter: alpha(opacity=100); }
  343. .sidebar-nav .sidebar-trans .sidebar-icon img { display: block; width: 16px; height: 16px; }
  344. .sidebar-nav-fold .sidebar-title a { border-bottom: 1px solid #414d5c; background-color: #37424f; }
  345. .sidebar-nav-fold .sidebar-title .icon b { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); }
  346. .show-side {position: absolute;left: 0;bottom: 0px;width: 100%;height: 14px;text-align: center;display: none;}
  347. .show-side.show{display: block;}
  348. .show-side .top {background-position: right top;}
  349. .show-side a {display: inline-block;margin: 0 5px;width: 50px;height: 14px;background: url(../images/show_side.png) no-repeat; border: 1px solid #000; border-bottom: 0;border-top-left-radius: 6px; border-top-right-radius: 6px;}
  350. .show-side .bottom {background-position: right bottom;}
  351. .ico-left {position: absolute;right: -15px;top: 50%;margin-top: -20px;width: 15px;height: 50px;background: url(../images/show_side.png) no-repeat left top;}
  352. .close-left {background-position: -24px top;}
  353. /*表格*/
  354. .table { width: 100%; border: 1px solid #e7e7e7; border-collapse:collapse; border-spacing:0; table-layout: fixed; }
  355. .table tr th, .table tr td { padding: 12px 8px; border-bottom: 1px solid #e1e6eb;font-size: 14px;}
  356. .table tr th { font-weight: normal; text-align: left; color: #888; background: #f4f5f9; }
  357. .table tr td { vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  358. .table-padding tr th, .table-padding tr td { padding: 0 10px;}
  359. .check-table tr { padding-left: 35px; }
  360. .check-table .check-item { margin-left: -35px; width: 35px; text-align: right; }
  361. .check-table .check-item input { margin-left: 6px; vertical-align: middle; }
  362. .table-hover tr:hover td { background-color: #f9f9fa; }
  363. .table-center tr th, .table-center tr td { text-align: center; }
  364. .tr-border .th, .tr-border .td {text-align: center;}
  365. .myPros-table{width: 100%;table-layout: fixed;}
  366. .offcial-table .th,.offcial-table .td,.myPros-table td{
  367. overflow:hidden;
  368. white-space:nowrap;
  369. text-overflow:ellipsis;
  370. -o-text-overflow:ellipsis;
  371. -icab-text-overflow: ellipsis;
  372. -khtml-text-overflow: ellipsis;
  373. -moz-text-overflow: ellipsis;
  374. -webkit-text-overflow: ellipsis;
  375. }
  376. .manage-detail{border-bottom:1px dashed #959595;margin:0 20px;padding: 20px 10px;}
  377. .manage-detail h6{color:#098cba;line-height:26px;}
  378. .manage-detail-con{height:30px;}
  379. .manage-detail-con span{display:block;margin-right:45px;margin-top:7px;}
  380. .manage-detail-con span em{font-style:normal;color:#ea544a;line-height:22px;}
  381. .manage-detail-con .recharge{width:80px;height:30px;background:#ea544a;text-align:center;line-height:30px;color:#fff;display:block;border-radius:3px;}
  382. .manage-detail-con .recharge:hover{background:#ef7f77;}
  383. .manage-detail-con .custom{width:120px;hegiht:30px;background:#0098ce;text-align:center;line-height:30px;color:#fff;display:block;border-radius:3px;}
  384. .manage-detail-con .custom:hover{background:#40b2da;}
  385. .manage-detail-con .title{margin-top: 0;line-height: 26px;}
  386. .manage-detail-con .title em{padding-top: 2px;}
  387. .charge-now{display: block;width: 260px;line-height: 40px;padding:0;font-size:14px;margin:0 auto;}
  388. .charge_way li{width: 230px; height: 116px;float: left;cursor: pointer;}
  389. .charge-now.margin-big-top,.record-content li,.custom-switch{margin-top: 20px;}
  390. .margin-right-none{margin-right: 0!important;}
  391. /*上传照片*/
  392. .upload-photo{width:252px;float:left;}
  393. .upload-native{width:250px;height:170px;border:1px solid #c6c6c6;background:#fff;}
  394. .upload-photo-show{width:135px;float:left;padding-top:9px;}
  395. .upload-exam{width:135px;height:100px;background:#fff;border:1px solid #c6c6c6;margin-bottom:5px;margin-top:10px;}
  396. .icon-business-licence{background: url(../images/icon_business_licence.jpg) no-repeat;background-size: 135px 100px;}
  397. .icon-code-num{background: url(../images/icon_code_num.jpg) no-repeat;background-size: 135px 100px;}
  398. .icon-idcard-front{background: url(../images/icon_idcard_front.jpg) no-repeat;background-size: 135px 100px;}
  399. .icon-idcard-back{background: url(../images/icon_idcard_back.jpg) no-repeat;background-size: 135px 100px;}
  400. .icon-attoney-power{background: url(../images/icon_attoney_power.jpg) no-repeat;background-size: 135px 100px;}
  401. .upload-con{margin-top:10px;}
  402. /*head*/
  403. .manage-head{border-bottom:1px solid #d9dfe4;padding:15px 0;margin:0 20px;}
  404. .manage-head-con{position:relative;height:18px;line-height:18px;color:#363636;border-left:2px solid #0098cd;font-size:16px;}
  405. .manage-title{display:block;color:#098cba;height:24px;line-height:24px;font-size: 14px;}
  406. .solid-slider{position:absolute;border-bottom:2px solid #098cba;}
  407. .manage-head a {padding: 0 10px;margin-top: -5px;line-height: 25px;border-radius: 3px;display: block;font-size: 10px;color: #565656;font-weight: normal;}
  408. .manage-head i {font-size: 18px; color: #305894;}
  409. .manage-head .order-back {background-size: 12px;background-color: #F7F7F7;}
  410. .text-green-main {color: #25A725 !important;}
  411. .text-yellow-main {color: #FFA115 !important;}
  412. /*金币管理*/
  413. .own{margin-left:45px;font-size:12px;color:#505050}
  414. .coin_attent{border-bottom:1px dashed #dedede;color:#0098ce;font-size:14px;padding:20px 0;padding-left: 10px;}
  415. .table-margin{margin:20px 20px 0 20px;}
  416. /*消费明细*/
  417. .border-dd{border-bottom: 1px dashed #d9d9d9;margin-top:15px;}
  418. .custom-lists,.cost-lists{margin-top:20px;}
  419. .cost-lists li a{display: block;padding: 0 15px;color:#404040;cursor: pointer;}
  420. .cost-lists li a:hover{color:#098cba;}
  421. .cost-lists .list-tab a{background:#fff;height:32px;border-top: 2px solid #0098cd;margin-top:-1px;margin-bottom:-1px;}
  422. .cost-lists .list-tab a:hover{color:#404040;}
  423. .cost-check{padding: 15px;line-height: 34px;border-bottom: 1px solid #d9d9d9;}
  424. .cost-product{width: 150px;float: left;height: 32px;line-height: 32px;color:#575757;font-size: 14px;}
  425. .cost-check .input-box{margin-top: 11px;}
  426. .cost-check .icon,.record-content .icon{background: url(../images/icon_little8.png) no-repeat right center;padding-right: 15px;margin-left: 10px;}
  427. .cost-check .hd-input,.record-content .hd-input{width:120px;height:34px;font-size: 12px;float: left;}
  428. .cost-check a.check{display: block;line-height: 32px;border: 1px solid #cecece;float: left;padding: 0 15px;margin-left: 15px;color: #656565;cursor: pointer;}
  429. .cost-count{background: #f5f6fa;padding: 20px 15px;border-bottom: 1px solid #d9d9d9;}
  430. .cost-count p{ font-size: 14px;color:#4b4b4b;line-height: 18px;}
  431. .cost-count .p1{color: #656565;font-size: 12px;}
  432. .cost-count .yellow{color:#ff940d;}
  433. .pay-index{padding: 20px 15px;}
  434. .pay-index li{line-height: 28px;float: left;margin-right: 10px;}
  435. .pay-index li a{color:#5f5f5f;background: #c7cdd3;padding: 0 10px;display: block;cursor: pointer;}
  436. .pay-index li a:hover{color: #353535;background: #e1e1e1;}
  437. .pay-index .list-tab a,.pay-index .list-tab a:hover{color:#fff;background: #0098ce;}
  438. .record-content,.border-gray-around{border:1px solid #C6C6C6;}
  439. .record-content{margin-top: 20px;padding:10px 15px;color:#4f4f4f;}
  440. .record-content span{display: block;line-height: 34px;height: 34px;}
  441. .record-content .content-left{float: left;width: 10%;text-align: right;line-height: 34px;}
  442. .record-content .content-right{float: left;margin-left: 2%;}
  443. .explain-pro{width: 220px;line-height: 34px;}
  444. .content-right input{color:#4f4f4f}
  445. .record-content .input-code{width:70px;height:34px;background: #f0f3ff;float: left;margin-left: 55px;}
  446. .record-content .code-text{width:70px;height:34px;float: left;}
  447. .record-content .code-atten{display: block;float: left;color: #076ed4;cursor: pointer;margin-left: 20px; }
  448. .record-content .code-atten:hover{color:#0056ab;text-decoration: underline;}
  449. .record-content a.cord-export{display: block;float: left;border: 1px solid #c6c6c6;line-height: 32px;color:#9d9d9d;padding: 0 15px;background: url(../images/icon_export.png) no-repeat 15px center;padding-left: 25px;}
  450. .record-content a.non-disable{color:#505050;background: url(../images/icon_export1.png) no-repeat 15px center;}
  451. .select-table ul li{margin: 0;}
  452. .list-checked{background: url(../images/icon_charge.png) no-repeat right bottom;}
  453. .lists .list-checked{border-color: #f6aba5;}
  454. /*弹窗*/
  455. .pop-up-con .content-left-zoon{width:30%;color:#6b6b6b;}
  456. .pop-up-con .content-right-zoon{width:66%;}
  457. /*表格样式*/
  458. .offcial-table{border:1px solid #e8e8e9;font-size:12px;position:relative;line-height: 30px;}
  459. .offcial-table .tr-th{width:100%;border-bottom:1px solid #e8e8e9;}
  460. .offcial-table .tr{width:100%;border-bottom:1px solid #e8e8e9;}
  461. .offcial-table .tr:hover{background:#f9f9f9;}
  462. .offcial-table .tr a:hover{text-decoration: underline;}
  463. .offcial-table .tr.tr-check{width:100%;background:#E5E5E5;}
  464. .offcial-table .th{background:#f5f6fa;float:left;height:40px;color:#87898b;line-height: 40px;}
  465. .offcial-table .td{color:#818181;white-space:nowrap;float:left;min-height: 40px;}
  466. .offcial-table .td.text-roseo{color:#f30000;}
  467. .offcial-td-style{ color:#818181; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;float:left;}
  468. .offcial-table .offical-td{width:100%;height:40px;overflow:hidden;}
  469. .white-space{white-space:nowrap;}
  470. .table-radius{display:block;width:5px;height:5px;border-radius:5px;margin-top:18px;padding:0;}
  471. .tr-show-hover .table-radius{background:#1491bd;}
  472. .tr-show-hover .color-black{color:#585858;}
  473. .tr-float{height:50px;padding-left:20px;}
  474. .tr-float li{float: left;}
  475. .float-position{position:fixed;left:0;box-shadow: 0 -2px 10px #ddd;bottom:0;z-index: 100;background:#fff;height:50px;}
  476. .float-position>ul{margin-left:180px;}
  477. .table-a{display:block;padding:0 10px;height:30px;line-height:28px;border-radius:3px;border:1px solid #d4d4d4;background:#f4f4f4;color:#939393;}
  478. .table-a:hover{color:#939393;background:#F0F0EE;}
  479. .td .table-browse{color:#045eca;}
  480. .td .table-browse:hover{text-decoration: underline;color:#265dd1;}
  481. .th select{border:none;background:#f5f6fa;}
  482. .non-info{width:100%;padding-top:50px;display:none;padding-bottom: 100px;text-align: center;font-size: 18px;color:#323232;}
  483. .icon-non-info{background: url(../images/icon_noinfo.png) no-repeat left center;padding-left: 25px;}
  484. .offcial-table .no-deco{text-decoration:none !important;color:#333;}
  485. .offcial-table.hide{display: none;}
  486. .table-center .th,.table-center .td{text-align: center;}
  487. .table-center .button-text1:hover{text-decoration: none;}
  488. .offcial-table .tr-twice{line-height: 50px;}
  489. .offcial-table .tr-twice .td-twice{white-space:normal;line-height: 25px;}
  490. label{cursor: pointer;}
  491. /*页码*/
  492. .show-page{width:100%;}
  493. .offcial-page{font-size:10px;float:right;}
  494. .offcial-page li{float:left;color:#8f8f8f;font-size:12px;line-height:30px;margin-right:10px;}
  495. .offcial-page a{border-radius: 3px;}
  496. .offcial-page span{display: block;line-height: 30px;}
  497. .offcial-page a:hover{color:#383838}
  498. .offcial-page .prev:hover,.offcial-page .next:hover{color:#fff;background:#40b2da;border-color: #40b2da;}
  499. .offcial-page .disable{display:block;line-height:30px;padding:0 10px;border:1px solid #e3e3e3;color:#aaa;}
  500. .offcial-page .disable:hover{border:1px solid #e3e3e3;color:#aaa;background:#fff;}
  501. .prev, .next, .offcial-page .num {border: 1px solid #e3e3e3;padding: 0 10px; float: left;color: #232323;text-align: center; line-height: 30px;display: block;}
  502. .offcial-page .num { margin: 0 5px;}
  503. .offcial-page .num:hover{color:#fff;background:#40b2da;border-color: #40b2da;}
  504. .offcial-page input{border:1px solid #e3e3e3;border-radius: 3px;width:40px;height:32px;margin:0 8px;text-align:center;}
  505. .page-sure{padding:0 10px;border:1px solid #e3e3e3;display:block;text-align:center;line-height:30px;color:#3c3c3c;}
  506. .offcial-page .page-sure:hover{color:#fff;background:#40b2da;border-color:#40b2da;}
  507. .page-amount{display: inline;}
  508. .page-sure-focus{border:#40b2da 1px solid;color:#40b2da;}
  509. .page-sure.page-sure-focus:hover{color:#40b2da;}
  510. .page-title .page-amount-focus{border:#40b2da 1px solid;border-radius: 3px;}
  511. .offcial-page span.current { display: block;color: #fff;float: left; border: 1px solid #40b2da; padding: 0 10px; margin: 0 5px;background: #40b2da;line-height: 30px;border-radius: 3px;}
  512. /*按钮*/
  513. .step-botton{border-radius: 3px;line-height: 32px;display: block;}
  514. .botton-title{line-height:32px;color:#40b2da;}
  515. .botton-title:hover,.button-word,.button-word:hover,.button-word1{color:#40b2da;}
  516. .button-word1:hover{color:#40b2da;text-decoration: underline;}
  517. .button-word2,.button-text3{color:#0098ce;}
  518. .button-word2:hover{color:#0098ce;text-decoration: underline;}
  519. .button-text{color:#1380cb;}
  520. .button-text:hover{color:#1380cb;text-decoration: underline;}
  521. .button-text1{color:#707070;}
  522. .button-text1:hover{color:#0098ce;text-decoration:none;}
  523. .step-botton-hover:hover{background:#66c1e1;color:#fff;}
  524. .button-bg{color:#40b2da;border:1px solid #40b2da;padding:0 30px;line-height: 30px;}
  525. .button-bg:hover{background:#66c1e1;color:#fff;}
  526. .step-revise{line-height:30px;border:1px solid #d9d9d9;}
  527. .step-revise:hover{color:#333;}
  528. .button-upload{line-height: 30px;border-radius:3px;background:url(../images/icon_a);color: #fff;font-size: 14px;padding:0 30px;display: block;}
  529. .button-upload:hover{color:#fff;background: #33add6;}
  530. .choise-data:hover{color:#40b2da;}
  531. .echarts-line{height:280px;margin:0 auto;color:#737373;width:80%;}
  532. .step-go-ps1{left:65px;top:42px;}
  533. .step-go-ps2{left:280px;top:42px;}
  534. .submit{display: block;cursor:pointer;border-radius: 3px; background: #40B2DA;padding: 0 30px;line-height: 32px;color:#fff;}
  535. .submit:hover{color:#fff;background: #66c1e1;}
  536. /*下拉框*/
  537. .select-table{position: relative;}
  538. .select-table input{border-radius: 3px; width:100%;cursor: pointer;height:100%;padding-left: 10px;border:1px solid #c6c6c6;}
  539. .select-table input:focus{border-color:#40b2da;}
  540. .select-table ul{width:100%;display: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; border:1px solid #40b2da;z-index: 100;border-top:0;position: absolute;margin:0;}
  541. .select-table:hover input{border-color:#40b2da}
  542. .select-table ul li{width:100%; padding: 0 10px;background:#fff;}
  543. .select-table ul li a{display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;}
  544. .select-table ul li:hover{background:#40b2da;color:#fff;}
  545. .select-table span{position:absolute;right:10px;z-index: 99;top:-1px;}
  546. .select-table.sel_small{width:130px;color:#7b7b7b;height:26px;line-height: 26px;}
  547. .sel_small input{color:#7b7b7b;height: 26px;}
  548. .sel_lit_small{width:100px;color:#7b7b7b;height:35px;line-height:35px;color:#333;font-weight: normal;}
  549. .sel_lit_small input{height: 35px;}
  550. .sel_big{font-size: 12px;color:#a9a9a9;width:186px;height:35px;line-height:35px;margin-left: 10px;}
  551. .sel_big input{color: #a9a9a9;height: 35px;}
  552. .status-table{margin:0 auto;color:#666;height: 40px;line-height:40px;width: 100px;border: 0;background:#F5F6FA;}
  553. .status-table input{padding:0;text-align:center;color:#666;height:40px;border:0;background:#F5F6FA;}
  554. .status-table ul{background: #fff;border: none;text-align: center;margin-top:-1px;box-shadow: 0 5px 10px #ccc;}
  555. .status-table ul li{padding: 0;}
  556. .status-table ul li:hover{background: #F2F2F2;color:#e4393c;}
  557. .status-table ul li.on{color:#e4393c;border:0;}
  558. .status-left{margin-left:-20px;}
  559. .status-left input{text-align: left;padding-left: 20px;}
  560. .status-left ul{text-align: left;}
  561. .status-left ul li{padding-left: 20px;}
  562. .table-time{width:110px;height: 20px;line-height: 20px;margin-top: 10px;}
  563. /*日历*/
  564. .laydate-box{width:186px;height:35px;}
  565. .laydate-box .hd-input{width:100%;height:35px;font-size: 12px;}
  566. .input.h6{font-size: 12px;}
  567. .real-name-head{border-bottom:1px dashed #d9d9d9;color:#333;height:35px;line-height:35px;}
  568. .height-main{height: 35px;}
  569. .height-large{height:60px;}
  570. .w48{width:48%;}
  571. .border-tab-rig{border-right: 1px solid #e8e8e9;}
  572. .authority-content,.cost-detail,.manage-record,.margin-big-lr,.info-center-con,.indentify-class,.custom-content{margin:0 20px;}
  573. .width-main{width:300px;}
  574. .width-small{width:100px;}
  575. .line-large{line-height:60px;}
  576. .line-main{line-height:35px;}
  577. .bg-little-white{background:#F5F5F5;}
  578. .border-bottom-none{border-bottom:0 !important;}
  579. .border-top-ebe{border-top:1px solid #ebeef1;}
  580. .border-bottom-main{border-bottom:2px solid #098CBA;}
  581. .border-main-one{ border:1px solid #40b2da;}
  582. .border-b0{border-color:#b0b0b0;}
  583. .border-solid{border-style:solid;}
  584. .text-roseo{color:#e52527;}
  585. .text-green-deep{color:#44b333;}
  586. .text-yellow-deep{color:#ffa200;}
  587. .text-bg-b0{background-color:#b0b0b0 !important;}
  588. .bg-main{background-color: #40B2DA !important;}
  589. .button.bg-main:hover{background:#098cba !important;}
  590. .text-b0{color:#b0b0b0;}
  591. .text-6b{color:#6b6b6b;}
  592. .text-a7{color:#a7a7a7;}
  593. .text-a9{color:#a9a9a9;}
  594. .text-33{color:#333;}
  595. .text-blue-deep{color:#0098ce;}
  596. .text-main-deep{color:#1380cb;}
  597. .text-small-main{color:#079ed3}
  598. .text-black-gray{color:#3b3b3b;}
  599. .text-gray-white{color:#909090;}
  600. .text-red-deep{color:#ee6256;}
  601. .text-justify{text-align: justify;}
  602. .padding-large-tb{padding:30px 0;}
  603. .padding-large-lr{padding:0 30px !important;}
  604. .padding-25-tb{padding:25px 0;}
  605. .padding-big-tb{padding:20px 0;}
  606. .padding-big-lr{padding:0 20px;}
  607. .padding-left-15{padding-left:15px;}
  608. .padding-top-mini{padding-top:17px;}
  609. .paddign-15-tb{padding:15px 0;}
  610. .padding-lr{padding:0 10px !important;}
  611. .padding-small-lr{padding:0 5px;}
  612. .padding-top-0{padding-top:0 !important;}
  613. .margin-right-132{margin-right:132px;}
  614. .margin-right-144{margin-right:144px;}
  615. .margin-left-100{margin-left: 130px;}
  616. .margin-right-75{margin-right:75px;}
  617. .margin-super-top{margin-top:50px;}
  618. .margin-large-35{margin-right:35px;}
  619. .margin-top-35{margin-top:35px;}
  620. .margin-top-25{margin-top:25px;}
  621. .margin-tb-25{margin:25px 0;}
  622. .margin-large-tb{margin:30px 0;}
  623. .margin-big-tb{margin:20px 0;}
  624. .margin-top-12{margin-top:12px;}
  625. .margin-left-15{margin-left:15px;}
  626. .margin-top-15{margin-top:15px;}
  627. .margin-top-8{margin-top:8px;}
  628. .margin-minus-top{margin-top:-2px}
  629. .margin-minus-left{margin-left: -40px;}
  630. .margin-auto{margin:0 auto !important;}
  631. .margin-left-none{margin-left:0;}
  632. a.submit-order{padding:0 20px;line-height: 26px;border:0;background:#0098ce;font-size: 12px;color:#fff;border-radius: 3px;}
  633. a.submit-order:hover{background:#40b2da;color:#fff}
  634. .info-center-title{width:300px;}
  635. .info-center-title a{height:24px;display:block;cursor: pointer; border-bottom:2px solid #fff;line-height:24px;color:#656565;display:block;font-weight:600; float: left;}
  636. .info-center-title .manage-title a{display:block;color:#098cba;height:24px;line-height:24px;font-weight:600;}
  637. /*==========以下部分是Validform必须的===========*/
  638. .Validform_checktip{
  639. margin-left:8px;
  640. line-height:20px;
  641. height:20px;
  642. overflow:hidden;
  643. color:#999;
  644. font-size:12px;
  645. }
  646. .Validform_right{
  647. color:#71b83d;
  648. padding-left:20px;
  649. background:url(../images/right.png) no-repeat left center;
  650. }
  651. .Validform_wrong{
  652. color:red;
  653. padding-left:20px;
  654. white-space:nowrap;
  655. background:url(../images/error.png) no-repeat left center;
  656. }
  657. .Validform_loading{
  658. padding-left:20px;
  659. background:url(../images/onLoad.gif) no-repeat left center;
  660. }
  661. .Validform_error{
  662. background-color:#ffe7e7;
  663. }
  664. #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
  665. #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
  666. #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; padding:0 8px; color:#fff; position:relative; background-color:#000;}
  667. #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
  668. #Validform_msg a.Validform_close:hover{color:#cc0;}
  669. #Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}
  670. .icon {/*background: url(../images/icon_control.png) no-repeat;*/display: inline-block;}
  671. .icon-identify{background-position: -72px 0;}
  672. .icon-been-set{background-position: -145px 0;}
  673. .icon-unset{background-position: -167px 0;}
  674. .icon-non-record{background-position: -193px 0;}
  675. .icon-hook{background-position: -293px 3px;}
  676. .icon-hook-big{background-position: -250px 8px;}
  677. .icon-jump{background-position: -322px 0px;}
  678. .text-blue-normal{color: #2a94de;}
  679. .button.text-main-reverse{color: #fff;background: #0099cc;}
  680. .button.text-main-reverse:hover{background: #40B2DA;}
  681. .bg-yellow-light{background: #fdfce9;}
  682. .bg-blue-pale{background: #e9f9fd;}
  683. /*城市地区选择样式*/
  684. .select-country, .select-city { float: left; position: relative; padding: 4px 8px; border: 1px solid #ccc; cursor: pointer; background: #fff; }
  685. .select-country { width: 95px; }
  686. .select-city { margin-left: 10px; width: 195px; }
  687. .country-title, .city-title { line-height: 20px; color: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  688. .country-title { color: #3a3a3a; }
  689. .country-select-warp { display: none; position: absolute; top: 28px; left: -1px; width: 95px; border: 1px solid #ccc; background: #fff; z-index: 9; }
  690. .country-select-warp a { display: block; text-indent: 18px; line-height: 26px; }
  691. .country-select-warp a:hover { color: #3a3a3a; background-color: #fff8f3; }
  692. .country-select-warp a.selected { color: #1380CB; font-weight: bold; }
  693. .select-city .has-city-title { color: #333; }
  694. .select-city .has-city-title span { margin: 0 3px; color: #ddd; }
  695. .hd-select-city .menu-button-dropdown { position: absolute; right: 10px; top: 11px; display: block; width: 10px; height: 6px; background: url("../images/ico_general.png") no-repeat scroll 0 -13px}
  696. .ct-overlay { position: absolute; top: 28px; left: -1px; width: 301px; background: #fff; z-index: 9; }
  697. .city-select-tab { display: table; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 301px; height: 34px; background: #f0f0f0; }
  698. .city-select-tab a { display: table-cell; line-height: 33px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #4D4D4D; text-align: center; }
  699. .city-select-tab .current { background: #fff; border-bottom-color: #fff; color: #1380CB; }
  700. .city-select-content { float: left; border: 1px solid #ccc; border-top: 0; }
  701. .city-select { display: none; float: left; padding: 10px 15px; width: 299px; background: #fff; font-size: 12px; line-height: 24px; }
  702. .city-select dl { float: left; padding: 3px 0; }
  703. .city-select dl.no-dt { padding: 0; }
  704. .city-select dt { display: inline-block; width: 35px; float: left; padding-right: 10px; font-weight: 700; text-align: right; }
  705. .city-select dd { width: 233px; display: inline; float: left; }
  706. .city-select dl.no-dt dd, .city-city dd, .city-street dd, .city-district dd { width: 270px; }
  707. .city-select a { display: inline-block; padding: 0 10px; text-decoration: none; white-space: nowrap; margin-right: 2px; border-radius: 2px; }
  708. .city-select a:hover { color: #1380CB; background-color: #f6fbff; }
  709. .city-select .current, .city-select .current:hover { color: #fff; background-color: #1380cb; }
  710. .ct-overlay-hidden { display: none; }
  711. .offcial-table .tr-big-height{line-height:54px;}
  712. .offcial-table .tr-big-height .td{white-space:normal;}
  713. .offcial-table .tr-big-height .td-small{line-height:26px;text-align:center;}
  714. /*tab*/
  715. .manage-head-tab{padding:15px 0;margin:0 20px;}
  716. .manage-head-tab-con{position:relative;height:18px;line-height:18px;color:#363636;border-left:2px solid #0098cd;font-size:16px;}
  717. .usual{padding:15px 0;}
  718. .itab{height:36px; border-bottom:solid 1px #d0dee5; position:relative; border-left:solid 1px #d3dbde;}
  719. .itab ul li{float:left;height:37px; line-height:37px; background:url(../images/itabbg.png) repeat-x; border-right:solid 1px #d3dbde;}
  720. .itab ul li a{font-size:14px; color:#000; padding-left:25px; padding-right:25px;}
  721. .itab ul li a.selected{ height:37px; display:block; background:url(../images/itabbg1.png) repeat-x; font-weight:bold;}
  722. .tabson{margin:18px 0px;}
  723. .formtext{height:45px; padding-left:25px; line-height:20px; color:#848383;}
  724. .formtext b{color:#d70101;}
  725. .forminfo b{color:#ea2020; padding-left:3px;}
  726. /*myPros table*/
  727. .myPros-legend{font-size: 10px;position: absolute;right: 10px;}
  728. .myPros-legend1{background: #2EC7C9;border: 1px solid #20B2AA;padding: 0 12px;margin:0 2px;font-size: 6px;}
  729. .myPros-legend2{background: #FFB980;border: 1px solid #EE9572;padding: 0 12px;margin:0 2px;font-size: 6px;}
  730. .myPros-legend3{background: #F08080;border: 1px solid #CD5B45;padding: 0 12px;margin:0 2px;font-size: 6px;}
  731. .myPros-legend4{background: #5AB1EF;border: 1px solid #1E90FF;padding: 0 12px;margin:0 2px;font-size: 6px;}
  732. .myPros-step1{background: #2EC7C9;border: 1px solid #20B2AA;font-size: 12px;color: #fff;width: 16.6%;}
  733. .myPros-step2{background: #FFB980;border: 1px solid #EE9572;font-size: 12px;color: #fff;width: 16.6%;}
  734. .myPros-step3{background: #F08080;border: 1px solid #CD5B45;font-size: 12px;color: #fff;width: 16.6%;}
  735. .myPros-step4{background: #5AB1EF;border: 1px solid #1E90FF;font-size: 12px;color: #fff;width: 16.6%;}
  736. .myPros-stepname{text-decoration: none;color: #fff;cursor: pointer;}
  737. .myPros-stepname:hover{color:#fff;text-decoration: underline;}
  738. .myPros-text{line-height: 90px;}
  739. .myPros-table{width: 100%;height: 90px;}
  740. .mySort{margin-left: 2px;cursor: pointer;}
  741. .myPros-btn-word{color:#818181;}
  742. .myPros-btn-word:hover{color:#0098ce;text-decoration: underline;}
  743. .manage-head-cont{position: absolute;right: 10px;color:#0098ce;font-size:14px;}
  744. .itab-total-cont{position: absolute;right: 10px;color:#0098ce;font-size:12px;height: 37px;line-height: 37px;}
  745. .footable-odd {
  746. background-color: #f7f7f7;
  747. }