zhengxifeng
/
zc100
Segui 1
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
Nessuna descrizione
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 Commit
3 Rami (Branch)
Albero (Tree): d97c79100a
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'd97c79100a'
${ noResults }
zc100/public/static/admin/css/index.css

index.css 40KB
Cronologia Originale

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749 
  1. * { word-wrap: break-word; outline: none; }

  2. body { background: #FFF; min-width: 1000px;}

  3. html, body { height: 100%;}

  4. html { -webkit-text-size-adjust: none; }

  5. body, td, input, textarea, select,

  6. button { color: #707070; font-size: 12px; font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }

  7. body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }

  8. ul, ol, li { list-style-image: none; list-style-type: none; }

  9. h1, h2, h3, h4, h5, h6 { font-size: 12px; }

  10. a { color: #31b4e1; text-decoration: none; blr:expression(this.onFocus=this.blur()) }

  11. a:hover { color: #ec5051; text-decoration: none; }

  12. a img { border: none; }

  13. em, cite, th { font-style: normal; font-weight: normal; }

  14. table { border-collapse: collapse; border-spacing:0;}

  15. th { text-align: left; }

  16. input, button, select, textarea { outline: none }

  17. i,em{ font-style:normal;}

  18. i.fa{ font-size: 14px; vertical-align: middle; margin-right: 4px; }

  19. i.iconfont { font-size: 18px; vertical-align: middle; margin-right: 4px; color: #999;}

  20. input[type='text']:focus{ border:1px solid #62b3ff;}

  21. input[type='text'].error:focus{ border:1px dashed #E84C3D;}

  22. input[type='submit']{ outline:0 none;}

  23. .fontweight{ font-weight:bold;}

  24. .overflow_view{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

  25. .fl_label{ display:inline-block; width:100px; text-align:right; float:left;}

  26. .li_color{ color:#ec5051}

  27. .iframe_body{ background-color:#fcfcfc;}

  28. .tl { text-align: left !important; }

  29. .tc { text-align: center !important; }

  30. .tr { text-align: right !important; }

  31. .clearfix:after,.clearfix:before{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}

  32. .clear{ clear:both;}

  33. .fl{ float:left !important;}

  34. .fr{ float:right !important;}

  35. .fn{ float:none !important;}

  36. .pointer{ cursor:pointer;}

  37. .lie{ width:100%; float:left;}

  38. .hide{ display:none;}

  39. .show{ display:block;}

  40. .require-field{ color:#ec5151; margin-right:3px;}

  41. .notic{ color:#909090; float:left; font-size:12px;}

  42. .fn_notic{/* padding-left:335px; float:none; */margin-left:0px; color:#909090;}

  43. .shop_special .notic{ padding-left:0px; float:left; margin-left:0px; color:#909090;}

  44. .blue_notic{ color:#62b3ff;}

  45. .red_notic{ color:#ec5151;}

  46. .bor-right-not{ border-right:0 !important;}

  47. .bf100{ width:100%;} 

  48. .bolang{ float:left;}

  49. .relative{ position:relative;}

  50. .mauto{ margin:0 auto;}

  51. .no_record{ text-align:center; height:150px !important;}

  52. .delete{ width:11px; height:11px; display:inline-block; background:url(../images/admin-icon.png) -141px -456px no-repeat; margin:6px 0 0 7px;}

  53. .delete:hover { background-position: -117px -455px;}

  54. .no-records{ height:100px; text-align:center;}

  55. .trash{ font-size:16px;}

  56. .lh28{ line-height:28px;}

  57. .lh30{ line-height:30px;}

  58. .navLeftTab{ min-height:612px;}

  59. 

  60. /*按钮*/

  61. .btn{ height:18px; line-height:18px; border:1px solid #dcdcdc; padding:0 20px; color:#666; display:inline-block; border-radius:3px; cursor:pointer; font-size:12px;}

  62. .btn25{ height:23px; line-height:23px; padding:0 10px;}

  63. .btn30{ height:28px; line-height:28px; padding:0 17px;}

  64. .btn35{ height:33px; line-height:33px; font-size:14px;}

  65. .btn_red{ border-color:#ec5151; color:#ec5151;}

  66. .red_btn{ background-color:#ec5151; color:#fff;border-color:#ec5151;}

  67. .red_btn_2{ background-color:#d43d3d; color:#fff;}

  68. .btn_blue{ border:1px solid #31b4e1; color:#31b4e1;}

  69. .blue_btn{ background-color:#31b4e1; color:#fff; border-color:#31b4e1;}

  70. .blue_btn_2{ background-color:#62b3ff; color:#fff; border-color:#62b3ff;}

  71. .red_btn_2:hover,.red_btn:hover,.blue_btn_2:hover{ color:#fff;}

  72. input.btn{ height:20px; border:0;}

  73. input.btn25{ height:25px;}

  74. input.btn30{ height:30px;}

  75. input.btn35{ height:35px;}

  76. 

  77. .ui-checkbox,.ui-radio,.ui-radio-16x16{ display:none;}

  78. .ui-label{ padding-left: 20px; background: url(../images/input_checkbox.png) 2px 2px no-repeat;}

  79. .ui-checkbox:checked+label { background: url(../images/input_checked.png) 2px 2px no-repeat;}

  80. .ui-checkbox:disabled+label{ background: url(../images/input_checkbox_disabled.png) 2px 2px no-repeat;}

  81. .ui-checkbox:disabled:checked+label{ background: url(../images/input_checkbox_disabled.png) 2px 2px no-repeat;}

  82. .ui-radio-label{ padding-left:20px; background: url(../images/input_radio.png) 2px 2px no-repeat;}

  83. .ui-radio:checked+label { background: url(../images/input_radioed.png) 2px 2px no-repeat;}

  84. .ui-radio:disabled+label{ background: url(../images/input_radio_disabled.png) 2px 2px no-repeat;}

  85. .ui-radio:disabled:checked+label{ background: url(../images/input_radioed_disabled.png) 2px 2px no-repeat;}

  86. .ui-radio-label-16x16{ padding-left:25px; background:url(../images/input_radio_16x16.png) 2px 2px no-repeat; font-size:14px;}

  87. .ui-radio-16x16:checked+label{ background:url(../images/input_radioed_16x16.png) 2px 2px no-repeat;}

  88. .ui-tooltip{ color: #FFF !important;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5333333', endColorstr='#E5333333')!important;background: rgba(51,51,51,0.9) !important;border: 0!important;box-shadow: 0 0 5px rgba(0,0,0,0.25)!important;}

  89. .nofocus:focus{ border:0 !important;}

  90. 

  91. .text{ float:left; border:1px solid #dbdbdb; border-radius:2px; height:28px; line-height:28px; padding:0 10px;text-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; margin-right:10px;}

  92. .textpadd{ padding:0 5px; min-width:80px; margin-right:0;}

  93. .textarea{ float:left; border:1px solid #dbdbdb; border-radius:2px; height:100px; padding:5px 10px; width:300px; resize:none; line-height:20px; margin-right:10px;}

  94. .button{ height:30px; border:0; line-height:28px; color:#fff; background:#62b3ff; padding:0 17px; border-radius:3px; cursor:pointer; outline:none;}

  95. .red_button{ background-color:#ec5151; border-color:#ec5151;}

  96. 

  97. .text_readonly{ background:#f7f7f7; box-shadow:none; text-shadow:none;}

  98. .text_readonly:focus{ border-color:#dbdbdb; color:#858586;}

  99. .textarea_readonly{ background:#f7f7f7;}

  100. .text_div{ width:105px; border:1px solid #dbdbdb;border-radius:2px; height:28px; line-height:28px; padding:0 10px;background:#f7f7f7; float:left;}

  101. .dl_div{ float:left; line-height:30px;}

  102. .dl_div .dt_div{ float:left;color: #333; text-align:right; padding-right:8px;}

  103. .dl_div .dd_div{ float:left;width:98px; border:1px solid #dbdbdb;border-radius:2px; height:28px; line-height:28px; padding:0 10px;background:#f7f7f7;}

  104. /*长度高度

  105. ******************************/

  106. .w10 { width: 10px; }

  107. .w20 { width: 20px; }

  108. .w30 { width: 30px; }

  109. .w40 { width: 40px !important; }

  110. .w50 { width: 50px !important; }

  111. .w60 { width: 60px !important; }

  112. .w65 { width: 65px !important; }

  113. .w70 { width: 70px !important; }

  114. .w80 { width: 80px !important; }

  115. .w90 { width: 90px; }

  116. .w100 { width: 100px !important; }

  117. .w110 { width: 110px !important; }

  118. .w120 { width: 120px !important; }

  119. .w130 { width: 130px !important; }

  120. .w140 { width: 140px !important; }

  121. .w150 { width: 150px !important; }

  122. .w160 { width: 160px; }

  123. .w180 { width: 180px; }

  124. .w190 { width: 190px !important; }

  125. .w200 { width: 200px !important; }

  126. .w210 { width: 210px !important; }

  127. .w230 { width: 230px; }

  128. .w240 { width: 240px; }

  129. .w250 { width: 250px !important; }

  130. .w260 { width: 260px !important; }

  131. .w270 { width: 270px; }

  132. .w290 { width: 289px !important; }

  133. .w300 { width: 300px !important; }

  134. .w319{ width:319px !important}

  135. .w350 { width: 350px; }

  136. .w340 { width: 340px; }

  137. .w400 { width: 400px!important; }

  138. .w450 { width: 450px!important; }

  139. .w500 { width: 500px; }

  140. .w600 { width: 600px !important; }

  141. .w700 { width: 700px; }

  142. .w780 { width: 780px; }

  143. .w800 { width: 800px; }

  144. .h10 { height: 10px; }

  145. .h20 { height: 20px; }

  146. .h30 { height: 30px; }

  147. .h40 { height: 40px !important; }

  148. .h50 { height: 50px !important; }

  149. .h60 { height: 60px !important; }

  150. .h65 { height: 65px !important; }

  151. .h70 { height: 70px !important; }

  152. .h80 { height: 80px !important; }

  153. .h90 { height: 90px; }

  154. .h100 { height: 100px !important; }

  155. .h110 { height: 110px !important; }

  156. .h120 { height: 120px !important; }

  157. .h130 { height: 130px !important; }

  158. .h150 { height: 150px !important; }

  159. .h160 { height: 160px; }

  160. .h180 { height: 180px; }

  161. .h190 { height: 190px !important; }

  162. .h200 { height: 200px !important; }

  163. .h210 { height: 210px !important; }

  164. .h230 { height: 230px; }

  165. .h240 { height: 240px; }

  166. .h250 { height: 250px !important; }

  167. .h270 { height: 270px; }

  168. .h300 { height: 300px !important; }

  169. .h350 { height: 350px; }

  170. .h340 { height: 340px; }

  171. .h400 { height: 400px!important; }

  172. .h450 { height: 450px!important; }

  173. .h500 { height: 500px; }

  174. .h600 { height: 600px !important; }

  175. .h700 { height: 700px; }

  176. .h780 { height: 780px; }

  177. .h800 { height: 800px; }

  178. .select_w500{ width:499px;}

  179. .select_w320{ width:319px;}

  180. .select_w120{ width:120px;}

  181. .select_w140{ width:139px;}

  182. .select_w145{ width:145px;}

  183. .select_w170{ width:169px;}

  184. .select_w220{ width:219px;}

  185. .select_w260{ width:259px;}

  186. .select_w85{ width:85px;}

  187. .select_w75{ width:74px;}

  188. .select_w60{ width:59px;}

  189. .imitate_select.select_w500 .cite{ background-position:482px 11px;}

  190. .imitate_select.select_w320 .cite{ background-position:302px 11px;}

  191. .imitate_select.select_w120 .cite{ background-position:102px 11px;}

  192. .imitate_select.select_w145 .cite{ background-position:127px 11px;}

  193. .imitate_select.select_w140 .cite{ background-position:122px 11px;}

  194. .imitate_select.select_w170 .cite{ background-position:152px 11px;}

  195. .imitate_select.select_w220 .cite{ background-position:202px 11px;}

  196. .imitate_select.select_w260 .cite{ background-position:242px 11px;}

  197. .imitate_select.select_w75 .cite{ background-position:57px 11px;}

  198. .imitate_select.select_w85 .cite{ background-position:67px 11px;}

  199. .imitate_select.select_w60 .cite{ background-position:42px 11px;}

  200. /*边距

  201. 

  202. .m0 { margin: 0!important; }

  203. .m10 { margin: 10px; }

  204. .m15 { margin: 15px !important; }

  205. .m30 { margin: 30px; }

  206. .mt2 { margin-top: 2px; }

  207. .mt3 { margin-top: 3px; }

  208. .mt5 { margin-top: 5px; }

  209. .mt0 { margin-top: 0px !important; }

  210. .mt10 { margin-top: 10px !important; }

  211. .mt15 { margin-top: 15px; }

  212. .mt20 { margin-top: 20px !important; }

  213. .mt30 { margin-top: 30px !important; }

  214. .mt50 { margin-top: 50px !important; }

  215. .mt100 { margin-top: 100px; }

  216. .mb0 { margin-bottom: 0px !important; }

  217. .mb5 { margin-bottom: 5px !important; }

  218. .mb10 { margin-bottom: 10px !important; }

  219. .mb15 { margin-bottom: 15px; }

  220. .mb20 { margin-bottom: 20px !important; }

  221. .mb30 { margin-bottom: 30px !important; }

  222. .mb50 { margin-bottom: 50px; }

  223. .mb100 { margin-bottom: 100px; }

  224. .ml0 { margin-left: 0px!important; }

  225. .ml5 { margin-left: 5px!important; }

  226. .ml10 { margin-left: 10px!important; }

  227. .ml15 { margin-left: 15px; }

  228. .ml20 { margin-left: 20px; }

  229. .ml30 { margin-left: 30px; }

  230. .ml50 { margin-left: 50px; }

  231. .ml100 { margin-left: 100px !important; }

  232. .ml200 { margin-left: 200px !important; }

  233. .mr0 { margin-right: 0px !important; }

  234. .mr5 { margin-right: 5px !important; }

  235. .mr8 { margin-right: 8px !important; }

  236. .mr10 { margin-right: 10px !important; }

  237. .mr15 { margin-right: 15px !important; }

  238. .mr20 { margin-right: 20px !important; }

  239. .mr30 { margin-right: 30px !important; }

  240. .mr50 { margin-right: 50px !important; }

  241. .mr70 { margin-right: 70px !important; }

  242. .mr80 { margin-right: 80px !important; }

  243. .mr100 { margin-right: 100px; }

  244. /*边距

  245. ******************************/

  246. .p10 { padding: 10px; }

  247. .p15 { padding: 15px; }

  248. .p30 { padding: 30px; }

  249. .pt5 { padding-top: 5px; }

  250. .pt10 { padding-top: 10px; }

  251. .pt15 { padding-top: 15px; }

  252. .pt20 { padding-top: 20px; }

  253. .pt30 { padding-top: 30px !important; }

  254. .pt50 { padding-top: 50px; }

  255. .pt100 { padding-top: 100px; }

  256. .pb5 { padding-bottom: 5px; }

  257. .pb10 { padding-bottom: 10px; }

  258. .pb15 { padding-bottom: 15px; }

  259. .pb20 { padding-bottom: 20px !important; }

  260. .pb30 { padding-bottom: 30px; }

  261. .pb50 { padding-bottom: 50px; }

  262. .pb100 { padding-bottom: 100px; }

  263. .pl0 { padding-left: 0px !important; }

  264. .pl3 { padding-left: 3px; }

  265. .pl5 { padding-left: 5px; }

  266. .pl10 { padding-left: 10px; }

  267. .pl15 { padding-left: 15px; }

  268. .pl20 { padding-left: 20px; }

  269. .pl30 { padding-left: 30px !important; }

  270. .pl40 { padding-left: 40px !important;}

  271. .pl50 { padding-left: 50px; }

  272. .pl100 { padding-left: 100px; }

  273. .pr5 { padding-right: 5px; }

  274. .pr10 { padding-right: 10px; }

  275. .pr15 { padding-right: 15px; }

  276. .pr20 { padding-right: 20px; }

  277. .pr30 { padding-right: 30px; }

  278. .pr50 { padding-right: 50px; }

  279. .pr100 { padding-right: 100px; }

  280. 

  281. /*高度

  282. ********************************/

  283. .h25{ height:25px !important;}

  284. /*字体大小

  285. *******************************/

  286. .font0{ font-size:0;}

  287. .font12{ font-size:12px;}

  288. .font14{ font-size:14px;}

  289. .font16{ font-size:16px;}

  290. .font18{ font-size:18px;}

  291. .font20{ font-size:20px;}

  292. /*颜色

  293. *******************************/

  294. .blue{ color:#31b4e1;}

  295. .blue_bg:hover,.blue_btn:hover{ background-color:#31b4e1; color:#fff;}

  296. 

  297. .ftx-01{ color:#707070;}

  298. .ftx-02{ color:#333 !important;}

  299. .ftx-03{ color:#62b3ff;}

  300. .org{ color:#f3a43d;}

  301. .red{ color:#ec5151 !important;}

  302. .blue3{ color:#31b4e1;}

  303. .green_bg{ background-color:#0C0}

  304. .blue2_bg{ background-color:#09C;}

  305. .violet_bg{ background-color:#C69;}

  306. .orange_bg{ background-color:#F60;}

  307. .red_bg{ background-color:#F00;}

  308. .org{color:#F60;}

  309. .org2{ color:#F90;}

  310. .red{color:#F00;}

  311. .red2{color: #CC0000;}

  312. .blue2{ color:#0071E1}

  313. .green{ color:#2FBC5E;}

  314. .navy{ color:#009B9B;}

  315. .navy2{ color:#707070;}

  316. .yellow{ color:#C60;}

  317. /*border线条*/

  318. .bor_bt_das{ border-bottom:1px dashed #dcdcdc;}

  319. .bor_top_das{ border-top:1px dashed #dcdcdc;}

  320. .bor_top_not{ border-top:0 !important;}

  321. /*表单提示*/

  322. .form_prompt{ line-height:28px;}

  323. .form_prompt .error,.form_prompt .label_error{/* margin-left:10px;*/ color:#ec5151;}

  324. .form_prompt .error .icon,.form_prompt .label_error .icon{ font-size:14px; margin-right:5px; float:none !important;}

  325. input.error,textarea.error{ background-color: #FFF0F0;background-repeat: repeat;border: 1px dashed #E84C3D; border-radius:3px;}

  326. .admin-header-right .operate li a,.admin-header-right .operate i,.admin-main-left .admincj_nav .current .tit,.admin-main-left .admincj_nav .item .curr a,.contentWarp .section .sc_icon,i.ice,

  327. .stop,i.sc_icon,.explanation .ex_tit span,i.ico-check,.search .input .btn,.search .input .not_btn,.search .select_btn,.switch,.switch .circle,.s-back,.sort_point,.text_time .selbtn,.addList,.move_point{ background: url(../images/admin-icon.png) no-repeat;}

  328. .warpper .content:after,.warpper .content:before,.flexilist:after,.flexilist:before,.mian-info:after,.mian-info:before,.switch_info:after,.switch_info:before,.tDiv:after,.tDiv:before,

  329. .step:after,.step:before,.step_content:after,.step_content:before,.items:after,.items:before,.step_title:after,.step_title:before,.newRegion:after,.newRegion:before,.qx_items:after,.qx_items:before,

  330. .qx_item:after,.qx_item:before,.form-div:after,.form-div:before{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

  331. .items{ float:left; width:100%;}

  332. .items_bf50{ width:50%;}

  333. .admin-header {width:100%; min-width:1200px;position:relative;z-index:2;}

  334. .admin-header .admin-logo{ float:left;width:204px;height:48px; position:relative;}

  335. .admin-header .module-menu{ float:left;overflow:hidden;}

  336. .admin-header .module-menu ul{ margin-left:-1px;}

  337. .admin-header .module-menu li{ line-height: 16px;height: 16px;margin: 16px 0;box-shadow: -1px 0 0 rgba(0,0,0,0.15);float:left;}

  338. .admin-header .module-menu li a{ font-size:16px; line-height:20px; color:#fff;display: block;height: 20px;padding: 14px 25px;margin-top: -16px;margin-left: 1px;margin-right: 2px;opacity: 0.8;text-shadow: 1px 1px 1px rgba(0,0,0,0.25);}

  339. .admin-header .module-menu li.active a{ filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#26000000', endColorstr='#26000000');background: rgba(0,0,0,0.15);opacity: 1;}

  340. .admin-header .module-menu li a:hover{ filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#26FFFFFF', endColorstr='#26FFFFFF');background: rgba(255,255,255,0.15);opacity: 1;}

  341. .admin-header .module-menu li.active a:hover{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#26000000', endColorstr='#26000000');background: rgba(0,0,0,0.15);opacity: 1;}

  342. 

  343. .admin-logo a{ float:left;}

  344. .admin-logo .foldsider{ position:absolute; bottom:5px; right:5px; cursor:pointer;}

  345. .admin-logo .foldsider i{ font-size:16px; color:#fff;}

  346. 

  347. .admin-header-right{ float:right;}

  348. .admin-header-right .manager{ height: 30px;padding: 9px 0;position: relative;z-index: 2; float:left; margin-right:20px;}

  349. .admin-header-right .manager dl{ color: #FFF;text-align: right;vertical-align: top;display: inline-block;margin-right: 10px;}

  350. .admin-header-right .manager dt{ line-height:14px;}

  351. .admin-header-right .manager dd{ font-weight:600px; line-height:16px;}

  352. .admin-header-right .manager .avatar{ background-color: transparent;vertical-align: top;display: inline-block;width: 30px;height: 30px;border-radius: 50%;position: relative;z-index: 1;overflow: hidden;}

  353. .admin-header-right .manager .avatar .admin-avatar-file{ width: 28px;height: 28px;opacity: 0;filter: alpha(opacity=0);position: absolute;z-index: 2;top: 1px;left: 1px;cursor: pointer;}

  354. .admin-header-right .manager .avatar img{ max-width: 28px;max-height: 28px;border-radius: 50%;position: absolute;z-index: 1;top: 2px;left: 0;}

  355. .admin-header-right .manager .arrow{ font-size: 0px;line-height: 0;vertical-align: top;display: inline-block;width: 0px;height: 0px;margin-left: 5px;margin-top: 12px;margin-right: 10px;border-width: 5px;border-color: #FFF transparent transparent transparent;border-style: solid dashed dashed dashed;cursor: pointer;}

  356. .admin-header-right .manager .arrow-close{ font-size: 0px;line-height: 0;vertical-align: top;display: inline-block;width: 0px;height: 0px;margin-left: 5px;margin-top: 8px;margin-right: 10px;border-width: 5px;border-color: transparent transparent #FFF transparent;border-style: dashed dashed solid dashed;cursor: pointer;}

  357. .admin-header-right .operate{ float:left; vertical-align:top; display:inline-block; height:48px;border-left: solid 1px rgba(255,255,255,0.25); box-shadow: -1px 0 0 rgba(0,0,0,0.15); padding:0 20px 0 0;}

  358. .admin-header-right .operate li{ width:48px; position:relative; z-index:1; float:left; position:relative;}

  359. .admin-header-right .operate li:hover{ filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#26FFFFFF', endColorstr='#26FFFFFF');background: rgba(255,255,255,0.15);}

  360. .admin-header-right .operate li a{ font-size: 0;display: block;width: 48px;height: 48px;position: relative;z-index: 1;}

  361. .admin-header-right .operate li a.message{font-size:12px;display: inline;width:auto;}

  362. .admin-header-right .operate li .msg{ background-position:2px 2px;}

  363. .admin-header-right .operate li .home{ background-position:-58px 2px;}

  364. .admin-header-right .operate li .sitemap{ background-position:-116px 2px;}

  365. .admin-header-right .operate li .style-color{ background-position:-175px 2px;}

  366. .admin-header-right .operate li .clear{ background-position:-234px 2px;}

  367. .admin-header-right .operate li .prompt{ background-position:-332px 1px;}

  368. .admin-header-right .operate i{ width:1px; height:20px; display:block; float:left; background-position:-19px -62px; margin:15px 5px 0;}

  369. .admin-header-right .operate s{text-decoration: inherit; width:18px; height:18px; border-radius:50%; background-color:#ec5051; color:#fff; position:absolute; top:4px; right:6px; text-align:center; z-index:999;}

  370. 

  371. .manager-menu{ display:none; position:absolute; width:204px; padding:10px 20px; top:50px; left:-118px; background:#fff; border-radius:0px 0px 5px 5px; box-shadow:0 0 4px rgba(0,0,0, 0.25);}

  372. .manager-menu .title{ width:100%; height:25px; line-height:25px; overflow:hidden; border-bottom:1px solid #e4eaec;}

  373. .manager-menu .title h4{ float:left;}

  374. .manager-menu .title a{ float:right;}

  375. .manager-menu .login-date{ margin-top:10px;}

  376. .manager-menu .login-date strong{ font-weight:normal;}

  377. .manager-menu .login-date span{ color:#a8a8a8;}

  378. .manager-menu .quick_link{ margin-top:5px; overflow:hidden;}

  379. .manager-menu .quick_link li{ float:left; width:102px; height:25px; line-height:25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

  380. .manager-menu .quick_link li a{ color:#666; display:block;}

  381. .manager-menu .quick_link li a:hover{ color:#ec5051;}

  382. 

  383. .start_home .admin-main-left,.start_home .admin-main-left .admincj_nav{ width:64px;}

  384. .start_home .admin-main-left .top-border .sub-side{ display:none;}

  385. .start_home .admin-main-right{ left:64px;}

  386. 

  387. .admin-main{ background-color:transparent; height:100%; position:relative; z-index:1;}

  388. .admin-main-left{ background:url(../images/repeat_y_bg.png) 0 0 repeat-y; width:204px; height:100%; float:left; margin-top:2px;position:relative;}

  389. .admin-main-left .admincj_nav{ width:204px; height:100%;}

  390. .admin-main-left .admincj_nav .item{ float:left; width:100%; height:68px; position:relative; z-index:2; cursor:pointer;}

  391. .admin-main-left .admincj_nav .item .tit{ width:64px; height:68px; float:left;}

  392. .admin-main-left .admincj_nav .item .tit i{ width:22px; height:20px; display:inline-block; margin:12px 0 5px 20px;}

  393. .admin-main-left .admincj_nav .item .tit h4{ margin:-2px 0 0 17px; font-weight:normal; height:18px; width:28px; overflow:hidden;}

  394. .admin-main-left .admincj_nav .item .tit a{ color:#fff; display:block; height:68px;}

  395. 

  396. .fold .admin-main-left,.fold .admin-main-left .admincj_nav{ width:64px;}

  397. .fold .admin-main-left .admincj_nav .item .sub-menu{ background:url(../images/repeat_y_bg2.png);position: absolute;z-index: 1;top: 0;left: 64px; background:#555;}

  398. .fold .admin-main-right{ left:64px;}

  399. .fold .admin-main-left .admincj_nav .current .tit{ background-position:-239px -129px;}

  400. .fold .admin-main-left .admincj_nav .item .sub-menu a{ text-shadow:none; color:#fff;}

  401. .fold .admin-main-left .admincj_nav .item .sub-menu .curr a{ background-position:-300px -130px; background:#333; color:#fff;}

  402. .fold .admin-main-left .admincj_nav .item .sub-menu .curr s{ background:#fff;}

  403. .fold .admin-main-left .admincj_nav .current .sub-menu{ display:none;}

  404. .fold .admin-main-left .admincj_nav .item .sub-menu li:hover{ background:#a3a3a3;}

  405. 

  406. .nav_icon{ background:url(../images/nav_icon.png) no-repeat;}

  407. .icon_05_banner{ background-position:0px -510px;}

  408. .icon_07_content{ background-position:0 -25px;}

  409. .icon_08_members{ background-position:1px -50px;}

  410. .icon_10_priv_admin{ background-position:1px -77px;}

  411. .icon_01_system{ background-position:0 -102px;}

  412. .icon_13_backup{ background-position:1px -151px;}

  413. .icon_16_email_manage{ background-position:1px -173px;}

  414. .icon_02_cat_and_goods{ background-position:1px -192px;}

  415. .icon_02_goods_storage{ background-position:1px -217px;}

  416. .icon_03_promotion{ background-position:1px -241px;}

  417. .icon_04_order{ background-position:2px -266px;}

  418. .icon_06_stats{ background-position:0px -290px;}

  419. .icon_09_crowdfunding{ background-position:1px -313px;}

  420. .icon_10_offline_store{ background-position:2px -336px;}

  421. .icon_15_rec{ background-position:0px -361px;}

  422. .icon_17_merchants{ background-position:0px -387px;}

  423. .icon_18_batch_manage{background-position:1px -412px;}

  424. .icon_19_merchants_store{background-position:1px -440px;}

  425. .icon_20_ectouch{ background-position:3px -464px;}

  426. .icon_21_cloud{ background-position:1px -486px;}

  427. .icon_12_template{ background-position:1px -127px;}

  428. 

  429. .current .i_home{ background-position:-25px 0;}

  430. .current .icon_08_members{ background-position:-25px -50px;}

  431. .current .icon_07_content{ background-position:-25px -25px;}

  432. .current .icon_10_priv_admin{ background-position:-24px -77px;}

  433. .current .icon_01_system{ background-position:-25px -102px;}

  434. .current .icon_13_backup{ background-position:-24px -151px;}

  435. .current .icon_16_email_manage{ background-position:-24px -173px;}

  436. .current .icon_02_cat_and_goods{ background-position:-24px -192px;}

  437. .current .icon_02_goods_storage{ background-position:-24px -217px;}

  438. .current .icon_03_promotion{ background-position:-24px -241px;}

  439. .current .icon_04_order{ background-position:-23px -266px;}

  440. .current .icon_06_stats{ background-position:-25px -290px;}

  441. .current .icon_09_crowdfunding{ background-position:-24px -313px;}

  442. .current .icon_10_offline_store{ background-position:-23px -337px;}

  443. .current .icon_15_rec{ background-position:-25px -361px;}

  444. .current .icon_17_merchants{ background-position:-25px -387px;}

  445. .current .icon_18_batch_manage{background-position:-24px -412px;}

  446. .current .icon_19_merchants_store{background-position:-24px -440px;}

  447. .current .icon_20_ectouch{ background-position:-22px -464px;}

  448. .current .icon_21_cloud{ background-position:-24px -486px;}

  449. .current .icon_12_template{ background-position:-24px -127px;}

  450. .current .icon_05_banner{ background-position:-25px -510px;}

  451. 

  452. .admin-main-left .admincj_nav .item .sub-menu{ float:left; width:140px; display:none; position:relative;}

  453. .admin-main-left .admincj_nav .item .sub-menu li{ height:40px; width:100%; position:relative;}

  454. .admin-main-left .admincj_nav .item .sub-menu li a{ display:block; line-height:40px; color:#343434; padding-left:28px; text-shadow: 1px 1px 0 rgba(255,255,255,0.75);}

  455. .admin-main-left .admincj_nav .item .sub-menu li s{ position:absolute; width:2px; height:2px; display:block; background:#acacac; top:19px; left:18px;}

  456. .admin-main-left .admincj_nav .item .sub-menu li:hover{ filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background: rgba(255,255,255,0.5);}

  457. 

  458. .admin-main-left .admincj_nav .current{ z-index:3;}

  459. .admin-main-left .admincj_nav .current .tit{ background-position:-18px -106px;}

  460. .admin-main-left .admincj_nav .current .sub-menu{ display:block;}

  461. 

  462. .admin-main-left .admincj_nav .item .sub-menu .curr a{ background-position:-82px -106px;}

  463. .admin-main-left .admincj_nav .item .sub-menu .curr s{ background:#000;}

  464. .admin-main-left .admincj_nav .item .sub-menu .curr a{ color:#000; font-weight:700;}

  465. 

  466. .admin-main-right{ background-color: #F7F7F7;position: absolute;z-index: 1;top: 2px;right: 0;bottom: 0;left: 204px;}

  467. .top-border{ font-size: 0;line-height: 0;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#26000000', endColorstr='#26000000');background:rgba(0,0,0,0.15);display: block;width: 100%;height: 2px;position: absolute;z-index: 1;top: 0;left: 0;}

  468. 

  469. .warpper{ position:relative; min-width:1000px; width:100%;}

  470. .warpper .title{ height:30px; line-height:50px; font-size:17px; color:#343434; padding:0 20px;}

  471. .warpper .content{ position:relative; padding:20px 30px;}

  472. .warpper .start_content{ padding:10px 10px 0px 10px;}

  473. 

  474. .contentWarp:after,.contentWarp:before,.contentWarp .section .sc_title:after,.contentWarp .section .sc_title:before{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}

  475. .contentWarp_item{ float: left;margin-right: 32px;}

  476. .contentWarp_item:nth-child(1){ width:calc(42% - 0px);}

  477. .contentWarp_item:nth-child(2){ width:calc(58% - 32px);}

  478. .contentWarp_item *,.contentWarp_item *:after,.contentWarp_item *::before{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

  479. .contentWarp_item:last-child{ margin-right:0;}

  480. 

  481. .contentWarp .section{ padding: 0 20px;background: #fff;font-size: 12px;}

  482. .contentWarp .section_select{ overflow:hidden; margin-bottom:-10px;}

  483. .contentWarp .section .sc_title{padding:26px 0 14px; border-bottom:1px solid #e4eaec; position:relative;}

  484. .contentWarp .section .sc_title h3{ float:left; font-size:16px; font-weight:normal; color:#333; line-height:20px;}

  485. .contentWarp .section .sc_title h3 i{color: #707070;margin-right:4px; font-size: 18px;vertical-align: middle;float: left;}

  486. .contentWarp .section .sc_title cite{ float:right; color:#999; line-height:20px;}

  487. .contentWarp .section .sc_icon{ display:block; width:20px; height:20px; position:absolute;}

  488. 

  489. .filter_date{ float:right;}

  490. .filter_date a{ color:#717171; margin-left:10px;}

  491. .filter_date a.active,.filter_date a:hover{ color:#31b4e1;}

  492. 

  493. .contentWarp .user_section .sc_icon{ background-position:-2px -286px;}

  494. .contentWarp .goods_section .sc_icon{ background-position:-22px -286px;}

  495. .contentWarp .system_section .sc_icon { background-position:-44px -286px;}

  496. .contentWarp .section_order_count .sc_icon{ background-position:-64px -286px;}

  497. .contentWarp .section_total_count .sc_icon{ background-position:-86px -286px;}

  498. .contentWarp .col_section .sc_icon{ background-position:-108px -286px;}

  499. 

  500. .contentWarp_item .sc_warp{ overflow:hidden;}

  501. .contentWarp_item .sc_warp .user_item{ width:28%; text-align:center; float:left; padding:50px 0 48px;}

  502. .contentWarp_item .sc_warp .user_item:nth-child(1),.contentWarp_item .sc_warp .user_item:nth-child(2){ width:23%;}

  503. .contentWarp_item .sc_warp .user_item:nth-child(3),.contentWarp_item .sc_warp .user_item:nth-child(4){ width:27%;}

  504. .contentWarp_item .sc_warp .user_item .num{ font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#333;}

  505. .contentWarp_item .sc_warp .user_item .tit{ font-size:14px; color:#707070; margin-top:20px; display:block; line-height:18px;}

  506. /*.contentWarp_item .sc_warp .user_month_new .num{ color:#31b4e1;}*/

  507. 

  508. .contentWarp_item .goods_section .sc_warp{ padding:38px 0;}

  509. .contentWarp_item .sc_warp .goods_item{ width:calc(50% - 16px); margin-right:32px; background:#f7f7f7; float:left;}

  510. .contentWarp_item .sc_warp .goods_item:last-child{ margin-right:0;}

  511. .contentWarp_item .sc_warp .goods_item .tit{ font-size:16px; color:#272727; width:175px; text-align:center; border-bottom:1px solid #dedede; padding-bottom:15px; padding-top:35px; margin:0 auto;}

  512. .contentWarp_item .sc_warp .goods_item .number{ font-size:14px; color:#858585; margin-top:30px; padding-bottom:55px;}

  513. .contentWarp_item .sc_warp .goods_item .number .st{ margin-left:55px; float:left;}

  514. .contentWarp_item .sc_warp .goods_item .number .xn{ margin-right:55px; float:right;}

  515. .contentWarp_item .sc_warp .goods_item .number a{ color:#ec5051;}

  516. .contentWarp_item .sc_warp .goods_item .number a:hover{ text-decoration:underline;}

  517. 

  518. .contentWarp_item .section_select .item{ float:left; border-radius:5px; padding:38px 0 38px 38px; width:calc(50% - 8px); margin-bottom:12px;}

  519. .contentWarp_item .section_select .item:nth-child(1),.contentWarp_item .section_select .item:nth-child(3){ margin-right:16px;}

  520. .contentWarp_item .section_select .item_price{ background:#32cc7f;}

  521. .contentWarp_item .section_select .item_order,.contentWarp_item .section_select .item_comment{ background:#e4eaec;}

  522. .contentWarp_item .section_select .item_flow{ background:#6c6fbf;}

  523. .contentWarp_item .section_select .icon{ float:left; display:block;}

  524. .contentWarp_item .section_select .icon img{ float:left;}

  525. .contentWarp_item .section_select .desc{ display:inline-block; vertical-align:top; font-size:14px; color:#fff; margin-top:10px;}

  526. .contentWarp_item .section_select .tit{ font-size:30px;}

  527. .contentWarp_item .section_select .desc span{ display:block; margin-top:5px;}

  528. 

  529. .contentWarp_item .section_select .item_price .desc{ float:right; margin-right:20px;}

  530. .contentWarp_item .section_select .item_comment .desc{ margin-left:80px;}

  531. .contentWarp_item .section_select .item_order .icon{ float:right; margin-right:80px;}

  532. .contentWarp_item .section_select .item_order .desc,.contentWarp_item .section_select .item_comment .desc{ color:#666;}

  533. .contentWarp_item .section_select .item_order .desc .tit{ color:#32cc7f;}

  534. .contentWarp_item .section_select .item_comment,.contentWarp_item .section_select .item_flow{ padding:33px 0 31px 38px;}

  535. .contentWarp_item .section_select .item_comment .desc .tit{ color:#6c6fbf;}

  536. .contentWarp_item .section_select .item_flow .icon{ float:right; margin-right:74px;}

  537. 

  538. .contentWarp_item .section_order_select{ width:100%; position:relative; float:left;}

  539. .contentWarp_item .section_order_select ul{ float:left; margin-top:-12px; width:100%;}

  540. .contentWarp_item .section_order_select li{ width:13%; margin-right:1.5%; height:auto; background:#fff; border-radius:5px; float:left; text-align:center; margin-top:12px;}

  541. .contentWarp_item .section_order_select li:last-child{ margin-right:0;}

  542. i.ice{ display:inline-block; width:55px; height:55px;}

  543. i.ice_w{ background-position:0 -214px;}

  544. i.ice_d{ background-position:-56px -214px;}

  545. i.ice_n{ background-position:-112px -214px;}

  546. i.ice_f{ background-position:-168px -214px;}

  547. i.ice_y{ background-position:-224px -214px;}

  548. i.ice_q{ background-position:-280px -214px;}

  549. i.ice_b{ background-position:-336px -214px;}

  550. 

  551. .contentWarp_item .section_order_select li a{ color:#707070; display:block;padding:24px 0 20px;}

  552. .contentWarp_item .section_order_select li a:hover{ color:#ec5051;}

  553. .contentWarp_item .section_order_select li .t{ font-size:14px; margin-top:18px; line-height:18px;}

  554. .contentWarp_item .section_order_select li .number{ font-size:18px; color:#ec5151; margin-top:8px; display:block;}

  555. .contentWarp_item .section_order_select li:hover{transition: all .1s ease-out;text-decoration: none;-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);box-shadow: 0 0 8px rgba(0,0,0,.1);}

  556. 

  557. .contentWarp .system_section { float:left; width:190px; padding:0 20px; margin-bottom:20px;}

  558. /*.contentWarp .system_section .system_section_con{ padding:0 20px;}*/

  559. .contentWarp .system_section .sc_title{ padding:18px 0; border-bottom:0;}

  560. .contentWarp .system_section .sc_warp{ display:none; overflow:hidden; margin:10px 0;}

  561. 

  562. .stop{ width:28px; height:28px; display:block; position:absolute; background-position:0 -326px; top:0; right:-20px; cursor:pointer;}

  563. .stop_jia{ width:24px; height:24px; background-position:-45px -326px; top:16px; right:0;}

  564. 

  565. .system_table{ border:1px solid #eee; width:100%;}

  566. .system_table td{ height:40px; line-height:40px; font-size:12px; color:#454545; border-bottom:1px solid #eee; border-right:1px solid #eee; width:35%;padding-left:3%;}

  567. .system_table td.gray_bg{ background:#f9f9f9; width:15%;}

  568. 

  569. #footer {

  570.     text-align: center;

  571.     min-height: 40px;

  572.     width: 100%;

  573. }

  574. #footer p { padding-bottom:30px; 

  575. }

  576. #footer p b{ font-weight: normal; font-size:12px; color:#999;}

  577. @media screen and (max-width:1550px){

  578. 	.contentWarp_item:nth-child(1){ width:100%;}

  579. 	.contentWarp_item .section_select .item{ width:24%; margin-right:1.5%;margin-bottom:0;}

  580. 	.contentWarp_item .section_select .item:last-child{ margin-right:0;}

  581. 	.contentWarp .user_section,.contentWarp .goods_section{ width:49.25%; float:left;}

  582. 	.contentWarp .user_section{ margin-right:1.5%;}

  583. 	.contentWarp_item .sc_warp .user_item{ padding:67px 0;}

  584. 	.contentWarp_item .goods_section .sc_warp{ padding:25px 0;}

  585. 	

  586. 	.contentWarp_item:nth-child(2){ width:100%; margin-top:20px;}

  587. 	.contentWarp_item .section_order_select li a{ padding:50px 0;}

  588. 	.contentWarp .section_order_count,.contentWarp .section_total_count{ width:100%;}

  589. }

  590. 

  591. .col_section .sc_warp{ margin:30px 0 0 0; overflow:hidden; padding-bottom:30px;}

  592. .item_section{ width:49%; border:1px solid #e7e7e7; float:left;}

  593. .item_section_frist{ margin-right:1%;}

  594. .item_section .section_header{ display: block;height: auto;padding: 6px 15px 6px 18px;position: relative; height:30px; line-height:30px;}

  595. .item_section .section_body{ padding: 15px; border-top:1px solid #e7e7e7;}

  596. .item_section .section_body dl{ overflow:hidden;}

  597. .item_section .section_body dt,.item_section .section_body dd{ display: inline-block;float: left;line-height: 28px;color: #666;font-size: 13px;font-weight: 500;padding: 0 5px;}

  598. .item_section .section_body dt{ width: 18%;text-align: right;}

  599. 

  600. 

  601. .refresh .icon,.setup .icon{ font-size:14px;}

  602. .refresh{ float:left; margin:0 10px 0 15px;}

  603. .refresh .refresh_tit{ color: #999;width: 24px;height: 24px;float: left;text-align: center;line-height: 24px;position: relative;z-index: 1; margin-top:1px;}

  604. .refresh .refresh_tit.loading i{ color: #090;display: inline-block;-webkit-animation: spin 0.2s infinite linear;animation: spin 0.2s infinite linear;}

  605. .refresh .refresh_tit:hover{ color: #333;background-color: #E6E6E6;border-radius: 5px;cursor: pointer;}

  606. .refresh .refresh_span{ margin-left:3px; float:left;}

  607. .sline{ width: 0;height: 16px;float: left;margin:5px 10px 0 0;border-left:1px solid #acacac;}

  608. 

  609. .setup{ float:left;color: #999;width: 100px;height: 24px;position: relative;z-index: 1;cursor: pointer;}

  610. .setup .setup_tit{ text-align: center;line-height: 24px;width: 24px;height: 24px;border: solid 1px transparent;position: absolute;z-index: 2;top: 0;left: -1px;}

  611. .setup .setup_span{ float:left; padding-left:30px;}

  612. .setup s{ position:absolute; height:5px; width:24px; z-index:999; top:24px; left:0; background-color:#fff; display:none;}

  613. .setup:hover .setup_tit{ color: #333;background-color: #FFF;border-radius: 4px 4px 0 0;border-color: #D7D7D7;border-bottom: 0;box-shadow: 0 0 8px rgba(0,0,0,.3);}

  614. 

  615. .setup_select{ background-color: #FFF;padding: 10px 0 10px 8px;border: 1px solid #D7D7D7;border-radius: 0 4px 4px 4px;overflow: auto;position: absolute;z-index: 1;top: 24px;left: -1px;box-shadow: 0 0 8px rgba(0,0,0,.3);}

  616. .setup_select .ps-container{ display: block;max-height: 161px;overflow: hidden;position: relative;z-index: auto;}

  617. .setup_select .ps-container ul{ width: 100%;}

  618. .setup_select .ps-container li{ line-height: 20px;text-align: left;padding: 3px 10px 3px 5px;border-bottom: solid 1px #E6E6E6; margin-right:12px;}

  619. .setup_select .ps-container li:hover{ background:#f5faff;}

  620. .setup_select .ps-container li:last-child{ border-bottom:0;}

  621. .setup_select .ps-container li input[type='checkbox']{ display:none;}

  622. .setup_select .ps-container li label{ padding-left:20px; background:url(../images/input_checkbox.png) 2px 2px no-repeat;}

  623. .setup_select .ps-container li .ui-checkbox:checked+label{ background:url(../images/input_checked.png) 2px 2px no-repeat;}

  624. 

  625. 

  626. 

  627. /*新增 欢迎页 2018.4.21*/

  628. 

  629. .index_box{  padding:0px;}

  630. .index_box section{ background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.1); margin-bottom:10px;    padding: 12px 20px 0; border-radius: 5px;}

  631. .index_box section h3{ height:42px; line-height:42px; border-bottom:1px solid #eee; font-size:16px; font-weight:normal; color:#333; position:relative;}

  632. .index_box section h3 i{color: #707070;margin-right: 6px;}

  633. }

  634. .index_box section h3 a{ position:absolute;right:10px; }

  635. .index_box section h3 a i{ margin-left:5px; }

  636. 

  637. .index_point ul{ height:85px; padding:20px 16px 30px 16px; }

  638. .index_point ul li{ float:left; height:85px; width:20%; text-align:center; position:relative; cursor:pointer; }

  639. .index_point ul li.line{ width:20px; }

  640. .index_point ul li a{ color:#777; display:block; line-height: 30px; font-size: 14px;width: 60px;margin: 0 auto;}

  641. .index_point ul li span{padding: 10px;width: 40px;height: 40px; color: #fff; border-radius:100%; display: block;}

  642. .index_point ul li a i{ font-size:26px; margin:8px 0 0 0;}

  643. .index_point ul li i.fa-angle-right{ display:block; font-size:60px; position:absolute; right:-10px; top:50%; margin-top:-30px; color:#eee;}

  644. 

  645. /* ico背景 颜色 */

  646. .ico_red_bg{background:#ec534e }

  647. .ico_blue_bg{background:#5a93ff}

  648. .ico_green_bg{background:#72c038}

  649. .ico_purple_bg{background:#8a81ec}

  650. .ico_yellow_bg{background:#ffb120}

  651. 

  652. /* 返回顶部、底部控制 */

  653. #goTop { display: none; }

  654. 

  655. /*欢迎页内容统计*/

  656. .info_count{

  657.     background: #fff;

  658.     padding: 0.8% 0 0 1.1%;

  659.     margin-bottom: 10px;

  660. }

  661. .index_box .info_count h3{

  662.      height: 42px;

  663.      line-height: 42px;

  664.      font-size: 16px;

  665.      font-weight: normal;

  666.      color: #333;

  667.      position: relative;

  668.      margin-right:1.1%;

  669. }

  670. .info_count ul{

  671.     padding:0 0 20px;

  672.     overflow: hidden;

  673. }

  674. .info_count li{

  675.     float: left;

  676.     margin: 1% 1.1% 0 0;

  677.     width: 18.9%;

  678.     position: relative;

  679.     cursor: pointer;

  680.     background-color:#f8f8f8;

  681.     border-radius: 4px;

  682. }

  683. .info_count li a{

  684.     display: block;

  685.     padding: 10px 15px;

  686.     background-color: #f8f8f8;

  687.     color: #999;

  688.     border-radius: 2px;

  689.     transition: all .3s;

  690.     -webkit-transition: all .3s;

  691. }

  692. .info_count li a h2 {

  693.     display: block;

  694.     padding-bottom: 10px;

  695.     font-size: 12px;

  696.     font-weight: normal;

  697. 

  698. }

  699. .info_count li a p cite {

  700.     font-style: normal;

  701.     font-size: 30px;

  702.     font-weight: 300;

  703.     color: #4fc0e8;

  704. }

  705. .info_count li a p cite i{

  706.     font-size: 20px;

  707.     color: #4fc0e8;

  708. }

  709. .info_count .navs{

  710.     text-align: center;

  711.     font-size: 14px;

  712.     color: #666;

  713.     line-height: 36px;

  714. }

  715. /*快捷导航弹出*/

  716. .navboxs{

  717.     padding: 10px;

  718.     overflow: hidden;

  719. }

  720. .navboxs div{

  721.     float: left;

  722.     position: relative;

  723.     display: block;

  724.     margin: 10px;

  725.     padding-left: 16px;

  726.     font-size: 15px;

  727. }

  728. .navboxs span{

  729.     position:absolute;

  730.     top: 2px;

  731.     left: 0;

  732. }

  733. .navboxs_bt{

  734.     display: inline-block;

  735.     height: 35px;

  736.     line-height: 35px;

  737.     padding: 0 18px;

  738.     background-color: #4fc0e8;

  739.     color: #fff;

  740.     white-space: nowrap;

  741.     text-align: center;

  742.     font-size: 14px;

  743.     border: none;

  744.     border-radius: 2px;

  745.     cursor: pointer;

  746.     margin-left: 30px;

  747.     border-radius: 20px;

  748. }

  749. .navboxs_bt:hover { background-color: #3aa8cf; }