国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

319 lines
4.4KB

  1. * {
  2. margin:0;
  3. padding:0;
  4. letter-spacing:.4px;
  5. box-sizing:border-box
  6. }
  7. body {
  8. line-height:1.5;
  9. font:12px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
  10. color:#424b51;
  11. background:#fff;
  12. overflow:hidden
  13. }
  14. body.hidemenu {
  15. background:none
  16. }
  17. a {
  18. text-decoration:none
  19. }
  20. ul {
  21. list-style:none
  22. }
  23. input[type="text"],input[type="password"] {
  24. padding:2px 4px;
  25. width:140px;
  26. height:18px;
  27. line-height:18px;
  28. font-size:12px;
  29. border-width:1px;
  30. border-style:solid;
  31. border-color:#fff;
  32. background:#fff;
  33. vertical-align:middle
  34. }
  35. input[type="text"]:focus,input[type="password"]:focus {
  36. box-shadow:none;
  37. outline:none
  38. }
  39. .head {
  40. width:100%;
  41. height:76px;
  42. overflow:hidden;
  43. z-index:8;
  44. position:relative
  45. }
  46. .top {
  47. height:46px;
  48. width:100%;
  49. background:linear-gradient(45deg,#008e38,#57960f 50%);
  50. overflow:hidden;
  51. clear:both
  52. }
  53. .top .top_logo {
  54. float:left;
  55. margin-left:30px;
  56. height:46px;
  57. line-height:46px
  58. }
  59. .top .top_logo a {
  60. font-size:18px;
  61. font-weight:600;
  62. color:#fff
  63. }
  64. .top .top_version {
  65. display:inline-block;
  66. margin-top:12px;
  67. margin-left:10px;
  68. color:#fff
  69. }
  70. .top .top_link {
  71. float:right;
  72. margin-right:30px
  73. }
  74. .top .top_link ul {
  75. float:left;
  76. line-height:46px;
  77. overflow:hidden
  78. }
  79. .top .top_link ul li.welcome img {
  80. margin-top:-2px;
  81. margin-right:10px;
  82. width:30px;
  83. height:30px;
  84. border-radius:50%;
  85. vertical-align:middle
  86. }
  87. .top .top_link ul li {
  88. float:left;
  89. color:#fff
  90. }
  91. .top .top_link ul li a {
  92. color:#fff;
  93. padding-left:20px
  94. }
  95. .top .top_link ul li a:hover {
  96. color:#ccc
  97. }
  98. .topnav {
  99. width:100%;
  100. height:30px;
  101. line-height:30px;
  102. background:#393d49;
  103. overflow:hidden;
  104. clear:both
  105. }
  106. .topnav .menuact {
  107. width:168px;
  108. float:left;
  109. padding-left:30px;
  110. overflow:hidden
  111. }
  112. .topnav .menuact a {
  113. padding-right:10px;
  114. color:#eee;
  115. overflow:hidden
  116. }
  117. .topnav .menuact a:hover {
  118. color:#fff
  119. }
  120. .sysmsg {
  121. padding-right:30px;
  122. float:right;
  123. width:500px;
  124. color:#999;
  125. overflow:hidden
  126. }
  127. .scroll {
  128. float:right;
  129. overflow:hidden
  130. }
  131. .scroll ul li,.sysmsg ul li a {
  132. color:#bbb
  133. }
  134. .scroll a {
  135. padding-left:10px;
  136. color:#fff
  137. }
  138. body.showmenu .left {
  139. display:block
  140. }
  141. body.hidemenu .left {
  142. display:none
  143. }
  144. body.showmenu .right {
  145. left:220px
  146. }
  147. body.hidemenu .right {
  148. left:0
  149. }
  150. .left {
  151. position:absolute;
  152. top:76px;
  153. width:220px;
  154. left:0;
  155. bottom:0;
  156. z-index:7
  157. }
  158. .menu {
  159. height:100%
  160. }
  161. .menu iframe {
  162. height:100%;
  163. width:99.99%;
  164. z-index:20
  165. }
  166. .right {
  167. position:absolute;
  168. right:0;
  169. top:76px;
  170. bottom:0;
  171. z-index:7
  172. }
  173. .main {
  174. height:100%
  175. }
  176. .main iframe {
  177. width:99.99%;
  178. height:100%;
  179. z-index:20
  180. }
  181. .qucikmenu {
  182. position:absolute;
  183. right:10px;
  184. top:32px;
  185. z-index:9;
  186. display:none
  187. }
  188. .qucikmenu ul {
  189. width:110px;
  190. list-style:none;
  191. border:1px solid #E7E7E7;
  192. background:#fff
  193. }
  194. .qucikmenu ul li {
  195. display:block;
  196. text-align:left
  197. }
  198. .qucikmenu ul li a {
  199. display:block;
  200. padding:0 10px;
  201. height:30px;
  202. line-height:30px;
  203. color:#666
  204. }
  205. .qucikmenu ul li a:hover {
  206. background:#f6f6f6
  207. }
  208. .pagemask {
  209. position:absolute;
  210. display:none;
  211. width:100%;
  212. height:100%;
  213. background:#424b51;
  214. opacity:.7;
  215. z-index:100
  216. }
  217. .iframemask {
  218. position:absolute;
  219. display:none;
  220. z-index:80;
  221. top:0;
  222. left:0;
  223. width:100%;
  224. height:100%;
  225. background:#fff;
  226. border:none;
  227. opacity:0
  228. }
  229. .allmenu {
  230. position:absolute;
  231. display:none;
  232. margin-left:-400px;
  233. padding:10px;
  234. width:800px;
  235. top:76px;
  236. left:50%;
  237. background:#fff;
  238. border-radius:.2rem;
  239. z-index:999
  240. }
  241. .allmenu .allmenu-box {
  242. margin:0 auto;
  243. text-align:left;
  244. overflow:hidden;
  245. padding-left:2px
  246. }
  247. .maptop {
  248. margin-left:-1px;
  249. padding-right:6px;
  250. padding-left:6px;
  251. float:left;
  252. width:130px;
  253. overflow:hidden
  254. }
  255. .maptop dt.bigitem {
  256. padding:6px 10px;
  257. line-height:18px;
  258. color:#fff;
  259. background:#424b51
  260. }
  261. .mapitem dt {
  262. line-height:30px;
  263. text-indent:10px;
  264. background:#EFF1F1
  265. }
  266. .mapitem ul {
  267. margin-top:10px;
  268. margin-bottom:10px
  269. }
  270. .mapitem ul li {
  271. text-indent:20px;
  272. line-height:24px;
  273. background:url(../static/web/img/arrr.gif)0 8px no-repeat
  274. }
  275. .allmenu a {
  276. color:#5C604F
  277. }
  278. .allmenu a:hover {
  279. color:#F63
  280. }
  281. #login .theme {
  282. padding:10px;
  283. margin-top:20px;
  284. width:70%;
  285. clear:both
  286. }
  287. #login .theme li {
  288. margin-bottom:15px;
  289. margin-top:5px;
  290. overflow:hidden
  291. }
  292. #login .theme span {
  293. display:inline-block;
  294. float:left;
  295. width:150px;
  296. height:22px;
  297. line-height:22px;
  298. color:#424b51;
  299. text-align:right
  300. }
  301. .allsearch {
  302. float:left;
  303. margin-top:6px;
  304. border:1px solid #fff;
  305. border-radius:.2rem
  306. }
  307. .np {
  308. margin-top:6px;
  309. margin-left:10px;
  310. width:40px;
  311. height:18px;
  312. font-size:12px;
  313. color:#fff;
  314. background:#57960f;
  315. border-radius:.2rem;
  316. border:0;
  317. cursor:pointer
  318. }