public_notice.css 31 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621
  1. .icon18_common {
  2. margin:10px auto 0;
  3. width:20px;
  4. height:20px;
  5. display:block;
  6. overflow:hidden;
  7. text-indent:-9999em;
  8. background-position:center;
  9. background-repeat:no-repeat
  10. }
  11. .ui_wrapper {
  12. width:100%;
  13. padding:0
  14. }
  15. .placeholder {
  16. *color:#a2a9b6!important
  17. }
  18. .appmsg {
  19. overflow:hidden;
  20. box-shadow:0 1px 3px rgba(0,0,1,0.1);
  21. background-color:#fff;
  22. border:1px solid #d0d0d5;
  23. border:0 rgba(0,0,0,0);
  24. border-radius:4px;
  25. width:320px;
  26. position:relative
  27. }
  28. .appmsg_date {
  29. color:#a2a9b6;
  30. font-size:12px;
  31. font-style:normal
  32. }
  33. .appmsg_info {
  34. height:35px;
  35. line-height:35px;
  36. margin-top:-15px
  37. }
  38. .appmsg .appmsg_title>a:hover {
  39. color:#00a5e0
  40. }
  41. .appmsg_thumb,.thumb_item img {
  42. display:block;
  43. width:100%;
  44. height:100%
  45. }
  46. .appmsg_thumb,.thumb_item img {
  47. display:block;
  48. width:100%;
  49. height:100%
  50. }
  51. .thumb_item:hover>.thumb_wrp>img {
  52. transition-duration:500ms;
  53. transition-timing-function:cubic-bezier(0.19,1,.22,1);
  54. transform:scale(1.05,1.05)
  55. }
  56. .cover_appmsg_item {
  57. position:relative;
  58. width:290px;
  59. margin:15px auto;
  60. text-align:left;
  61. *margin-top:0
  62. }
  63. .multi .cover_appmsg_item {
  64. *margin-top:15px
  65. }
  66. .multi .cover_appmsg_item .appmsg_title {
  67. position:absolute;
  68. width:100%;
  69. min-height:22px;
  70. margin:0;
  71. font-weight:400;
  72. background-color:rgba(0,0,0,.8);
  73. bottom:0;
  74. left:0;
  75. overflow:hidden;
  76. z-index:1;
  77. filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B3000000,endcolorstr=#B3000000)
  78. }
  79. :root .multi .cover_appmsg_item .appmsg_title {
  80. background-image:none;
  81. filter:none
  82. }
  83. .multi .cover_appmsg_item .appmsg_title>a {
  84. color:#fff;
  85. padding:5px 10px;
  86. display:inherit;
  87. min-height:22px;
  88. -webkit-transition:opacity .2s;
  89. transition:opacity .2s;
  90. zoom:1
  91. }
  92. .multi .cover_appmsg_item .appmsg_title:hover>a {
  93. color:#fff;
  94. opacity:.8;
  95. filter:alpha(opacity=80)
  96. }
  97. .multi .cover_appmsg_item .appmsg_thumb {
  98. width:100%;
  99. height:100%;
  100. margin:0 auto
  101. }
  102. .appmsg_item {
  103. background-color:#FFF;
  104. padding:0 110px 0 15px;
  105. height:110px;
  106. overflow:hidden;
  107. border-top:1px solid #ededed;
  108. position:relative;
  109. zoom:1;
  110. display:block
  111. }
  112. .appmsg_item .appmsg_thumb_div {
  113. float:right;
  114. margin:15px -95px 15px 0;
  115. line-height:80px;
  116. text-align:center;
  117. *font-size:70px;
  118. width:80px;
  119. height:80px;
  120. overflow:hidden;
  121. position:relative
  122. }
  123. .appmsg_item .appmsg_thumb {
  124. vertical-align:middle;
  125. display:inline
  126. }
  127. .appmsg_title {
  128. margin-top:10px;
  129. margin-bottom:10px
  130. }
  131. p.appmsg_desc {
  132. margin:13px auto -2px
  133. }
  134. .appmsg_title a,.appmsg_desc {
  135. font-weight:400;
  136. font-size:14px;
  137. color:#4c5161;
  138. word-wrap:break-word;
  139. word-break:break-all;
  140. white-space:normal
  141. }
  142. .cover_appmsg_item .appmsg_title a {
  143. font-size:16px
  144. }
  145. .multi .appmsg_desc {
  146. display:none
  147. }
  148. .appmsg_opr>ul {
  149. overflow:hidden
  150. }
  151. .appmsg_opr_item {
  152. margin:5px 0;
  153. padding:0;
  154. list-style:none;
  155. border-left:1px solid #ededed;
  156. margin-left:-1px;
  157. display:inline;
  158. float:left;
  159. width:50%;
  160. height:100%;
  161. overflow:hidden
  162. }
  163. .appmsg_opr_item:first-child {
  164. border-left:0;
  165. margin-left:0
  166. }
  167. .appmsg_thumb_wrp {
  168. width:290px;
  169. height:160px;
  170. margin:0 auto;
  171. background-color:#e0e2e7
  172. }
  173. .appmsg_item .appmsg_title {
  174. height:100%;
  175. display:table;
  176. margin:0;
  177. *display:table-cell;
  178. *font-size:80px
  179. }
  180. .appmsg_item .appmsg_title>a {
  181. display:table-cell;
  182. vertical-align:middle;
  183. *display:inline-block;
  184. *font-size:14px
  185. }
  186. .appmsgtext .appmsg_content {
  187. padding:20px;
  188. height:210px
  189. }
  190. .appmsg_content_text {
  191. word-wrap:break-word;
  192. word-break:break-all;
  193. white-space:normal
  194. }
  195. .ui_dialog .thumb_area .thumb_page {
  196. position:absolute;
  197. bottom:0;
  198. left:0;
  199. right:0
  200. }
  201. .ui_dialog .thumb_area {
  202. position:relative
  203. }
  204. .ui_dialog .thumb_list {
  205. background-color:#e6e9eb;
  206. overflow:auto;
  207. position:absolute;
  208. top:0;
  209. right:0;
  210. left:0;
  211. bottom:50px
  212. }
  213. .ui_dialog .appmsg:hover,.ui_dialog .selected .appmsg {
  214. border-color:#00a5e0;
  215. cursor:pointer
  216. }
  217. .ui_dialog .appmsg {
  218. border:2px solid transparent;
  219. position:relative
  220. }
  221. .ui_dialog .plus_icon {
  222. display:inline-block;
  223. width:16px;
  224. height:16px;
  225. background-image:url(../common/images/plus_icon.png);
  226. vertical-align:sub;
  227. *vertical-align:middle
  228. }
  229. .ui_dialog a:hover .plus_icon {
  230. background-image:url(../common/images/plus_icon_blue.png)
  231. }
  232. .selectArticle ul.listview {
  233. top:-30px;
  234. margin-left:12px
  235. }
  236. .selectArticle .func_tab {
  237. height:20px;
  238. padding-bottom:15px
  239. }
  240. .selectArticle .func_tab a.create_article {
  241. float:right
  242. }
  243. .selectArticle a.create_article span {
  244. font-size:16px;
  245. margin-left:5px;
  246. color:#4c5161;
  247. line-height:16px;
  248. font-weight:400
  249. }
  250. .selectArticle a.create_article:hover span {
  251. color:#00a5e0
  252. }
  253. .selectArticle .appmsg_title:hover a {
  254. color:#4c5161
  255. }
  256. .selectArticle .listview>.listItem {
  257. opacity:0
  258. }
  259. .selectArticle .listview>.listItem.fadeIn {
  260. opacity:1
  261. }
  262. .selectText .thumb_area {
  263. height:450px
  264. }
  265. .selectText .thumb_area {
  266. display:none
  267. }
  268. .selectText .func_bar {
  269. height:40px;
  270. width:100%;
  271. margin:20px 0;
  272. zoom:1
  273. }
  274. .selectText .listItem {
  275. float:left;
  276. margin:0 60px 30px 0
  277. }
  278. .selectText ul.listview {
  279. padding-left:60px;
  280. padding-top:30px
  281. }
  282. .image_groupbar li {
  283. position:relative;
  284. font-size:14px;
  285. color:#4c5161;
  286. height:38px;
  287. line-height:38px;
  288. padding-left:10px;
  289. padding-right:10px;
  290. margin-top:2px;
  291. cursor:pointer
  292. }
  293. .image_groupbar li:hover {
  294. background-color:#e6eaf4
  295. }
  296. .image_groupbar li.selected,.rbar_group li.selected:hover {
  297. background-color:#dfe4ef
  298. }
  299. .image_groupbar .icon_edit {
  300. margin-right:3px;
  301. background-image:url(../common/images/edit_grey.png)
  302. }
  303. .image_groupbar .icon_edit:hover {
  304. background-image:url(../common/images/icon_edit.png)
  305. }
  306. .image_groupbar .icon_del:hover {
  307. background-image:url(../common/images/icon_del.png)
  308. }
  309. .image_groupbar .icon_del {
  310. background-image:url(../common/images/delete_grey.png)
  311. }
  312. .image_groupbar .group_images_sum {
  313. color:#a2a9b6;
  314. margin-left:4px
  315. }
  316. .image_groupbar .group_func {
  317. display:none
  318. }
  319. .selectImage .thumb_list {
  320. background-color:#edf1f2;
  321. padding-left:15px
  322. }
  323. .selectImage .thumb_area {
  324. background-color:#edf1f2;
  325. position:relative;
  326. width:100%
  327. }
  328. .selectImage .lbar_group {
  329. position:absolute;
  330. left:0;
  331. top:0;
  332. width:179px;
  333. overflow:auto;
  334. border-right:1px solid #dbdee5;
  335. height:100%
  336. }
  337. .selectImage .lbar_group::-webkit-scrollbar {
  338. width:8px;
  339. height:8px
  340. }
  341. .selectImage .lbar_group::-webkit-scrollbar-thumb {
  342. background-color:#bbb;
  343. border-radius:8px
  344. }
  345. .selectImage .lbar_group::-webkit-scrollbar-thumb:hover {
  346. background-color:#aaa
  347. }
  348. .selectImage .lbar_group::-webkit-scrollbar-track-piece {
  349. background-color:#ddd
  350. }
  351. .selectImage .lbar_group li:first-child {
  352. margin-top:5px
  353. }
  354. .selectImage .lbar_group li {
  355. margin:2px 10px;
  356. padding-left:10px
  357. }
  358. .selectImage .lbar_group li i {
  359. float:left;
  360. height:30px;
  361. margin-left:5px
  362. }
  363. .selectImage .appmsg {
  364. width:130px;
  365. height:130px;
  366. margin:1px;
  367. border-radius:0;
  368. background-color:inherit;
  369. box-shadow:none
  370. }
  371. .selectImage .appmsg>img {
  372. visibility:hidden
  373. }
  374. .selectImage .func_tab {
  375. background-color:#edf1f2;
  376. height:50px;
  377. padding:8px;
  378. padding-right:25px
  379. }
  380. .selectImage .func_tab>span {
  381. color:#a2a9b6;
  382. float:right;
  383. line-height:50px
  384. }
  385. .selectImage .func_tab a.ui_button {
  386. float:right;
  387. margin-top:5px;
  388. margin-left:10px
  389. }
  390. .selectImage .ui_dialog_body {
  391. padding:0 0 0 180px;
  392. position:relative;
  393. border-top:1px solid #dbdee5;
  394. margin:20px 0;
  395. border-bottom:1px solid #dbdee5;
  396. overflow:hidden
  397. }
  398. .selectImage .blank_div {
  399. width:500px;
  400. margin-left:-250px;
  401. left:50%
  402. }
  403. .selectImage .ui_button .ui_loading {
  404. height:38px
  405. }
  406. .image_uploading {
  407. font-size:12px;
  408. border:1px solid #edf1f2;
  409. border:0 rgba(0,0,0,0);
  410. background-color:#e2e4e8;
  411. width:130px;
  412. height:130px;
  413. margin:3px;
  414. overflow:hidden;
  415. position:relative
  416. }
  417. .image_uploading .upload_progress {
  418. font-size:12px;
  419. width:50px;
  420. height:50px;
  421. position:absolute;
  422. top:50%;
  423. left:50%;
  424. margin-top:-25px;
  425. margin-left:-25px;
  426. text-align:center
  427. }
  428. .image_uploading .upload_progress .progress_line {
  429. background-color:#d1d3d7;
  430. height:3px;
  431. width:70px;
  432. margin-top:20px;
  433. display:inline-block
  434. }
  435. .image_uploading .upload_progress .progress_line i {
  436. background-color:#00a5e0;
  437. height:100%;
  438. float:left;
  439. width:0;
  440. zoom:1
  441. }
  442. .image_uploading .upload_btn_cancel {
  443. position:absolute;
  444. right:5px;
  445. bottom:4px
  446. }
  447. .image_uploading>span {
  448. position:absolute;
  449. left:5px;
  450. bottom:5px;
  451. width:7em;
  452. overflow:hidden;
  453. text-overflow:ellipsis;
  454. height:1.3em;
  455. white-space:nowrap
  456. }
  457. .selectImage .listItem .selstate>i {
  458. top:5px;
  459. right:5px
  460. }
  461. .selectImage .thumb_page {
  462. padding:10px 20px;
  463. border:0
  464. }
  465. .lbar_group li.selected {
  466. background-color:#e4e9f5
  467. }
  468. .func_bar .func_bar_right {
  469. float:right;
  470. height:40px;
  471. line-height:40px
  472. }
  473. .func_bar .slide {
  474. line-height:40px;
  475. color:#4c5161
  476. }
  477. .select_container {
  478. border:2px dashed #caccd0;
  479. padding:30px 0;
  480. position:relative;
  481. font-size:16px;
  482. color:#a2a9b6
  483. }
  484. .select_body {
  485. margin:0 auto;
  486. width:741px
  487. }
  488. .select_container .select_body>h4 {
  489. text-align:center;
  490. margin:0 0 30px 0
  491. }
  492. .select_options {
  493. margin:0 auto
  494. }
  495. .select_options ul {
  496. width:741px;
  497. margin:0 auto
  498. }
  499. .select_options li {
  500. float:left;
  501. margin:0 87px;
  502. cursor:pointer;
  503. text-align:center
  504. }
  505. .select_options li:hover {
  506. color:#4c5161
  507. }
  508. .select_options li>i {
  509. margin-bottom:15px;
  510. display:block;
  511. height:83px;
  512. width:73px;
  513. background-position:center;
  514. background-repeat:no-repeat
  515. }
  516. i.icon_select_article {
  517. background-image:url(../common/images/selectors/pictxt_normal.png)
  518. }
  519. :hover>i.icon_select_article {
  520. background-image:url(../common/images/selectors/pictxt_hover.png)
  521. }
  522. i.icon_select_image {
  523. background-image:url(../common/images/selectors/pic_normal.png)
  524. }
  525. :hover>i.icon_select_image {
  526. background-image:url(../common/images/selectors/pic_hover.png)
  527. }
  528. i.icon_select_text {
  529. background-image:url(../common/images/selectors/txt_normal.png)
  530. }
  531. :hover>i.icon_select_text {
  532. background-image:url(../common/images/selectors/txt_hover.png)
  533. }
  534. .hasChosen .chosen_body {
  535. display:block
  536. }
  537. .hasChosen .select_body {
  538. display:none
  539. }
  540. .hasChosen .material_icon_tip {
  541. display:block
  542. }
  543. .chosen_body {
  544. width:500px;
  545. margin:0 auto;
  546. display:none;
  547. position:relative;
  548. color:#4c5161;
  549. zoom:1
  550. }
  551. .chosen_body .chosen_item {
  552. float:right;
  553. margin-right:155px
  554. }
  555. .chosen_body .func_opr {
  556. position:absolute;
  557. top:50%;
  558. right:0;
  559. margin-top:-42px;
  560. width:100px
  561. }
  562. .func_opr li {
  563. line-height:42px;
  564. position:relative
  565. }
  566. .func_opr a {
  567. font-size:16px;
  568. color:#4c5161
  569. }
  570. .func_opr a:hover {
  571. color:#00a5e0
  572. }
  573. .func_opr i {
  574. position:absolute;
  575. display:inline-block;
  576. height:20px;
  577. width:20px;
  578. margin:13px 0 0 -25px;
  579. *margin-top:3px
  580. }
  581. .func_opr i.icon_edit {
  582. background:url("../common/images/selectors/icon_edit.png") no-repeat
  583. }
  584. .func_opr i.icon_del {
  585. background:url("../common/images/selectors/icon_del.png") no-repeat
  586. }
  587. .func_opr.disabled i.icon_edit {
  588. background-image:url("../common/images/selectors/icon_edit_grey.png")
  589. }
  590. .func_opr.disabled i.icon_del {
  591. background-image:url("../common/images/selectors/icon_del_grey.png")
  592. }
  593. .func_opr a:hover i.icon_edit {
  594. background-image:url("../common/images/selectors/icon_edit_active.png")
  595. }
  596. .func_opr a:hover i.icon_del {
  597. background-image:url("../common/images/selectors/icon_del_hover.png")
  598. }
  599. .func_opr .ui_loading {
  600. position:absolute;
  601. left:48px;
  602. top:20px
  603. }
  604. .material_icon_tip {
  605. display:none;
  606. position:absolute;
  607. right:20px;
  608. bottom:20px;
  609. color:#a2a9b6;
  610. font-size:14px
  611. }
  612. .angular_icon {
  613. background-image:url("../common/images/selectors/icon_angular.png");
  614. display:inline-block;
  615. height:12px;
  616. position:absolute;
  617. right:-12px;
  618. top:10px;
  619. width:12px
  620. }
  621. .appmsg_decoration {
  622. background-color:#fff;
  623. padding:3px 4px;
  624. border-radius:12px;
  625. border:1px solid #e5e5e5;
  626. border:0 rgba(0,0,0,0);
  627. box-shadow:0 1px 3px rgba(0,0,1,0.1);
  628. width:265px;
  629. position:relative
  630. }
  631. .chosen_item_image {
  632. padding:3px 4px;
  633. width:265px
  634. }
  635. .chosen_item_image img {
  636. border-radius:8px;
  637. width:100%
  638. }
  639. .chosen_item_text {
  640. max-width:290px;
  641. width:auto;
  642. display:inline-block;
  643. word-wrap:break-word;
  644. white-space:normal;
  645. padding:18px 18px 18px 20px;
  646. overflow:visible;
  647. margin:7px 0
  648. }
  649. .selectHotchat .thumb_area {
  650. height:600px;
  651. margin-bottom:5px
  652. }
  653. .selectEssay .thumb_area {
  654. height:600px;
  655. margin-bottom:5px
  656. }
  657. .selectHotchat .thumb_list {
  658. padding:35px 0 0 80px
  659. }
  660. .selectHotchat .listItem {
  661. margin:0 30px 30px 0
  662. }
  663. .selectHotchat .appmsg {
  664. height:250px;
  665. color:#a2a9b6;
  666. box-sizing:border-box
  667. }
  668. .selectHotchat .room_icon {
  669. display:block;
  670. width:64px;
  671. height:64px;
  672. background:url(../common/images/hotchat.png) center no-repeat;
  673. position:relative;
  674. left:50%;
  675. margin-left:-32px;
  676. margin-top:50px
  677. }
  678. .selectHotchat .room_bbar {
  679. position:absolute;
  680. bottom:12px;
  681. left:15px;
  682. font-size:14px
  683. }
  684. .selectHotchat h4.room_name {
  685. color:#4c5161;
  686. font-size:16px;
  687. text-align:center;
  688. width:100%;
  689. font-size:16px;
  690. margin:10px 0 5px
  691. }
  692. .selectHotchat h6.room_maxmember {
  693. text-align:center;
  694. font-size:12px
  695. }
  696. .selectHotchat .noResult .thumb_list {
  697. bottom:0
  698. }
  699. .selectHotchat .blank_div {
  700. margin-top:-50px
  701. }
  702. .selectHotchat a.create_hotchat span {
  703. font-size:16px;
  704. margin-left:5px;
  705. color:#4c5161;
  706. line-height:16px;
  707. font-weight:400
  708. }
  709. .selectHotchat a.create_hotchat:hover span {
  710. color:#00a5e0
  711. }
  712. #selectEssay .listview {
  713. padding:32px 0 22px 60px
  714. }
  715. #selectEssay .appmsg_essay {
  716. position:relative;
  717. width:356px;
  718. height:100px;
  719. margin:0 10px 10px 0;
  720. border-radius:0;
  721. padding-left:100px;
  722. box-sizing:border-box
  723. }
  724. .appmsg_essay .essay_cover {
  725. width:70px;
  726. height:70px;
  727. margin:15px;
  728. position:absolute;
  729. left:0;
  730. top:0
  731. }
  732. .appmsg_essay .essay_content {
  733. width:100%;
  734. text-overflow:ellipsis;
  735. white-space:nowrap;
  736. overflow:hidden
  737. }
  738. .appmsg_essay .essay_title {
  739. color:#545a6c;
  740. font-size:16px;
  741. text-overflow:ellipsis;
  742. white-space:nowrap;
  743. overflow:hidden;
  744. margin-top:36px
  745. }
  746. .appmsg_essay .essay_summary {
  747. color:#a2a9b6;
  748. font-size:12px
  749. }
  750. .appmsg_essay .main_eassay .essay_title {
  751. margin-top:23px;
  752. margin-bottom:7px
  753. }
  754. .webuploader-container {
  755. position:relative;
  756. padding:0;
  757. }
  758. .webuploader-element-invisible {
  759. position:absolute!important;
  760. clip:rect(1px 1px 1px 1px);
  761. clip:rect(1px,1px,1px,1px)
  762. }
  763. .webuploader-pick {
  764. padding:0 15px;
  765. min-width:50px
  766. }
  767. .webuploader-pick-disable {
  768. opacity:.6;
  769. pointer-events:none
  770. }
  771. body>.ui_dialog {
  772. padding:15px 25px 25px;
  773. position:fixed;
  774. _position:absolute;
  775. top:0;
  776. left:0;
  777. white-space:nowrap;
  778. border-radius:2px;
  779. background-color:#f7f9fa;
  780. width:340px;
  781. -webkit-animation:tinydown .25s;
  782. animation:tinydown .25s;
  783. z-index:99
  784. }
  785. .ui_dialog_absolute {
  786. position:absolute!important
  787. }
  788. .ui_dialog_hd {
  789. position:relative;
  790. height:16px;
  791. margin-bottom:35px
  792. }
  793. .ui_dialog_hd .ui_dialog_title {
  794. float:left;
  795. font-size:14px;
  796. font-weight:700;
  797. color:#4c5161;
  798. line-height:16px;
  799. padding:0
  800. }
  801. .ui_dialog_hd .ui_dialog_close {
  802. position:relative;
  803. right:0;
  804. top:0;
  805. width:16px;
  806. height:16px;
  807. background:url(../common/images/icon_close_normal.png) 0 0 transparent;
  808. float:right;
  809. cursor:pointer
  810. }
  811. .ui_dialog_hd .ui_dialog_close:hover {
  812. background:url(../common/images/icon_close_hover.png) 0 0 transparent
  813. }
  814. .icon_danger {
  815. width:34px;
  816. height:34px;
  817. background-image:url(../common/images/icon_danger.png);
  818. display:inline-block;
  819. vertical-align:middle;
  820. margin-right:15px
  821. }
  822. .ui_dialog_bd strong {
  823. font-size:16px;
  824. line-height:34px;
  825. color:#767a89
  826. }
  827. .ui_dialog_ft {
  828. text-align:right
  829. }
  830. .ui_dialog_ft .ui_button {
  831. margin-right:10px
  832. }
  833. .ui_mask {
  834. width:100%;
  835. height:100%;
  836. filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191c22,endcolorstr=#CC191c22);
  837. background:url(about:blank);
  838. background-color:rgba(25,28,34,.88);
  839. top:0;
  840. left:0;
  841. position:fixed;
  842. z-index:1000;
  843. overflow:auto;
  844. -webkit-animation:fadeIn .2s both;
  845. animation:fadeIn .2s both
  846. }
  847. :root .ui_mask {
  848. filter:none;
  849. background-image:none
  850. }
  851. #select_imgtext_dialog {
  852. width:900px;
  853. height:755px;
  854. padding:20px;
  855. background-color:#f7f9fa
  856. }
  857. .ui_dialog_hd {
  858. margin:0 0 0 10px
  859. }
  860. .ui_dialog_hd_preview {
  861. margin:0
  862. }
  863. #select_imgtext_dialog .ui_dialog_bd {
  864. height:665px;
  865. margin:0 10px 20px
  866. }
  867. #select_imgtext_dialog .ui_dialog_bd .func_tab {
  868. height:16px;
  869. padding:20px 0 15px
  870. }
  871. #select_imgtext_dialog .ui_dialog_bd .func_tab ul {
  872. float:right;
  873. width:300px
  874. }
  875. #select_imgtext_dialog .ui_dialog_bd .func_tab li {
  876. float:left;
  877. margin-left:15px
  878. }
  879. #select_imgtext_dialog .ui_dialog_bd .func_tab a .plus_icon {
  880. display:inline-block;
  881. float:left;
  882. width:16px;
  883. height:16px;
  884. background-image:url(../common/images/plus_icon.png)
  885. }
  886. #select_imgtext_dialog .ui_dialog_bd .func_tab a:hover .plus_icon {
  887. background-image:url(../common/images/plus_icon_blue.png)
  888. }
  889. #select_imgtext_dialog .ui_dialog_bd .blank_div {
  890. margin:20px 0;
  891. height:639px;
  892. background-color:#e6e6ea;
  893. overflow:hidden
  894. }
  895. #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_tips {
  896. font-size:24px;
  897. margin:270px 295px 10px
  898. }
  899. #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_tips strong {
  900. font-size:24px;
  901. height:24px;
  902. line-height:24px;
  903. font-weight:400
  904. }
  905. #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func {
  906. margin:20px 282px 10px
  907. }
  908. #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func a span {
  909. color:#4c5161;
  910. margin-left:5px
  911. }
  912. #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func a:hover span {
  913. color:#00a5e0
  914. }
  915. #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func li {
  916. float:left;
  917. margin-left:15px
  918. }
  919. #select_imgtext_dialog .ui_dialog_bd .blank_div a .plus_icon {
  920. display:inline-block;
  921. float:left;
  922. width:16px;
  923. height:16px;
  924. background-image:url(../common/images/plus_icon.png)
  925. }
  926. #select_imgtext_dialog .ui_dialog_bd .blank_div a:hover .plus_icon {
  927. background-image:url(../common/images/plus_icon_blue.png)
  928. }
  929. #select_imgtext_dialog .ui_dialog_bd .func_tab a span {
  930. font-size:16px;
  931. margin-left:5px;
  932. float:left;
  933. color:#4c5161;
  934. line-height:16px;
  935. font-weight:400
  936. }
  937. #select_imgtext_dialog .ui_dialog_bd .func_tab a:hover span {
  938. color:#00a5e0
  939. }
  940. #select_imgtext_dialog .ui_dialog_bd .thumb_area {
  941. height:550px
  942. }
  943. #select_imgtext_dialog .ui_dialog_bd .thumb_list {
  944. height:510px;
  945. background-color:#e6e6ea;
  946. overflow:scroll;
  947. padding:20px 60px;
  948. position:relative;
  949. display:inline-block
  950. }
  951. .ui_dialog_bd .thumb_page {
  952. background-color:#f5f6fa;
  953. height:28px;
  954. padding:15px 20px;
  955. box-shadow:0 1px 2px #e1e4e9
  956. }
  957. .ui_dialog_bd .thumb_page p {
  958. float:left;
  959. height:28px;
  960. line-height:28px;
  961. font-size:14px;
  962. color:#4c5161
  963. }
  964. .ui_dialog_bd .thumb_page em {
  965. height:28px;
  966. line-height:28px;
  967. font-size:14px;
  968. font-style:normal
  969. }
  970. .ui_dialog_bd .thumb_page ul {
  971. float:right
  972. }
  973. #select_imgtext_dialog .material_col,#select_text_dialog .material_col {
  974. width:320px;
  975. float:left;
  976. margin:10px 25px;
  977. display:inline;
  978. position:relative
  979. }
  980. #select_imgtext_dialog .msg_div {
  981. position:relative;
  982. box-shadow:0 0 1px #4c5161
  983. }
  984. #select_imgtext_dialog .appmsg {
  985. border:2px solid #fff;
  986. position:relative
  987. }
  988. #select_imgtext_dialog .appmsg:hover {
  989. border:2px solid #00a5e0;
  990. cursor:pointer
  991. }
  992. .thumb_mask {
  993. position:absolute;
  994. top:0;
  995. left:0;
  996. width:100%;
  997. height:100%;
  998. background-color:#FFF;
  999. opacity:.7;
  1000. filter:alpha(opacity=70);
  1001. z-index:2
  1002. }
  1003. .icon_gou {
  1004. width:16px;
  1005. height:16px;
  1006. display:block;
  1007. background-image:url(../common/images/icon_squre_gou.png);
  1008. overflow:hidden;
  1009. position:absolute;
  1010. top:10px;
  1011. right:10px;
  1012. z-index:3
  1013. }
  1014. .apply_icon {
  1015. width:80px;
  1016. height:40px;
  1017. background-image:url(../common/images/apply_icon.png)
  1018. }
  1019. .list_page em {
  1020. font-style:normal
  1021. }
  1022. #select_image_dialog {
  1023. width:900px;
  1024. height:725px;
  1025. padding:20px;
  1026. background-color:#f7f9fa
  1027. }
  1028. #select_image_dialog .ui_dialog_bd {
  1029. height:640px;
  1030. margin:0 10px 20px;
  1031. overflow:auto
  1032. }
  1033. #select_image_dialog .ui_dialog_bd .func_tab {
  1034. height:100px;
  1035. padding:20px 0 15px
  1036. }
  1037. #select_image_dialog .image_square {
  1038. background-color:#e3e8f1;
  1039. border-radius:3px;
  1040. height:40px;
  1041. padding:30px 25px;
  1042. width:830px;
  1043. float:left
  1044. }
  1045. #select_image_dialog .image_square strong {
  1046. display:inline-block;
  1047. height:40px;
  1048. line-height:40px;
  1049. font-size:14px;
  1050. color:#9fa8b5;
  1051. font-weight:400;
  1052. margin-left:10px
  1053. }
  1054. #select_image_dialog .ui_dialog_bd .thumb_list {
  1055. height:435px;
  1056. background-color:#e6e6ea;
  1057. overflow:auto;
  1058. padding:5px
  1059. }
  1060. #select_image_dialog .ui_dialog_bd .thumb_list ul {
  1061. height:100%;
  1062. position:relative;
  1063. *overflow:auto
  1064. }
  1065. #select_image_dialog .ui_dialog_bd .thumb_list li {
  1066. overflow:hidden;
  1067. position:relative;
  1068. float:left;
  1069. margin:5px 4px;
  1070. border:2px solid #e6e6ea;
  1071. width:200px;
  1072. height:110px;
  1073. text-align:center
  1074. }
  1075. #select_image_dialog .ui_dialog_bd .thumb_list li:hover {
  1076. border:2px solid #00a5e0!important;
  1077. cursor:pointer
  1078. }
  1079. .selected_li {
  1080. border:2px solid #00a5e0!important
  1081. }
  1082. #select_image_dialog .ui_dialog_bd .blank_div {
  1083. height:490px;
  1084. background-color:#e6e6ea;
  1085. overflow:hidden
  1086. }
  1087. #select_image_dialog .ui_dialog_bd .blank_div .blank_tips {
  1088. font-size:24px;
  1089. margin:225px 345px 10px
  1090. }
  1091. #select_image_dialog .ui_dialog_bd .blank_div .blank_tips strong {
  1092. font-size:24px;
  1093. height:24px;
  1094. line-height:24px;
  1095. font-weight:400
  1096. }
  1097. #select_text_dialog {
  1098. width:900px;
  1099. height:725px;
  1100. padding:20px;
  1101. background-color:#f7f9fa;
  1102. position:absolute!important;
  1103. top:50px!important
  1104. }
  1105. .small_dialog {
  1106. height:300px!important
  1107. }
  1108. #select_text_dialog .ui_dialog_bd {
  1109. height:640px;
  1110. margin:0 10px 20px
  1111. }
  1112. #select_text_dialog .ui_dialog_bd .func_tab {
  1113. width:875px;
  1114. height:270px;
  1115. margin:20px 0 15px
  1116. }
  1117. #select_text_dialog .edit_tool {
  1118. width:850px;
  1119. height:14px;
  1120. font-size:12px;
  1121. background-color:#fff;
  1122. border:1px solid #00a5e0;
  1123. border-top:0;
  1124. padding:8px
  1125. }
  1126. #select_text_dialog .text_editor {
  1127. width:850px;
  1128. height:185px
  1129. }
  1130. #select_text_dialog .edit_area {
  1131. width:850px;
  1132. height:125px;
  1133. border:1px solid #00a5e0;
  1134. border-bottom:0;
  1135. border-radius:0
  1136. }
  1137. #select_text_dialog .editor_tip {
  1138. float:right;
  1139. color:#b0b0b4;
  1140. font-style:normal
  1141. }
  1142. #select_text_dialog #remain_word {
  1143. font-style:normal
  1144. }
  1145. #select_text_dialog .text_func {
  1146. height:40px;
  1147. width:872px;
  1148. margin:20px 0
  1149. }
  1150. #select_text_dialog .left_func {
  1151. float:left;
  1152. height:40px;
  1153. line-height:40px;
  1154. cursor:pointer
  1155. }
  1156. #select_text_dialog .right_func {
  1157. float:right;
  1158. height:40px;
  1159. line-height:40px
  1160. }
  1161. #select_text_dialog .ui_dialog_bd .thumb_area {
  1162. height:320px
  1163. }
  1164. #select_text_dialog .ui_dialog_bd .thumb_list {
  1165. height:280px;
  1166. background-color:#e6e6ea;
  1167. overflow:scroll;
  1168. padding:20px 60px;
  1169. position:relative
  1170. }
  1171. #select_text_dialog .ui_dialog_bd .text_div {
  1172. position:relative;
  1173. background-color:#fff;
  1174. padding:20px;
  1175. margin-bottom:20px;
  1176. border:2px solid #fff;
  1177. box-shadow:0 0 1px #4c5161;
  1178. border-radius:3px
  1179. }
  1180. #select_text_dialog .ui_dialog_bd .text_div:hover {
  1181. border:2px solid #00a5e0!important;
  1182. cursor:pointer
  1183. }
  1184. #select_text_dialog .ui_dialog_bd .text_date {
  1185. display:block;
  1186. padding-bottom:10px;
  1187. color:#a2a9b6
  1188. }
  1189. #select_text_dialog .ui_dialog_bd .text_content {
  1190. display:block;
  1191. word-wrap:normal;
  1192. word-break:break-all;
  1193. white-space:normal;
  1194. font-size:14px;
  1195. line-height:1.4;
  1196. font-style:normal
  1197. }
  1198. #select_text_dialog .slide span {
  1199. color:#5f6577
  1200. }
  1201. #select_text_dialog .right_func {
  1202. color:#5f6577
  1203. }
  1204. #select_text_dialog .right_func .synch_div {
  1205. float:left;
  1206. margin-right:10px;
  1207. display:inline-block
  1208. }
  1209. #select_text_dialog .ui_dialog_bd .blank_div {
  1210. height:390px;
  1211. background-color:#e6e6ea;
  1212. overflow:hidden
  1213. }
  1214. #select_text_dialog .ui_dialog_bd .blank_div .blank_tips {
  1215. font-size:24px;
  1216. margin:190px 320px 10px
  1217. }
  1218. #select_text_dialog .ui_dialog_bd .blank_div .blank_tips strong {
  1219. font-size:24px;
  1220. height:24px;
  1221. line-height:24px;
  1222. font-weight:400
  1223. }
  1224. #select_text_dialog .apply_icon {
  1225. position:absolute;
  1226. width:80px;
  1227. height:40px;
  1228. background-color:url('../common/images/apply_icon.png');
  1229. display:block;
  1230. z-index:3
  1231. }
  1232. #select_text_confirm {
  1233. margin-right:10px
  1234. }
  1235. #select_qrcode tbody td {
  1236. padding:0
  1237. }
  1238. #select_qrcode .ui_dialog_title {
  1239. margin-bottom:20px
  1240. }
  1241. @font-face {
  1242. font-family:'helveticaneueltstd';
  1243. font-weight:normal;
  1244. font-style:normal
  1245. }
  1246. .public_notice_content {
  1247. margin-top:30px;
  1248. padding-bottom:50px
  1249. }
  1250. .notice_set {
  1251. margin-bottom:15px;
  1252. margin-right:-15px;
  1253. visibility:hidden
  1254. }
  1255. .notice_head,.notice_item {
  1256. width:25%;
  1257. *width:24.9%;
  1258. float:left
  1259. }
  1260. .notice_head_a,.notice_item_a {
  1261. display:block;
  1262. height:100%;
  1263. *height:185px;
  1264. -ms-box-sizing:border-box;
  1265. box-sizing:border-box;
  1266. padding:25px 25px 20px;
  1267. cursor:pointer;
  1268. -webkit-animation:fadeIn .2s;
  1269. animation:fadeIn .2s
  1270. }
  1271. .notice_item_inner {
  1272. margin-right:15px;
  1273. -webkit-transition:background-color .2s;
  1274. transition:background-color .2s
  1275. }
  1276. .notice_item .notice_item_inner {
  1277. background:#fff;
  1278. box-shadow:0 1px 3px rgba(0,0,1,0.1)
  1279. }
  1280. .notice_item_inner:hover .notice_item_a {
  1281. opacity:.8
  1282. }
  1283. .notice_item_inner {
  1284. height:230px
  1285. }
  1286. .notice_head .notice_item_inner {
  1287. position:relative;
  1288. overflow:hidden
  1289. }
  1290. .notice_head_a,.notice_head_a:hover {
  1291. position:relative;
  1292. color:#fff;
  1293. -webkit-transform:translateZ(0);
  1294. transform:translateZ(0)
  1295. }
  1296. .notice_item_a,.notice_item_a:hover {
  1297. color:#4c5161
  1298. }
  1299. .notice_avatar_cover {
  1300. position:absolute;
  1301. left:0;
  1302. right:0;
  1303. top:0;
  1304. bottom:0;
  1305. opacity:.9;
  1306. filter:alpha(opacity=90)
  1307. }
  1308. .avatar_url {
  1309. float:left;
  1310. margin-right:15px
  1311. }
  1312. .avater_img_x {
  1313. position:absolute;
  1314. height:140%;
  1315. width:400px;
  1316. top:-20%;
  1317. left:50%;
  1318. margin-left:-200px;
  1319. text-align:center
  1320. }
  1321. .avater_img {
  1322. width:68px;
  1323. height:68px;
  1324. border:3px solid rgba(255,255,255,.4);
  1325. float:left;
  1326. border-radius:50%;
  1327. overflow:hidden
  1328. }
  1329. .avater_img_blur {
  1330. height:100%;
  1331. -webkit-filter:blur(5px);
  1332. -moz-filter:blur(5px);
  1333. -ms-filter:blur(5px);
  1334. filter:blur(5px);
  1335. filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=4,MakeShadow=false);
  1336. -webkit-transition:all .2s;
  1337. transition:all .2s
  1338. }
  1339. .notice_item_inner:hover .avater_img_blur {
  1340. -webkit-filter:blur(3px);
  1341. -moz-filter:blur(3px);
  1342. -ms-filter:blur(3px);
  1343. filter:blur(3px);
  1344. filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=4,MakeShadow=false)
  1345. }
  1346. _:-ms-input-placeholder,:root .avater_img_blur {
  1347. position:absolute;
  1348. visibility:hidden
  1349. }
  1350. .notice_item_inner>svg {
  1351. height:100%
  1352. }
  1353. .name_area {
  1354. padding-top:10px;
  1355. overflow:hidden
  1356. }
  1357. .name_title {
  1358. display:inline-block;
  1359. max-width:80%;
  1360. max-width:calc(100% - 20px);
  1361. font-weight:400
  1362. }
  1363. .verify_area {
  1364. margin-top:20px
  1365. }
  1366. .no_verify_icon,.verify_icon {
  1367. position:absolute;
  1368. width:16px;
  1369. height:16px;
  1370. margin-left:5px;
  1371. margin-top:1px;
  1372. background:no-repeat center
  1373. }
  1374. .no_verify_icon {
  1375. background-image:url(images/icon_verify_fail.png)
  1376. }
  1377. .verify_icon {
  1378. background-image:url(images/icon_verify.png)
  1379. }
  1380. .notice_number_x {
  1381. margin-top:40px;
  1382. text-align:right
  1383. }
  1384. .notice_number {
  1385. line-height:1.2;
  1386. font-size:50px;
  1387. font-family:helveticaneueltstd
  1388. }
  1389. .notice_number_char {
  1390. vertical-align:2px;
  1391. margin-right:-5px;
  1392. margin-bottom:5px;
  1393. opacity:0;
  1394. filter:alpha(opacity=0);
  1395. opacity:1 \9
  1396. }
  1397. .icon_circle_shape {
  1398. display:inline-block;
  1399. width:20px;
  1400. height:20px;
  1401. background:no-repeat center;
  1402. background-image:url(images/icon_balance.png);
  1403. font:0/0 a;
  1404. text-align:center;
  1405. vertical-align:top
  1406. }
  1407. .notice_style {
  1408. padding:7px 0 13px;
  1409. line-height:54px
  1410. }
  1411. .icon_fans_total,.icon_fans_add,.icon_fans_msg {
  1412. display:inline-block;
  1413. width:60px;
  1414. height:60px;
  1415. background:url(images/icons_pub_fans.png) no-repeat;
  1416. background-size:60px 180px;
  1417. vertical-align:middle
  1418. }
  1419. .icon_fans_add {
  1420. background-position:0 -60px
  1421. }
  1422. .icon_fans_msg {
  1423. background-position:0 -120px
  1424. }
  1425. .notice_font {
  1426. font-size:18px;
  1427. position:absolute;
  1428. margin-left:12px;
  1429. margin-top:2px
  1430. }
  1431. .icon_arrow_up,.icon_arrow_down {
  1432. display:inline-block;
  1433. width:0;
  1434. height:0;
  1435. margin-right:2px;
  1436. border:solid transparent;
  1437. border-width:11px 8px;
  1438. overflow:hidden
  1439. }
  1440. .icon_arrow_up {
  1441. border-bottom-color:#5ae0a0;
  1442. margin-top:-10px
  1443. }
  1444. .icon_arrow_down {
  1445. border-top-color:#fc8585;
  1446. margin-bottom:-11px
  1447. }
  1448. .icon_arrow_same {
  1449. display:inline-block;
  1450. width:12px;
  1451. height:15px;
  1452. margin-right:4px;
  1453. border-bottom:2px solid;
  1454. *border:0;
  1455. -ms-box-sizing:border-box;
  1456. box-sizing:border-box;
  1457. color:#bfbfbf;
  1458. font:0/27px a;
  1459. *font:bold 14px/15px 'arial';
  1460. position:relative;
  1461. overflow:hidden
  1462. }
  1463. .icon_arrow_same:before,.icon_arrow_same:after {
  1464. content:'';
  1465. position:absolute
  1466. }
  1467. .icon_arrow_same:before {
  1468. height:10px;
  1469. border-left:2px solid;
  1470. left:5px;
  1471. bottom:1px
  1472. }
  1473. .icon_arrow_same:after {
  1474. width:12px;
  1475. border-top:2px solid;
  1476. bottom:5px;
  1477. left:0
  1478. }
  1479. .tinyup {
  1480. -webkit-animation:raiseup .25s .1s both,fadeIn .2s .1s both;
  1481. animation:raiseup .25s .1s both,fadeIn .2s .1s both
  1482. }
  1483. .directup .notice_number_char {
  1484. opacity:1;
  1485. filter:alpha(opacity=100)
  1486. }
  1487. .verify_area span {
  1488. font-size:18px;
  1489. margin-left:7px;
  1490. margin-right:10px;
  1491. height:18px;
  1492. line-height:18px
  1493. }
  1494. .verify_btn {
  1495. display:inline-block;
  1496. vertical-align:top;
  1497. height:18px;
  1498. line-height:18px;
  1499. font-size:18px
  1500. }
  1501. .public_notice_content .table_x {
  1502. visibility:hidden
  1503. }
  1504. .notice_display_head {
  1505. line-height:80px;
  1506. padding-left:20px;
  1507. background-color:#fff;
  1508. border-bottom:1px solid #ededed;
  1509. font-size:24px
  1510. }
  1511. .notice_tb .notice_data {
  1512. width:100px;
  1513. text-align:right;
  1514. color:#a2a9b6
  1515. }
  1516. .notice_content_a {
  1517. display:block;
  1518. width:100%;
  1519. color:#4c5161
  1520. }
  1521. .notice_content_a:hover {
  1522. color:#4c5161
  1523. }
  1524. .notice_content_a>p {
  1525. line-height:25px;
  1526. text-overflow:ellipsis;
  1527. overflow:hidden
  1528. }
  1529. .icon_tips_new {
  1530. width:27px;
  1531. height:27px;
  1532. background-repeat:no-repeat;
  1533. background-image:url(images/pub_new_notice.png);
  1534. position:absolute;
  1535. margin:-14px 0 0 -20px
  1536. }
  1537. .icon_tips_new+.notice_content_a {
  1538. line-height:26px;
  1539. font-size:16px
  1540. }
  1541. .notice_tb tr {
  1542. cursor:pointer
  1543. }
  1544. .bread {
  1545. padding-bottom:0
  1546. }
  1547. .notice_crumb {
  1548. height:16px;
  1549. margin-bottom:25px
  1550. }
  1551. .notice_crumb .notice_sep {
  1552. margin:1px 14px 0;
  1553. background-image:url(images/crumb_sep3.png)
  1554. }
  1555. .notice_body {
  1556. box-shadow:0 1px 3px rgba(0,0,1,0.1);
  1557. width:100%;
  1558. min-height:100px;
  1559. background-color:#fff;
  1560. margin:0 auto
  1561. }
  1562. .notice_body_display {
  1563. padding:40px 0 50px;
  1564. width:900px;
  1565. margin:0 auto;
  1566. color:#4c5161
  1567. }
  1568. .display_head {
  1569. display:block;
  1570. font-size:24px;
  1571. margin-bottom:10px
  1572. }
  1573. .display_data {
  1574. display:block;
  1575. color:#a2a9b6;
  1576. margin-bottom:30px
  1577. }
  1578. .display_content {
  1579. line-height:1.5
  1580. }
  1581. .display_footer {
  1582. overflow:hidden;
  1583. margin-top:40px
  1584. }
  1585. .display_portal {
  1586. float:right;
  1587. display:block;
  1588. line-height:24px
  1589. }
  1590. .notice_acc_type span {
  1591. display:inline-block;
  1592. border-radius:20px;
  1593. background-color:rgba(255,255,255,0.3);
  1594. padding:8px 15px;
  1595. position:absolute;
  1596. bottom:20px;
  1597. right:20px
  1598. }
  1599. .icon_cross {
  1600. width:18px;
  1601. height:18px;
  1602. display:inline-block;
  1603. overflow:hidden;
  1604. position:relative
  1605. }
  1606. .icon_cross>span {
  1607. height:100%;
  1608. width:100%;
  1609. position:absolute
  1610. }
  1611. .icon_cross_h {
  1612. top:50%;
  1613. left:0;
  1614. border-top:solid 2px;
  1615. margin-top:-1px
  1616. }
  1617. .icon_cross_v {
  1618. left:50%;
  1619. border-left:solid 2px;
  1620. margin-left:-1px
  1621. }