upload.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563
  1. @charset "UTF-8";
  2. .uedbody {
  3. box-sizing: content-box !important;
  4. -webkit-box-sizing: content-box !important;
  5. -moz-box-sizing: content-box !important;
  6. width: 652px;
  7. position: fixed;
  8. padding: 2px 0px 0px 2px;
  9. background-color: #FFF;
  10. border: 1px solid rgba(0, 0, 0, 0.2);
  11. border-radius: 6px;
  12. box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  13. z-index: 811213;
  14. font-family: "微软雅黑";
  15. font-size: 12px;
  16. margin: 0px auto; }
  17. .uedbody div, .uedbody dl, .uedbody dt, .uedbody dd, .uedbody ul, .uedbody li, .uedbody ol, .uedbody h1, .uedbody h2, .uedbody h3, .uedbody h4, .uedbody h5, .uedbody h6, .uedbody pre, .uedbody code, .uedbody form, .uedbody fieldset, .uedbody legend, .uedbody button, .uedbody textarea, .uedbody blockquote, .uedbody p {
  18. margin: 0;
  19. padding: 0; }
  20. .uedbody h1, .uedbody h2, .uedbody h3, .uedbody h4, .uedbody h5, .uedbody h6 {
  21. font-weight: normal; }
  22. .uedbody li {
  23. list-style-type: none; }
  24. .uedbody ol, .uedbody ul, .uedbody dl {
  25. list-style: none; }
  26. .uedbody em {
  27. font-style: normal; }
  28. .uedbody img {
  29. border: none;
  30. vertical-align: middle; }
  31. .uedbody select, .uedbody label, .uedbody input {
  32. vertical-align: middle;
  33. padding: 0;
  34. margin: 0;
  35. outline: medium;
  36. font-size: 12px; }
  37. .uedbody textarea {
  38. resize: none;
  39. line-height: 18px; }
  40. .uedbody table {
  41. border-collapse: collapse;
  42. border-spacing: 0;
  43. empty-cell: show; }
  44. .uedbody a {
  45. text-decoration: none;
  46. color: #333;
  47. outline: none;
  48. cursor: pointer; }
  49. .uedbody a:hover {
  50. cursor: pointer;
  51. blr: expression(this.onFocus=this.blur()); }
  52. .uedbody * {
  53. padding: 0;
  54. margin: 0;
  55. box-sizing: content-box !important;
  56. -webkit-box-sizing: content-box !important;
  57. -moz-box-sizing: content-box !important; }
  58. .uedbody .clearfix:before, .uedbody .clearfix:after {
  59. content: "";
  60. display: table; }
  61. .uedbody .clearfix:after {
  62. clear: both; }
  63. .uedbody .clearfix {
  64. *zoom: 1; }
  65. .uedbody .fr {
  66. float: right; }
  67. .uedbody .fl {
  68. float: left; }
  69. .uedbody .ued_title {
  70. height: 26px;
  71. border-bottom: 1px solid #C6C6C6;
  72. background: transparent url("images/dialog-title-bg.png") repeat-x scroll 0% 0%;
  73. position: relative;
  74. cursor: move; }
  75. .uedbody .ued_title .icon {
  76. background: url("images/icons-all.gif") no-repeat center; }
  77. .uedbody .ued_title .uedbar span {
  78. font-weight: bold;
  79. font-size: 14px;
  80. color: #444;
  81. line-height: 26px;
  82. padding-left: 5px; }
  83. .uedbody .ued_title .close_btn {
  84. height: 20px;
  85. width: 20px;
  86. cursor: pointer;
  87. background-position: 0px -59px;
  88. position: absolute;
  89. right: 5px;
  90. top: 3px; }
  91. .uedbody .ued_title .close_btn:hover {
  92. background-position: 0px -89px; }
  93. .uedbody .btn {
  94. display: inline-block;
  95. margin-bottom: 0px;
  96. margin-right: 5px;
  97. padding: 4px 10px;
  98. font-weight: 400;
  99. text-align: center;
  100. cursor: pointer;
  101. border: 1px solid transparent;
  102. white-space: nowrap;
  103. font-size: 14px;
  104. border-radius: 3px;
  105. -moz-user-select: none;
  106. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  107. padding: 5px 14px; }
  108. .uedbody .btn-default {
  109. border: 1px solid #CFCFCF;
  110. color: #565656;
  111. background: #ffffff; }
  112. .uedbody .btn-default:hover {
  113. background: #f0f0f0; }
  114. .uedbody .btn-primary {
  115. background: #00b7ee;
  116. color: #ffffff; }
  117. .uedbody .btn-primary:hover {
  118. background: #00a2d4; }
  119. .uedbody .btn.disabled {
  120. cursor: not-allowed;
  121. opacity: .65; }
  122. .uedbody .btn.disabled:hover {
  123. background: #00b7ee; }
  124. .uedbody .wrapper {
  125. width: 630px;
  126. height: 380px;
  127. margin: 0px auto;
  128. padding: 10px;
  129. position: relative;
  130. font-family: sans-serif; }
  131. .uedbody .wrapper .wra_head span {
  132. float: left;
  133. padding: 0px 5px;
  134. margin-right: 3px;
  135. height: 30px;
  136. border: 1px solid #CCC;
  137. background: transparent url("images/dialog-title-bg.png") repeat-x scroll 0% 0%;
  138. text-align: center;
  139. line-height: 30px;
  140. cursor: pointer;
  141. position: relative; }
  142. .uedbody .wrapper .wra_head span.focus {
  143. height: 31px;
  144. border-bottom: medium none;
  145. background: #FFF none repeat scroll 0% 0%;
  146. position: relative;
  147. z-index: 2; }
  148. .uedbody .wrapper .wra_body {
  149. width: 100%;
  150. height: 346px;
  151. clear: both;
  152. margin: 0px auto;
  153. border: 1px solid #CCC;
  154. display: block;
  155. clip: auto;
  156. overflow: hidden;
  157. top: -1px;
  158. position: relative; }
  159. .uedbody .wrapper .wra_body .upload-panel .wra_pla {
  160. zoom: 1;
  161. overflow: hidden;
  162. text-align: center; }
  163. .uedbody .wrapper .wra_body .upload-panel .wra_pla .upload-image-placeholder {
  164. margin: 10px;
  165. border: 2px dashed #e6e6e6;
  166. height: 172px;
  167. padding-top: 150px;
  168. text-align: center;
  169. background: url("images/image.png") center 70px no-repeat;
  170. position: relative;
  171. top: 0; }
  172. .uedbody .wrapper .wra_body .upload-panel .wra_pla .upload-image-placeholder .webuploader-element-invisible {
  173. opacity: 0;
  174. width: 0;
  175. height: 0; }
  176. .uedbody .wrapper .wra_body .upload-panel .wra_pla .upload-image-placeholder .image-select {
  177. padding: 10px 30px;
  178. cursor: pointer; }
  179. .uedbody .wrapper .wra_body .upload-panel .image-list-box .wra_bar {
  180. border-bottom: 1px solid #DADADA;
  181. padding: 8px;
  182. vertical-align: middle;
  183. position: relative;
  184. zoom: 1;
  185. overflow: hidden; }
  186. .uedbody .wrapper .wra_body .upload-panel .image-list-box .wra_bar .info {
  187. font-size: 14px;
  188. color: #666;
  189. margin-top: 6px; }
  190. .uedbody .wrapper .wra_body .upload-panel .image-list-box .wra_bar .fr .btn {
  191. padding: 6px 15px; }
  192. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist {
  193. list-style: outside none none;
  194. margin: 0px;
  195. padding: 0px;
  196. overflow-x: hidden;
  197. overflow-y: auto;
  198. position: relative;
  199. height: 300px; }
  200. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li {
  201. width: 113px;
  202. height: 113px;
  203. margin: 9px 0px 0px 9px;
  204. position: relative;
  205. display: block;
  206. float: left;
  207. overflow: hidden;
  208. font-size: 12px; }
  209. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .imgWrap {
  210. position: relative;
  211. vertical-align: middle;
  212. text-align: center;
  213. overflow: hidden;
  214. width: 113px;
  215. height: 113px;
  216. transform-origin: 50% 50% 0px;
  217. transition: all 200ms ease-out 0s; }
  218. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box {
  219. position: absolute;
  220. display: none;
  221. background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
  222. width: 100%;
  223. top: 0px;
  224. left: 0px;
  225. overflow: hidden; }
  226. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box span {
  227. width: 24px;
  228. height: 24px;
  229. display: inline;
  230. float: right;
  231. text-indent: -9999px;
  232. overflow: hidden;
  233. background: url("images/icons.png") no-repeat;
  234. margin: 5px 1px 1px;
  235. cursor: pointer;
  236. -webkit-tap-highlight-color: transparent;
  237. -webkit-user-select: none;
  238. -moz-user-select: none;
  239. -ms-user-select: none;
  240. user-select: none; }
  241. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box .remove {
  242. background-position: -48px -24px; }
  243. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box .remove:hover {
  244. background-position: -48px -0px; }
  245. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box .rotateRight {
  246. display: none;
  247. background-position: -24px -24px; }
  248. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box .rotateRight:hover {
  249. background-position: -24px -0px; }
  250. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box .rotateLeft {
  251. display: none;
  252. background-position: 0px -24px; }
  253. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .file-opt-box .rotateLeft:hover {
  254. background-position: 0px 0px; }
  255. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .success {
  256. background: url("images/success.png") no-repeat right;
  257. position: absolute;
  258. display: none;
  259. left: 0px;
  260. bottom: 0px;
  261. height: 40px;
  262. width: 100%; }
  263. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .error {
  264. position: absolute;
  265. width: 100%;
  266. display: none;
  267. background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%;
  268. left: 0;
  269. padding: 5px 3px;
  270. color: #cc0000;
  271. border: 1px solid #cccccc;
  272. bottom: 0; }
  273. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .progress {
  274. position: absolute;
  275. width: 100%;
  276. bottom: 0;
  277. left: 0;
  278. bottom: 0;
  279. height: 8px;
  280. overflow: hidden;
  281. z-index: 50;
  282. margin: 0;
  283. border-radius: 0;
  284. background: none;
  285. -webkit-box-shadow: 0 0 0; }
  286. .uedbody .wrapper .wra_body .upload-panel .image-list-box .filelist li .progress span {
  287. width: 0;
  288. height: 100%;
  289. background: #1483d8 url("images/progress.png") repeat-x;
  290. -webit-transition: width 200ms linear;
  291. -moz-transition: width 200ms linear;
  292. -o-transition: width 200ms linear;
  293. -ms-transition: width 200ms linear;
  294. transition: width 200ms linear;
  295. -webkit-animation: progressmove 2s linear infinite;
  296. -moz-animation: progressmove 2s linear infinite;
  297. -o-animation: progressmove 2s linear infinite;
  298. -ms-animation: progressmove 2s linear infinite;
  299. animation: progressmove 2s linear infinite;
  300. -webkit-transform: translateZ(0); }
  301. .uedbody .wrapper .wra_body .online {
  302. width: 100%;
  303. height: 336px;
  304. padding: 10px 0px 0px;
  305. display: none; }
  306. .uedbody .wrapper .wra_body .online .imagelist {
  307. width: 100%;
  308. height: 100%;
  309. overflow-x: hidden;
  310. overflow-y: auto;
  311. position: relative; }
  312. .uedbody .wrapper .wra_body .online .imagelist .list li {
  313. float: left;
  314. display: block;
  315. list-style: outside none none;
  316. padding: 0px;
  317. width: 113px;
  318. height: 113px;
  319. margin: 0px 0px 9px 9px;
  320. background-color: #EEE;
  321. overflow: hidden;
  322. cursor: pointer;
  323. position: relative; }
  324. .uedbody .wrapper .wra_body .online .imagelist .list li img {
  325. cursor: pointer; }
  326. .uedbody .wrapper .wra_body .online .imagelist .list li span.ic {
  327. position: absolute;
  328. top: 0px;
  329. left: 0px;
  330. cursor: pointer;
  331. width: 113px;
  332. height: 113px; }
  333. .uedbody .wrapper .wra_body .online .imagelist .list li span.ic .img-size {
  334. font-size: 12px;
  335. padding: 5px;
  336. background: rgba(0, 0, 0, 0.6);
  337. display: none;
  338. color: #ffffff; }
  339. .uedbody .wrapper .wra_body .online .imagelist .list li span.ic:hover {
  340. width: 107px;
  341. height: 107px;
  342. border: 3px solid #1094FA;
  343. background-position: 72px 72px; }
  344. .uedbody .wrapper .wra_body .online .imagelist .list li span.ic:hover .img-size {
  345. display: inline-block;
  346. width: 97px; }
  347. .uedbody .wrapper .wra_body .online .imagelist .list li span.selected {
  348. background: url("images/success.png") no-repeat 75px 75px; }
  349. .uedbody .wrapper .wra_body .searchbox {
  350. width: 100%;
  351. padding: 10px 0px 0px;
  352. zoom: 1;
  353. overflow: hidden;
  354. display: none; }
  355. .uedbody .wrapper .wra_body .searchbox .search-bar .searTxt {
  356. margin-left: 5px;
  357. background: #FFF none repeat scroll 0% 0%;
  358. width: 300px;
  359. height: 21px;
  360. line-height: 21px;
  361. padding: 3px 6px;
  362. font-size: 14px;
  363. line-height: 1.42857;
  364. border: 1px solid #CCC;
  365. border-radius: 4px;
  366. box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  367. transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  368. margin-right: 10px; }
  369. .uedbody .wrapper .wra_body .searchbox .search-bar .searchBtn {
  370. color: #FFF;
  371. border-color: #285E8E;
  372. background-color: #3B97D7; }
  373. .uedbody .wrapper .wra_body .searchbox .search-bar .searchRese {
  374. color: #333;
  375. border-color: #CCC;
  376. background-color: #FFF; }
  377. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box {
  378. width: 100%;
  379. height: 292px;
  380. overflow-x: hidden;
  381. overflow-y: auto;
  382. position: relative;
  383. margin-top: 10px; }
  384. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list {
  385. zoom: 1;
  386. overflow: hidden; }
  387. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list li {
  388. float: left;
  389. display: block;
  390. list-style: outside none none;
  391. padding: 0px;
  392. width: 113px;
  393. height: 113px;
  394. margin: 0px 0px 9px 9px;
  395. background-color: #EEE;
  396. overflow: hidden;
  397. cursor: pointer;
  398. position: relative; }
  399. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list li img {
  400. cursor: pointer; }
  401. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list li span.ic {
  402. position: absolute;
  403. top: 0px;
  404. left: 0px;
  405. cursor: pointer;
  406. width: 113px;
  407. height: 113px; }
  408. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list li span.ic .img-size {
  409. font-size: 12px;
  410. padding: 5px;
  411. background: rgba(0, 0, 0, 0.6);
  412. display: none;
  413. color: #ffffff; }
  414. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list li span.ic:hover {
  415. width: 107px;
  416. height: 107px;
  417. border: 3px solid #1094FA;
  418. background-position: 72px 72px;
  419. overflow: hidden; }
  420. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list li span.ic:hover .img-size {
  421. display: inline-block;
  422. width: 97px; }
  423. .uedbody .wrapper .wra_body .searchbox .search-imagelist-box .search-list li span.selected {
  424. background: url("images/success.png") no-repeat 75px 75px; }
  425. .uedbody .wrapper .wra_body .no-data {
  426. line-height: 40px;
  427. height: 40px;
  428. font-size: 14px;
  429. color: #999999;
  430. text-align: center;
  431. display: none; }
  432. .uedbody .wrapper .wra_body .no-data .error {
  433. color: #cc0000; }
  434. .uedbody .wrapper .wra_body .loading-icon {
  435. background: rgba(0, 0, 0, 0.4) url("images/loader.gif") no-repeat center center;
  436. position: absolute;
  437. width: 100%;
  438. height: 346px;
  439. top: 0;
  440. left: 0;
  441. display: none;
  442. text-align: center; }
  443. .uedbody .wrapper .wra_body .loading-icon .loading-message {
  444. position: absolute;
  445. font-size: 14px;
  446. color: #f0f0f0;
  447. top: 210px;
  448. left: 253px; }
  449. .uedbody .wrapper .wra_body .icon-placeholder {
  450. background-size: 113px 113px;
  451. display: block;
  452. width: 113px;
  453. height: 113px; }
  454. .uedbody .wrapper .wra_body .icon-aep, .uedbody .wrapper .wra_body .icon-aepx {
  455. background-image: url("icons/aep.png"); }
  456. .uedbody .wrapper .wra_body .icon-asp {
  457. background-image: url("icons/asp.png"); }
  458. .uedbody .wrapper .wra_body .icon-avi {
  459. background-image: url("icons/avi.png"); }
  460. .uedbody .wrapper .wra_body .icon-c, .uedbody .wrapper .wra_body .icon-cpp {
  461. background-image: url("icons/c.png"); }
  462. .uedbody .wrapper .wra_body .icon-conf {
  463. background-image: url("icons/conf.png"); }
  464. .uedbody .wrapper .wra_body .icon-css {
  465. background-image: url("icons/css.png"); }
  466. .uedbody .wrapper .wra_body .icon-htm, .uedbody .wrapper .wra_body .icon-html {
  467. background-image: url("icons/htm.png"); }
  468. .uedbody .wrapper .wra_body .icon-default {
  469. background-image: url("icons/txt.png"); }
  470. .uedbody .wrapper .wra_body .icon-doc, .uedbody .wrapper .wra_body .icon-docx {
  471. background-image: url("icons/doc.png"); }
  472. .uedbody .wrapper .wra_body .icon-eps {
  473. background-image: url("icons/eps.png"); }
  474. .uedbody .wrapper .wra_body .icon-fla, .uedbody .wrapper .wra_body .icon-swf {
  475. background-image: url("icons/fla.png"); }
  476. .uedbody .wrapper .wra_body .icon-idn {
  477. background-image: url("icons/idn.png"); }
  478. .uedbody .wrapper .wra_body .icon-ini {
  479. background-image: url("icons/ini.png"); }
  480. .uedbody .wrapper .wra_body .icon-java, .uedbody .wrapper .wra_body .icon-jar, .uedbody .wrapper .wra_body .icon-war {
  481. background-image: url("icons/java.png"); }
  482. .uedbody .wrapper .wra_body .icon-js {
  483. background-image: url("icons/js.png"); }
  484. .uedbody .wrapper .wra_body .icon-jsf {
  485. background-image: url("icons/jsf.png"); }
  486. .uedbody .wrapper .wra_body .icon-md, .uedbody .wrapper .wra_body .icon-markdown {
  487. background-image: url("icons/markdown.png"); }
  488. .uedbody .wrapper .wra_body .icon-mdb {
  489. background-image: url("icons/mdb.png"); }
  490. .uedbody .wrapper .wra_body .icon-midi {
  491. background-image: url("icons/midi.png"); }
  492. .uedbody .wrapper .wra_body .icon-mov {
  493. background-image: url("icons/mov.png"); }
  494. .uedbody .wrapper .wra_body .icon-mp3 {
  495. background-image: url("icons/mp3.png"); }
  496. .uedbody .wrapper .wra_body .icon-mpeg {
  497. background-image: url("icons/mpeg.png"); }
  498. .uedbody .wrapper .wra_body .icon-pdf {
  499. background-image: url("icons/pdf.png"); }
  500. .uedbody .wrapper .wra_body .icon-php {
  501. background-image: url("icons/php.png"); }
  502. .uedbody .wrapper .wra_body .icon-ppt, .uedbody .wrapper .wra_body .icon-pptx {
  503. background-image: url("icons/ppt.png"); }
  504. .uedbody .wrapper .wra_body .icon-psd {
  505. background-image: url("icons/psd.png"); }
  506. .uedbody .wrapper .wra_body .icon-pst {
  507. background-image: url("icons/pst.png"); }
  508. .uedbody .wrapper .wra_body .icon-pub {
  509. background-image: url("icons/pub.png"); }
  510. .uedbody .wrapper .wra_body .icon-py {
  511. background-image: url("icons/py.png"); }
  512. .uedbody .wrapper .wra_body .icon-rb {
  513. background-image: url("icons/rb.png"); }
  514. .uedbody .wrapper .wra_body .icon-rm, .uedbody .wrapper .wra_body .icon-rmvb {
  515. background-image: url("icons/rmvb.png"); }
  516. .uedbody .wrapper .wra_body .icon-scss {
  517. background-image: url("icons/scss.png"); }
  518. .uedbody .wrapper .wra_body .icon-tif {
  519. background-image: url("icons/tif.png"); }
  520. .uedbody .wrapper .wra_body .icon-txt {
  521. background-image: url("icons/txt.png"); }
  522. .uedbody .wrapper .wra_body .icon-vsd {
  523. background-image: url("icons/vsd.png"); }
  524. .uedbody .wrapper .wra_body .icon-wav {
  525. background-image: url("icons/wav.png"); }
  526. .uedbody .wrapper .wra_body .icon-wma {
  527. background-image: url("icons/wma.png"); }
  528. .uedbody .wrapper .wra_body .icon-wmv {
  529. background-image: url("icons/wmv.png"); }
  530. .uedbody .wrapper .wra_body .icon-xls, .uedbody .wrapper .wra_body .icon-xlsx {
  531. background-image: url("icons/xls.png"); }
  532. .uedbody .wrapper .wra_body .icon-xml {
  533. background-image: url("icons/xml.png"); }
  534. .uedbody .wrapper .wra_body .icon-zip, .uedbody .wrapper .wra_body .icon-rar, .uedbody .wrapper .wra_body .icon-tgz, .uedbody .wrapper .wra_body .icon-gz, .uedbody .wrapper .wra_body .icon-tar, .uedbody .wrapper .wra_body .icon-7z {
  535. background-image: url("icons/zip.png"); }
  536. .uedbody .wrapper .wra_body_server {
  537. height: 380px; }
  538. .uedbody .wrapper .wra_body_server .online {
  539. display: block !important;
  540. height: 365px; }
  541. .uedbody .wra-btn-group {
  542. clear: both;
  543. zoom: 1;
  544. text-align: right;
  545. padding: 10px 20px 20px 0px; }
  546. .uedbody .wra-btn-group .tip-text {
  547. float: left;
  548. padding: 5px 10px;
  549. color: #999;
  550. font-size: 14px; }
  551. @media (max-width: 652px) {
  552. .uedbody {
  553. width: 100%; }
  554. .uedbody .wrapper {
  555. width: calc(100% - 20px); }
  556. .uedbody .wrapper .wra_body .online .imagelist .list li {
  557. margin: 0px 0px 5px 5px; }
  558. .uedbody .wra-btn-group {
  559. padding: 10px 10px 10px 0px; } }
  560. /*# sourceMappingURL=upload.css.map */