web-base.css 25 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574
  1. @charset "utf-8";
  2. body {
  3. word-wrap: break-word;
  4. background-color: black;
  5. word-wrap: break-word;
  6. font-size: 14px;
  7. font-family: "PingFangSC", "helvetica neue", "hiragino sans gb", "arial",
  8. "microsoft yahei ui", "microsoft yahei", "simsun", "sans-serif";
  9. }
  10. .clear-both {
  11. margin-left: 0px;
  12. margin-right: 0px;
  13. padding-left: 1px;
  14. padding-right: 1px;
  15. }
  16. h1 {
  17. font-size: 24px;
  18. font-weight: bold;
  19. }
  20. h2 {
  21. font-size: 18px;
  22. font-weight: bold;
  23. margin-left: 24px;
  24. }
  25. h3 {
  26. font-size: 18px;
  27. font-weight: bold;
  28. margin-left: 48px;
  29. }
  30. .doctypeUl {
  31. margin-left: 0px;
  32. }
  33. .doctypeUl li {
  34. margin-left: -25px;
  35. }
  36. .doctypeUl h5 {
  37. line-height: 1.2em;
  38. }
  39. .doctypeUl > li > h5 {
  40. line-height: 1.5em;
  41. }
  42. .hr_split {
  43. margin: 8px;
  44. }
  45. a {
  46. color: #717fa2;
  47. cursor: pointer;
  48. }
  49. a i {
  50. color: #717fa2;
  51. font-style: normal;
  52. margin-left: 2px;
  53. margin-right: 2px;
  54. }
  55. a i:HOVER {
  56. color: #d9534f;
  57. }
  58. .color_a {
  59. color: #00a2ca;;
  60. cursor: pointer;
  61. }
  62. a:hover {
  63. color: #ba2636;
  64. text-decoration: none;
  65. }
  66. hr {
  67. margin: 0px;
  68. }
  69. .alertMsgClass {
  70. margin-top: 8px;
  71. color: #cb2c33;
  72. font-size: 12px;
  73. }
  74. .column_title {
  75. color: #D9534F;
  76. font-size: 16px;
  77. font-weight: 700;
  78. }
  79. .column_box {
  80. margin-top: 26px;
  81. }
  82. .side_column {
  83. margin-top: 16px;
  84. }
  85. .side_column a {
  86. background-color: #FCFCFC;
  87. }
  88. .side_unit_title {
  89. color: #888;
  90. font-weight: 500;
  91. font-size: 14px;
  92. word-wrap: break-word;
  93. }
  94. .side_unit_title a {
  95. color: #605f5f;
  96. }
  97. .side_unit_title a:HOVER {
  98. color: #ba2636;
  99. }
  100. .side_unit_info_box {
  101. color: #888;
  102. font-size: 12px;
  103. height: 50px;
  104. overflow: hidden;
  105. margin-top: 20px;
  106. }
  107. .side_unit_info {
  108. color: #888;
  109. font-size: 12px;
  110. line-height: 18px;
  111. }
  112. .side_unit_info .list-group {
  113. margin-bottom: 0px;
  114. }
  115. .side_unit_info_left_box {
  116. float: left;
  117. padding-left: 8px;
  118. }
  119. .side_unit_author_img {
  120. width: 60px;
  121. height: 60px;
  122. border: 1px solid #efefef;
  123. }
  124. .side_unit_author_img_min {
  125. width: 40px;
  126. height: 40px;
  127. }
  128. .doc-conentinfo a, .authortagsearch {
  129. cursor: pointer;
  130. color: #717fa2;
  131. text-decoration: underline;
  132. }
  133. .doc-conentinfo a:HOVER, .authortagsearch:HOVER {
  134. cursor: pointer;
  135. color: #D9534F;
  136. text-decoration: underline;
  137. }
  138. /**置顶图文知识-开始**/
  139. .doc_max_box {
  140. background-color: #ffffff;
  141. border: 1px solid #dddddd;
  142. padding: 4px;
  143. text-align: center;
  144. padding-bottom: 0px;
  145. }
  146. .doc_max_title {
  147. font-size: 1em;
  148. color: #5b5b5b;
  149. padding: 8px;
  150. padding-top: 2px;
  151. padding-bottom: 2px;
  152. text-overflow: ellipsis;
  153. overflow: hidden;
  154. text-overflow: ellipsis;
  155. }
  156. .doc_max_title a {
  157. color: #5b5b5b;
  158. }
  159. .doc_max_title a:HOVER {
  160. color: #ba2636;
  161. }
  162. .doc_max_box a:HOVER {
  163. text-decoration: none;
  164. }
  165. .doc_max_box_text {
  166. text-overflow: ellipsis;
  167. height: 90px;
  168. overflow: hidden;
  169. font-size: 14px;
  170. line-height: 24px;
  171. text-align: left;
  172. padding: 8px;
  173. padding-top: 0px;
  174. color: #777777;
  175. text-indent: 2em;
  176. }
  177. .doc_max_box_text:HOVER {
  178. color: #858585;
  179. }
  180. /**置顶图文知识-结束**/
  181. .doc_max_img {
  182. width: 100%;
  183. height: 195px;
  184. }
  185. .doc_max_img_box {
  186. height: 195px;
  187. overflow: hidden;
  188. }
  189. .doc_max_img_box_phone {
  190. margin: auto;
  191. text-align: center;
  192. max-height: 200px;
  193. overflow: hidden;
  194. }
  195. .doc_node {
  196. padding: 8px;
  197. padding-top: 20px;
  198. padding-bottom: 20px;
  199. margin-top: 5px;
  200. margin-bottom: 5px;
  201. }
  202. .doc_content_and_title_box {
  203. margin-left: 4px;
  204. height: 158px;
  205. overflow: hidden;
  206. text-overflow: ellipsis;
  207. }
  208. .doc_brief .stream-item {
  209. padding: 4px 4px;
  210. }
  211. .doc_brief .doc_node_title {
  212. font-size: 18px;
  213. font-weight: 400;
  214. }
  215. .doc_brief .doc_node_title .glyphicon {
  216. color: #777777;
  217. }
  218. .doc_brief .media-body {
  219. padding: 13px;
  220. padding-top: 28px;
  221. padding-bottom: 28px;
  222. }
  223. .doc_brief .pull-right {
  224. padding: 24px;
  225. padding-left: 0px;
  226. padding-top: 30px;
  227. padding-bottom: 30px;
  228. }
  229. .doc_brief .doc_node_content {
  230. margin-top: 4px;
  231. margin-bottom: 4px;
  232. font-size: 12px;
  233. color: #888;
  234. line-height: 1.7em;
  235. overflow: hidden;
  236. }
  237. .doc-brief-imgbox {
  238. overflow: hidden;
  239. width: 30%;
  240. margin-right: 18px;
  241. margin-top: -10px;
  242. margin-bottom: -10px;
  243. }
  244. .doc_brief .side_unit_info_left_box {
  245. padding-left: 0px;
  246. }
  247. .doc_brief .side_unit_info .tip {
  248. color: #717fa2;;
  249. }
  250. .doc_brief .side_unit_info .tip:HOVER {
  251. color: #ba2636;
  252. }
  253. .doc_node_title_box {
  254. font-weight: bold;
  255. overflow: hidden;
  256. margin-bottom: 8px;
  257. }
  258. .doc_node_title_box a {
  259. color: #605f5f
  260. }
  261. .doc_node_title_box a:HOVER {
  262. color: #ba2636;
  263. }
  264. .doc_node_title {
  265. color: #605f5f;
  266. list-style-image: none;
  267. list-style-position: outside;
  268. list-style-type: none;
  269. text-alignlefttext-decoration: none;
  270. text-decoration-color: #605f5f;
  271. text-decoration-line: none;
  272. text-decoration-style: solid;
  273. }
  274. .doc_node_title_min {
  275. color: #605f5f;
  276. font-size: 16px;
  277. font-weight: 600;
  278. list-style-image: none;
  279. list-style-position: outside;
  280. list-style-type: none;
  281. text-alignlefttext-decoration: none;
  282. text-decoration-color: #605f5f;
  283. text-decoration-line: none;
  284. text-decoration-style: solid;
  285. }
  286. .doc_node_max_title {
  287. color: #605f5f;
  288. font-size: 16px;
  289. font-weight: 500;
  290. line-height: 30px;
  291. list-style-image: none;
  292. list-style-position: outside;
  293. list-style-type: none;
  294. text-alignlefttext-decoration: none;
  295. text-decoration-color: #605f5f;
  296. text-decoration-line: none;
  297. text-decoration-style: solid;
  298. }
  299. .doc_node_max_title a {
  300. color: #605f5f;
  301. }
  302. .doc_node_info {
  303. color: #888;
  304. font-size: 12px;
  305. line-height: 24px;
  306. list-style-image: none;
  307. list-style-position: outside;
  308. list-style-type: none;
  309. margin-bottom: 0px;
  310. margin-left: 0px;
  311. margin-right: 0px;
  312. margin-top: 0px;
  313. padding-bottom: 0px;
  314. padding-left: 0px;
  315. padding-right: 0px;
  316. padding-top: 0px;
  317. }
  318. .doc_node_content {
  319. word-wrap: break-word;
  320. color: #5b5b5b;
  321. font-size: 14px;
  322. line-height: 1.7em;
  323. }
  324. .doc_node_content .tip {
  325. color: #717fa2;
  326. }
  327. .doc_node_content .tip:HOVER {
  328. color: #ba2636;
  329. }
  330. .doc_node_content_box {
  331. padding: 8px;
  332. border-left: 5px solid #f3f2f2;
  333. margin: 4px;
  334. width: auto;
  335. }
  336. /**面板栏目**/
  337. .doc_column_box {
  338. margin-top: 12px;
  339. }
  340. .doc_vavigat {
  341. list-style-type: none;
  342. margin-right: 10px;
  343. }
  344. .doc_vavigat li {
  345. margin-top: 4px;
  346. }
  347. .doc_vavigat a {
  348. color: #333;
  349. }
  350. .doc_vavigat a:hover {
  351. color: #ba2636;
  352. }
  353. .modal-body .doc_vavigat_h1 {
  354. font-size: 14px;
  355. color: #555555;
  356. font-weight: 700;
  357. font-synthesis: weight style;
  358. margin-left: -20px;
  359. margin-top: 2em;
  360. padding-left: 4px;
  361. border-left: 16px solid #cb254e;
  362. padding-bottom: 6px;
  363. }
  364. .modal-body .doc_vavigat_h2 {
  365. font-size: 14px;
  366. color: #555555;
  367. font-weight: 400;
  368. font-synthesis: weight style;
  369. margin-left: 0px;
  370. border: dotted 0px #cccccc;
  371. background-color: inherit;
  372. border-left: solid 16px #555555;
  373. padding: 4px;
  374. }
  375. .modal-body .doc_vavigat_h3 {
  376. font-size: 12px;
  377. color: #666;
  378. font-weight: 100px;
  379. font-synthesis: weight style;
  380. margin-left: 20px;
  381. border: dotted 0px #cccccc;
  382. background-color: inherit;
  383. padding: 4px;
  384. border-left: solid 8px #cccccc;
  385. }
  386. .panel-body .doc_vavigat_h1 {
  387. font-size: 14px;
  388. color: #555555;
  389. font-weight: 700;
  390. font-synthesis: weight style;
  391. margin: 6px;
  392. margin-left: -20px;
  393. margin-top: 0.5em;
  394. padding-left: 4px;
  395. border-left: 10px solid #cb254e;
  396. }
  397. .panel-body .doc_vavigat_h2 {
  398. font-size: 14px;
  399. color: #555555;
  400. font-weight: 400;
  401. font-synthesis: weight style;
  402. margin: 6px;
  403. margin-left: -16px;
  404. margin-top: 0.5em;
  405. border: dotted 0px #cccccc;
  406. background-color: inherit;
  407. border-left: solid 6px #555555;
  408. padding-left: 4px;
  409. }
  410. .panel-body .doc_vavigat_h3 {
  411. font-size: 12px;
  412. color: #666;
  413. font-weight: 100px;
  414. font-synthesis: weight style;
  415. margin: 6px;
  416. margin-left: -13px;
  417. margin-top: 0.5em;
  418. border: dotted 0px #cccccc;
  419. background-color: inherit;
  420. border-left: solid 3px #cccccc;
  421. padding-left: 4px;
  422. }
  423. .side_unit_group_img {
  424. width: 52px;
  425. height: 52px;
  426. border: 1px solid #efefef;
  427. }
  428. .side_unit_group_box {
  429. color: #888;
  430. font-size: 12px;
  431. overflow: hidden;
  432. margin-top: 10px;
  433. margin-bottom: 10px;
  434. padding: 8px;
  435. }
  436. .side_unit_group_box a {
  437. color: #717fa2;
  438. }
  439. .side_unit_group_box a:hover {
  440. color: #ba2636;
  441. }
  442. .docTypeBox {
  443. padding: 20px;
  444. padding-top: 8px;
  445. margin-top: 8px;
  446. height: 93px;
  447. overflow: hidden;
  448. border-top: dotted 1px #ccc;
  449. }
  450. .docTypeBox h1 {
  451. margin-top: 0px;
  452. margin-bottom: 0px;
  453. padding-top: 0px;
  454. padding-bottom: 0px;
  455. }
  456. .docTypeBox h1 a {
  457. font-size: 16px;
  458. color: #000;
  459. font-weight: 500;
  460. }
  461. .docTypeBox h1 a:hover {
  462. font-size: 16px;
  463. color: #000;
  464. font-weight: 500;
  465. }
  466. .docTypeBox ul {
  467. margin-left: -45px;
  468. }
  469. .docTypeBox ul li {
  470. list-style-type: none;
  471. float: left;
  472. font-weight: lighter;
  473. font-size: 14px;
  474. margin-left: 8px;
  475. color: #888;
  476. border-right: 1px solid #f0f0f0;
  477. padding-right: 8px;
  478. margin-top: 8px;
  479. }
  480. .docTypeBox ul li a {
  481. color: #888;
  482. text-decoration: none;
  483. }
  484. .docTypeBox ul li a:hover {
  485. color: #ba2636;
  486. text-decoration: none;
  487. }
  488. .putServerBox {
  489. font-size: 14px;
  490. }
  491. .putServerBox img {
  492. width: 16px;
  493. height: 16px;
  494. margin-top: -2px;
  495. }
  496. .putServerBox h1 {
  497. margin-top: 8px;
  498. padding-top: 0px;
  499. color: #808080;
  500. font-size: 14px;
  501. font-weight: 700;
  502. margin-bottom: 0px;
  503. margin-left: 0px;
  504. margin-right: 0px;
  505. margin-top: 0px;
  506. padding-bottom: 10px;
  507. padding-left: 29px;
  508. padding-right: 0px;
  509. }
  510. .putServerBox ul {
  511. margin-left: -40px;
  512. }
  513. .putServerBox ul li {
  514. list-style-type: none;
  515. float: left;
  516. margin: 2px;
  517. margin-left: 10px;
  518. color: #888;
  519. font-size: 14px;
  520. height: 20px;
  521. line-height: 20px;
  522. padding-left: 29px;
  523. text-decoration: none;
  524. text-decoration-color: #888;
  525. text-decoration-line: none;
  526. text-decoration-style: solid;
  527. white-space: nowrap;
  528. width: 150px;
  529. text-align: left;
  530. }
  531. .putServerBox ul li a {
  532. color: #888;
  533. }
  534. .putServerBox ul li a:hover {
  535. color: #ba2636;
  536. }
  537. ul, li, h1, h2, h3, p, ol {
  538. list-style: none;
  539. }
  540. .shadow-box {
  541. background-color: #fff;
  542. margin-bottom: 2px;
  543. border: 1px solid #dddddd;
  544. box-shadow: 0px 1px 1px rgba(209, 212, 221, 0.15);
  545. border-radius: 0;
  546. }
  547. .no-bg {
  548. background-color: transparent;
  549. }
  550. .stream-head {
  551. background-color: #fff;
  552. border: 1px solid #ebebeb;
  553. margin-bottom: 15px;
  554. }
  555. .stream-head .user-info {
  556. float: left;
  557. margin-top: 10px;
  558. padding-left: 30px;
  559. padding-right: 30px;
  560. }
  561. .stream-head .user-info span.avatar-80 {
  562. float: left;
  563. width: 80px;
  564. height: 80px;
  565. }
  566. .stream-head .user-post {
  567. float: left;
  568. width: 100%;
  569. }
  570. .stream-head .user-post > li {
  571. float: left;
  572. border-right: 1px solid #ebebeb;
  573. width: 25%;
  574. }
  575. .stream-head .user-post > li:last-child {
  576. border-right: 0;
  577. }
  578. .stream-head .user-post > li a {
  579. border-bottom: 2px solid #FFF;
  580. text-align: center
  581. }
  582. .stream-head .user-post > li a:hover {
  583. border-bottom: 2px solid #3fa7cb;
  584. background-color: #f2f2f2;
  585. }
  586. .stream-head .user-post .act-icon {
  587. display: block;
  588. padding: 16px 35px;
  589. overflow: hidden;
  590. background-size: 100% 100%;
  591. background-position: center center;
  592. background-repeat: no-repeat;
  593. }
  594. .stream-head .user-post .act-icon i {
  595. display: block;
  596. text-align: center;
  597. font-size: 35px;
  598. }
  599. .stream-head .user-post .act-icon .tip {
  600. margin-top: 10px;
  601. }
  602. .stream-head .user-post .act-img {
  603. color: #A576F7;
  604. }
  605. .stream-head .user-post .act-text {
  606. color: #5EBCF2;
  607. }
  608. .stream-list {
  609. background-color: #fff;
  610. }
  611. .stream-item {
  612. margin: 0;
  613. padding: 15px;
  614. border-bottom: 1px solid #ebebeb;
  615. position: relative;
  616. }
  617. .stream-item-img {
  618. padding: 4px;
  619. }
  620. .stream-item .summary {
  621. overflow: hidden;
  622. padding: 0; /*border-left: 1px solid #f3f3f3;*/
  623. }
  624. .stream-item .title {
  625. display: block;
  626. margin: 0 0 10px 0;
  627. color: #333;
  628. font-size: 16px;
  629. }
  630. .stream-item .title h2 {
  631. display: inline;
  632. font-weight: bold;
  633. font-size: 16px;
  634. vertical-align: -2px;
  635. }
  636. .stream-item .title .label {
  637. font-weight: normal;
  638. }
  639. .stream-item .author {
  640. color: #999;
  641. font-size: 13px;
  642. margin-right: 20px;
  643. float: left;
  644. line-height: 22px;
  645. vertical-align: middle;
  646. }
  647. .stream-item .author span {
  648. margin-right: 15px;
  649. }
  650. .stream-item .excerpt {
  651. margin: 8px 0 4px;
  652. color: #777;
  653. font-size: 14px;
  654. line-height: 1.6;
  655. overflow: hidden;
  656. }
  657. .stream-item .thumbs {
  658. }
  659. .stream-item .thumbs .media {
  660. padding: 5px 5px 5px 0;
  661. margin: 0;
  662. max-height: 140px;
  663. overflow: hidden;
  664. }
  665. .stream-item .thumbs .media a {
  666. display: block;
  667. overflow: hidden;
  668. }
  669. .stream-item .thumbs img {
  670. max-width: 100%;
  671. display: block;
  672. transform: scale(1);
  673. transition: all 1s ease 0s;
  674. -webkit-transform: scale(1);
  675. -webkit-transform: all 1s ease 0s;
  676. }
  677. .stream-item .thumbs a:hover img {
  678. transform: scale(1.2);
  679. transition: all 1s ease 0s;
  680. -webkit-transform: scale(1.2);
  681. -webkit-transform: all 1s ease 0s;
  682. }
  683. .blog-rank {
  684. float: left;
  685. padding-right: 12px;
  686. font-size: 16px;
  687. text-align: center;
  688. line-height: 1.2;
  689. color: #666;
  690. }
  691. .blog-rank .votes, .blog-rank .views, .blog-rank .user {
  692. display: block;
  693. padding-top: 3px;
  694. width: 45px;
  695. height: 45px;
  696. -moz-border-radius: 1px;
  697. -webkit-border-radius: 1px;
  698. border-radius: 1px;
  699. }
  700. .blog-rank .votes {
  701. background: #f0f0f0;
  702. border: 1px solid #d9dfe9;
  703. }
  704. .blog-rank .user {
  705. margin-bottom: 8px;
  706. }
  707. .blog-rank .plus, .qus-rank .plus {
  708. background: #5EBCF2;
  709. color: #fff;
  710. }
  711. .blog-rank small, .qus-rank small {
  712. display: block;
  713. font-size: 12px;
  714. }
  715. .blog-rank span, .qus-rank span {
  716. display: block;
  717. width: 90%;
  718. white-space: nowrap;
  719. text-overflow: ellipsis;
  720. -o-text-overflow: ellipsis;
  721. overflow: hidden;
  722. }
  723. .qus-stream {
  724. }
  725. .qus-stream .stream-item {
  726. }
  727. .qus-stream .stream-item .summary {
  728. border-left: 0;
  729. }
  730. .qus-rank {
  731. float: left;
  732. margin-right: 15px;
  733. font-size: 16px;
  734. text-align: center;
  735. line-height: 1.2;
  736. color: #666;
  737. }
  738. .qus-rank .answers, .qus-rank .views {
  739. display: inline-block;
  740. padding-top: 3px;
  741. width: 45px;
  742. height: 45px;
  743. -moz-border-radius: 1px;
  744. -webkit-border-radius: 1px;
  745. border-radius: 1px;
  746. }
  747. .qus-rank .answers {
  748. background-color: #5EBCF2;
  749. color: #fff;
  750. }
  751. .qus-rank .answers, .qus-rank .views {
  752. border: 1px solid #d9dfe9;
  753. }
  754. .qus-rank .foot-block {
  755. margin-top: 10px !important;
  756. }
  757. .p-rank {
  758. margin-bottom: 15px;
  759. }
  760. .p-rank .users {
  761. }
  762. .p-rank .users .ava {
  763. width: 40px;
  764. height: 40px;
  765. float: left;
  766. }
  767. .p-rank .users .info {
  768. float: left;
  769. padding-left: 12px;
  770. }
  771. .p-rank .users .info strong {
  772. display: block;
  773. margin-bottom: 2px;
  774. }
  775. .p-rank .users .info time {
  776. color: #888;
  777. }
  778. .p-rank .counts {
  779. float: right;
  780. font-size: 14px;
  781. color: #888;
  782. }
  783. .p-rank .counts .act {
  784. margin-left: 5px;
  785. }
  786. .comment-item > .arrow, .comment-item > .arrow:after {
  787. position: absolute;
  788. display: block;
  789. width: 0;
  790. height: 0;
  791. border-color: transparent;
  792. border-style: solid;
  793. }
  794. .comment-item > .arrow {
  795. bottom: -11px;
  796. left: 67px;
  797. margin-left: -11px;
  798. border-top-color: rgba(0, 0, 0, .15);
  799. border-width: 11px;
  800. border-bottom-width: 0;
  801. z-index: 99;
  802. }
  803. .comment-item > .arrow:after {
  804. bottom: 1px;
  805. margin-left: -10px;
  806. content: " ";
  807. border-top-color: #fff;
  808. border-width: 10px;
  809. border-bottom-width: 0;
  810. }
  811. .tags {
  812. overflow: hidden;
  813. float: left;
  814. }
  815. .tags > li {
  816. display: inline-block;
  817. margin-right: 6px;
  818. }
  819. .tags .tag {
  820. display: inline-block;
  821. padding: 2px 10px;
  822. color: #666;
  823. border: 1px solid #ebebeb;
  824. border-radius: 2px;
  825. line-height: 20px;
  826. font-weight: normal;
  827. font-size: 12px;
  828. text-align: center;
  829. }
  830. /*
  831. .tags .tag-sm { padding: 0 8px; line-height: 22px; font-size: 12px; background-color: #6ADBE8; color: #fff; border: 0; border-radius: 2px;}
  832. */
  833. .tags .tag-sm {
  834. padding: 0 8px;
  835. line-height: 22px;
  836. font-size: 12px;
  837. border-radius: 2px;
  838. }
  839. .tag[href]:hover, .tag[href]:focus {
  840. background-color: #32a5e7;
  841. color: #fff;
  842. text-decoration: none
  843. }
  844. .tag-sm[href]:hover, .tag-sm[href]:focus {
  845. background-color: #32a5e7;
  846. color: #fff;
  847. text-decoration: none
  848. }
  849. /* right */
  850. .widget-box {
  851. margin-bottom: 2px;
  852. overflow: hidden;
  853. }
  854. .widget-box .title {
  855. border-bottom: 1px solid #ebebeb; /* color: #56C392; */
  856. }
  857. .widget-box .title h3 {
  858. font-size: 16px;
  859. line-height: 32px;
  860. margin: 9px 15px;
  861. font-weight: 700;
  862. color: #D9534F;
  863. }
  864. .widget-box .title h3 i {
  865. font-size: 16px;
  866. line-height: 32px;
  867. }
  868. .widget-box .title .more-link {
  869. float: right;
  870. font-size: 12px;
  871. color: #999;
  872. font-weight: 400;
  873. }
  874. .widget-box .title .more-link:HOVER {
  875. color: #ba2636;
  876. }
  877. .widget-box .li-out {
  878. overflow: hidden;
  879. margin-top: 5px;
  880. }
  881. .widget-box .box-list {
  882. padding: 0 20px;
  883. margin-bottom: -1px;
  884. }
  885. .widget-box .box-list li {
  886. border-bottom: 1px dashed #ebebeb;
  887. }
  888. .widget-box .box-list li span {
  889. display: inline-block;
  890. margin-right: 5px;
  891. font-size: 14px;
  892. color: #999;
  893. line-height: 24px;
  894. }
  895. .widget-box .box-list li span.last {
  896. float: left;
  897. width: 24px;
  898. margin-right: 6px;
  899. }
  900. .widget-box .box-list li span.last i {
  901. background-color: #7f8c8d;
  902. border-radius: 50%;
  903. font-style: normal;
  904. height: 20px;
  905. padding: 2px 6px;
  906. line-height: 20px;
  907. margin: 5px auto;
  908. color: #fff;
  909. }
  910. .widget-box .box-list li span.name {
  911. width: 215px;
  912. white-space: nowrap;
  913. overflow: hidden;
  914. text-overflow: ellipsis;
  915. }
  916. .widget-box .box-list li span.nums {
  917. float: right;
  918. text-align: right;
  919. max-width: 33px;
  920. height: 24px;
  921. margin-right: 0;
  922. color: #999999;
  923. display: block;
  924. overflow: hidden;
  925. }
  926. .widget-box .box-list li a {
  927. color: #4d5356;
  928. font-size: 14px;
  929. text-decoration: none;
  930. }
  931. .widget-box .box-list li a:HOVER {
  932. color: #d9534f;
  933. text-decoration: none;
  934. }
  935. .about-user {
  936. margin-bottom: 15px;
  937. }
  938. .about-user .user-card {
  939. padding: 0;
  940. }
  941. .about-user .ava {
  942. float: left;
  943. padding: 15px;
  944. }
  945. .about-user .ava img {
  946. width: 60px
  947. }
  948. .about-user .user-info {
  949. padding: 15px 15px 15px 0;
  950. overflow: hidden;
  951. }
  952. .about-user .nk {
  953. font-size: 16px;
  954. }
  955. .about-user .user-datas ul {
  956. height: 50px;
  957. overflow: hidden;
  958. margin: 0;
  959. }
  960. .about-user .user-datas ul li {
  961. float: left;
  962. width: 102px;
  963. height: 50px;
  964. text-align: center;
  965. border-right: 1px solid #e8e8e8;
  966. }
  967. .doc_title {
  968. font-size: 28px;
  969. margin-top: 50px;
  970. margin-bottom: 20px;
  971. color: #333;
  972. font-weight: bolder;
  973. text-align: center;
  974. line-height: 30px;
  975. }
  976. .doc-contentimg {
  977. max-height: 256px;
  978. }
  979. .doc-conentinfo {
  980. font-size: 12px;
  981. color: #999999;
  982. font-weight: lighter;
  983. line-height: 20px;
  984. text-align: center;
  985. font-weight: lighter;
  986. margin-top: 12px;
  987. margin-bottom: 12px;
  988. }
  989. .expert-username {
  990. font-size: 16px;
  991. font-weight: bold;
  992. }
  993. .expert-infobox {
  994. height: 100px;
  995. overflow: hidden;
  996. font-size: 14px;
  997. color: #888;
  998. }
  999. /** 关联知识的标签**/
  1000. .doc_relation_tag {
  1001. padding: 4px;
  1002. margin-left: 4px;
  1003. margin-bottom: 4px;
  1004. float: left;
  1005. border: 1px solid #eeeeee;
  1006. background-color: white;
  1007. }
  1008. .tagbutton {
  1009. cursor: pointer;
  1010. }
  1011. .wcp-tag {
  1012. cursor: pointer;
  1013. margin: 2px;
  1014. }
  1015. .tagsearch, .label {
  1016. font-size: 14px;
  1017. }
  1018. .extends-third-part-icon, .third-part .sina, .third-part .linkin,
  1019. .third-part .baidu, .third-part .qq, .third-part .google, .third-part .dingding,
  1020. .third-part .ldap, .third-part .wcp, .third-part .github, .third-part .wechat {
  1021. text-align: center;
  1022. display: inline-block;
  1023. background-image: url("../../../../text/img/login-third-party.png");
  1024. background-repeat: no-repeat;
  1025. margin-right: 5px;
  1026. width: 32px;
  1027. height: 32px;
  1028. display: inline-block;
  1029. }
  1030. .third-part {
  1031. padding: 4px;
  1032. }
  1033. .third-part span {
  1034. display: block;
  1035. font-size: 12px;
  1036. color: #666;
  1037. margin-bottom: 11px;
  1038. }
  1039. .third-part .sina {
  1040. background-position: 0 0;
  1041. }
  1042. .third-part .wcp {
  1043. background-position: 0 0;
  1044. }
  1045. .third-part .linkin {
  1046. background-position: -37px 0;
  1047. }
  1048. .third-part .baidu {
  1049. background-position: -74px 0;
  1050. }
  1051. .third-part .qq {
  1052. background-position: -112px 0;
  1053. }
  1054. .third-part .google {
  1055. background-position: -149px 0;
  1056. }
  1057. .third-part .dingding {
  1058. background-position: -186px 0;
  1059. }
  1060. .third-part .ldap {
  1061. background-position: -149px 0;
  1062. }
  1063. .third-part .wechat {
  1064. background-position: -224px 0;
  1065. }
  1066. .third-part .register-now {
  1067. margin-top: 20px;
  1068. }
  1069. .third-part .register-now span {
  1070. display: inline-block;
  1071. }
  1072. .third-part .register-now .register {
  1073. text-align: right;
  1074. }
  1075. .third-part .register-now .register a {
  1076. margin-left: 15px;
  1077. }
  1078. .wcp-min-unit-ul {
  1079. padding-left: 16px;
  1080. }
  1081. .wcp-min-unit-ul li {
  1082. list-style-type: disc;
  1083. line-height: 24px;
  1084. color: #ccc;
  1085. }
  1086. /** 前台分类树展示----------start**/
  1087. .farm_tree_flag {
  1088. color: #c3c3c3;
  1089. text-decoration: none;
  1090. margin-left: 2px;
  1091. }
  1092. .farm_tree_h {
  1093. color: #c3c3c3;
  1094. }
  1095. .farm_tree_s {
  1096. color: #e2e2e2;
  1097. }
  1098. .farm_tree_num {
  1099. color: #D9534F;
  1100. font-weight: bold;
  1101. margin-left: 2px;
  1102. }
  1103. .wcp-pagination-buttons {
  1104. margin: 20px;
  1105. }
  1106. .wcp-pagination-buttons li {
  1107. float: left;
  1108. margin-left: 4px;
  1109. }
  1110. .new-userMessage {
  1111. color: #d34b47;
  1112. font-size: 13px;
  1113. }
  1114. .errorMsgClass {
  1115. font-size: 12px;
  1116. padding: 4px;
  1117. color: #cb2c33;
  1118. margin-top: 4px;
  1119. }
  1120. .errorMsgClass .glyphicon {
  1121. margin-right: 4px;
  1122. }
  1123. /** 前台分类树展示----------end**/
  1124. /**分类页面---start**/
  1125. .linklevel1 {
  1126. color: #605f5f;
  1127. font-weight: 700;
  1128. border-left: solid 9px #e2e2e2;
  1129. padding-left: 4px;
  1130. font-weight: 700;
  1131. }
  1132. .linklevel1:HOVER {
  1133. font-weight: 700;
  1134. border-left: solid 9px #cb254e;
  1135. padding-left: 4px;
  1136. }
  1137. .linklevel2, .linklevel3, .linklevel4, .linklevel5, .linklevel6 {
  1138. color: #605f5f;
  1139. }
  1140. .typepub-types {
  1141. padding: 15px;
  1142. margin: 0px;
  1143. }
  1144. .doctypeUl .active {
  1145. color: #d13133;
  1146. }
  1147. .typepub-types h4 {
  1148. font-size: 14px;
  1149. }
  1150. .typepub-types h4 a {
  1151. color: #428BCA;
  1152. }
  1153. .typepub-types h4 a:HOVER {
  1154. color: #ba2636;
  1155. }
  1156. /**分类页面---end**/
  1157. /**縮略块展示样式----start**/
  1158. .block-info-box .panel-body {
  1159. padding: 1px;
  1160. }
  1161. .block-info-box .page-box {
  1162. padding-left: 24px;
  1163. padding-right: 24px;
  1164. border-bottom: 1px solid #ebebeb;
  1165. }
  1166. .block-auth-box {
  1167. padding: 24px;
  1168. }
  1169. .block-auth-box table {
  1170. margin-bottom: 0px;
  1171. font-size: 12px;
  1172. }
  1173. /**縮略块展示样式(用于如文档知识展示时内容的最外层框)----end**/
  1174. .view-left-content {
  1175. padding: 20px;
  1176. }
  1177. /**mini导航栏样式--start**/
  1178. .wcpdocMinConsole {
  1179. margin-left: -40px;
  1180. overflow: auto;
  1181. margin-top: 100px;
  1182. }
  1183. .wcpdocMinConsole li {
  1184. margin: 6px;
  1185. }
  1186. .wcpdocMinConsole a {
  1187. color: #aaaaaa;
  1188. font-size: 14px;
  1189. }
  1190. .wcpdocMinConsole a:HOVER {
  1191. color: #605f5f;
  1192. }
  1193. .navigation-max-button div {
  1194. height: 68px;
  1195. width: 48px;
  1196. background-color: #fefefe;
  1197. border: 1px solid #dddddd;
  1198. padding-top: 10px;
  1199. cursor: pointer;
  1200. font-size: 20px;
  1201. margin-left: -4px;
  1202. text-align: center;
  1203. }
  1204. .navigation-max-button div:HOVER {
  1205. background-color: #f8f8f8;
  1206. border: 1px solid #e8e8e8;
  1207. }
  1208. .navigation-max-button p {
  1209. font-size: 12px;
  1210. text-align: center;
  1211. color: #aaaaaa;
  1212. }
  1213. .navigation-max-button div .glyphicon {
  1214. color: #aaaaaa;
  1215. }
  1216. .blocktip-title {
  1217. cursor: auto;
  1218. margin: 20px;
  1219. background-color: #f4f4f4;
  1220. padding: 30px;
  1221. border: 1px solid #ccc;
  1222. color: #888;
  1223. }
  1224. /**mini导航栏样式--end**/
  1225. /**附件得前端列表块--start**/
  1226. .file-block-box {
  1227. padding: 4px;
  1228. text-align: left;
  1229. }
  1230. .file-block-box .stream-item {
  1231. border: 1px solid #ccc;
  1232. background-color: #f4f4f4;
  1233. height: 70px;
  1234. overflow: hidden;
  1235. }
  1236. .file-block-box img {
  1237. height: 38px;
  1238. width: 38px;
  1239. }
  1240. .file-block-box .media-body {
  1241. position: relative;
  1242. }
  1243. .file-block-box .glyphicon-remove {
  1244. position: absolute;
  1245. right: 0px;
  1246. cursor: pointer;
  1247. }
  1248. .file-block-box .glyphicon-remove:HOVER {
  1249. position: absolute;
  1250. right: 0px;
  1251. color: #D9534F;
  1252. }
  1253. .file-block-box .file-title {
  1254. margin-right: 15px;
  1255. }
  1256. /**附件得前端列表块--end**/
  1257. .effect-img {
  1258. transition: all 0.2s;
  1259. }
  1260. .effect-img:hover {
  1261. -webkit-filter: opacity(80%);
  1262. filter: opacity(80%);
  1263. }
  1264. .coin-point-color {
  1265. color: #d9534f;
  1266. }
  1267. .footServerUl {
  1268. float: left;
  1269. }
  1270. .footServerUl img {
  1271. float: left;
  1272. width: 24px;
  1273. height: 24px;
  1274. background-color: #ffffff;
  1275. }
  1276. .footServerUl a {
  1277. color: #b0b6bb;
  1278. }
  1279. .wcp-doc-operate hr {
  1280. margin-top: 4px;
  1281. margin-bottom: 4px;
  1282. }
  1283. /**知識摘要**/
  1284. .wcp-doc-describe {
  1285. text-align: left;
  1286. text-indent: 2em;
  1287. border-radius: 4px;
  1288. background-color: #f8f3de;
  1289. border: 1px dashed #f5e79e;
  1290. padding: 8px;
  1291. margin-top: 20px;
  1292. margin-bottom: 20px;
  1293. color: #8c6d3b;
  1294. font-size: 14px;
  1295. }
  1296. .footServerUl a:HOVER {
  1297. color: #ffffff;
  1298. }
  1299. /**用戶消息顶端框样式**/
  1300. .wcp-user-message {
  1301. background-color: #d9534f;
  1302. color: #ffffff;
  1303. padding: 4px;
  1304. padding-left: 8px;
  1305. padding-right: 8px;
  1306. border-radius: 12px;
  1307. }
  1308. .wcp-user-message:HOVER {
  1309. background-color: #df6d6a;
  1310. }