style.css 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
  1. @charset "utf-8";
  2. @import url(../admin/lib/layui/css/layui.css);
  3. * {
  4. margin: 0;
  5. padding: 0;
  6. box-sizing: border-box;
  7. font: 14px/28px "微软雅黑";
  8. }
  9. a {
  10. text-decoration: none;
  11. }
  12. ul {
  13. list-style: none;
  14. }
  15. @font-face {
  16. font-family: icon;
  17. src: url("../font/iconfont.eot") format("embedded-opentype"), url("../font/iconfont.svg") format("woff"),
  18. url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.woff") format("truetype");
  19. }
  20. .icon {
  21. font-family: icon;
  22. }
  23. .pagination > li > a,
  24. .pagination > li > span {
  25. border-radius: 4px;
  26. margin: 0 5px;
  27. }
  28. .pagination > .active > a {
  29. background: #1890ff;
  30. border-color: #1890ff;
  31. }
  32. .input-group-addon {
  33. background: none;
  34. }
  35. /*nav*/
  36. .nav a,
  37. .indexSearch p a,
  38. .tag {
  39. line-height: 60px;
  40. color: #b8b8b5;
  41. padding: 0 5px;
  42. }
  43. .index .nav a:first-child,
  44. .class .nav a:nth-child(2),
  45. .hot .nav a:nth-child(3),
  46. .new .nav a:nth-child(4),
  47. .tagl .nav a:nth-child(5),
  48. .downloading .nav a:nth-child(6) {
  49. display: none;
  50. }
  51. /*page*/
  52. .page {
  53. text-align: center;
  54. margin-top: 30px;
  55. }
  56. .page .page {
  57. display: inline-block;
  58. }
  59. .page span {
  60. line-height: 76px;
  61. margin-right: 20px;
  62. }
  63. /*slideR*/
  64. .slideR {
  65. padding: 0 20px;
  66. }
  67. .slideR a {
  68. margin-right: 20px;
  69. border-bottom: 1px solid #2727d2;
  70. color: #2727d2;
  71. }
  72. .slideR p {
  73. margin: 0;
  74. }
  75. .navbar-default {
  76. background: transparent;
  77. }
  78. /*首页*/
  79. .indexBackground {
  80. background: url("../img/indexBackground.jpg") no-repeat center fixed;/*center/cover fixed;*/
  81. background: #000;
  82. }
  83. .indexSearch {
  84. position: relative;
  85. top: 200px;
  86. }
  87. .indexSearch h1 {
  88. text-align: center;
  89. margin-bottom: 50px;
  90. font-weight: 700;
  91. }
  92. .indexShow {
  93. margin-bottom: 50px;
  94. }
  95. .indexSearch button,
  96. .indexShow .search button {
  97. background: #1890ff;
  98. border-color: #1890ff;
  99. color: #fff;
  100. width:72px;
  101. border-radius:5px;
  102. }
  103. .indexSearch p {
  104. color: #b8b8b5;
  105. overflow: hidden;
  106. text-overflow: ellipsis;
  107. white-space: nowrap;
  108. }
  109. .navTitle {
  110. border-bottom: 1px solid #ddd;
  111. }
  112. .navTitle h2 {
  113. line-height: 60px;
  114. margin: 0;
  115. font-size: 20px;
  116. font-weight: 600;
  117. color: #000;
  118. }
  119. .navTitle h3 {
  120. line-height: 60px;
  121. margin: 0;
  122. font-size: 18px;
  123. margin-left: 50px;
  124. }
  125. .navTitle h2 img {
  126. margin-right: 10px;
  127. }
  128. .indexShow .search {
  129. margin: 15px 0;
  130. }
  131. .indexShow ul li {
  132. position: relative;
  133. padding: 15px 0;
  134. border-bottom: 1px solid #ddd;
  135. height: 160px;
  136. }
  137. .indexShow ul li a {
  138. color: #5a5a5a;
  139. }
  140. .indexShow ul li .title h3 {
  141. margin: 0;
  142. color: #2727fc;
  143. margin-right: 20px;
  144. margin-bottom: 10px;
  145. }
  146. .indexShow ul li .content .p-img {
  147. width: auto;
  148. }
  149. .indexShow ul li .content .p-img img {
  150. width: 160px;
  151. margin-right: 20px;
  152. }
  153. .indexShow ul li .content .p-con .star span.cur {
  154. color: #f38104;
  155. }
  156. .indexShow ul li .content .p-con .list p {
  157. margin: 10px;
  158. margin-top: 0;
  159. }
  160. .indexShow ul li .content .p-con .list {
  161. position: absolute;
  162. bottom: 0;
  163. right: 0;
  164. }
  165. .indexShow ul li .content .p-con .font {
  166. position: relative;
  167. margin: 0;
  168. height: 56px;
  169. overflow: hidden;
  170. }
  171. .indexShow ul li .content .p-con .font:after {
  172. content: "...";
  173. font-weight: bold;
  174. position: absolute;
  175. bottom: 0;
  176. right: 0;
  177. padding: 0 20px 1px 45px;
  178. /* background: url(http://newimg88.b0.upaiyun.com/newimg88/2014/09/ellipsis_bg.png) repeat-y; */
  179. }
  180. .indexShow ul li .content .p-con .list p {
  181. margin: 10px;
  182. margin-top: 0;
  183. }
  184. .indexShow .about h3 {
  185. font-size: 20px;
  186. }
  187. .indexShow .about p a {
  188. color: #2727d2;
  189. border-bottom: 1px solid #2727d2;
  190. margin-right: 20px;
  191. }
  192. .col-md-2,
  193. .col-md-10,
  194. .col-md-1,
  195. .col-md-12,
  196. .col-md-8 {
  197. padding: 0;
  198. }
  199. /*分类搜索*/
  200. .classifiedSearch {
  201. margin-bottom: 10px;
  202. }
  203. .classifiedSearch .p-item {
  204. margin: 10px auto;
  205. line-height: 54px;
  206. padding: 0;
  207. }
  208. .classifiedSearch .item .col-md-1 {
  209. line-height: 54px;
  210. }
  211. .classifiedSearch .item .p-item .form-control {
  212. position: relative;
  213. padding-right: 25px;
  214. }
  215. .classifiedSearch .item .p-item .form-control .iconR {
  216. position: absolute;
  217. right: 5px;
  218. bottom: 0;
  219. }
  220. .classifiedSearch .item .p-item .form-control .controlFont {
  221. border: 1px solid #ccc;
  222. border-radius: 4px;
  223. float: left;
  224. margin-top: -5px;
  225. margin-right: 10px;
  226. padding: 0 5px;
  227. }
  228. .classifiedSearch .item .p-item .form-control .controlFont .icon {
  229. display: inline-block;
  230. margin-left: 5px;
  231. font-size: 12px;
  232. cursor: pointer;
  233. }
  234. .classifiedSearch .item .p-item .form-control .iconR.cur {
  235. -webkit-transform: rotate(180deg);
  236. -moz-transform: rotate(180deg);
  237. -ms-transform: rotate(180deg);
  238. -o-transform: rotate(180deg);
  239. transform: rotate(180deg);
  240. -webkit-transition: 0.5s;
  241. -moz-transition: 0.5s;
  242. -ms-transition: 0.5s;
  243. -o-transition: 0.5s;
  244. transition: 0.5s;
  245. }
  246. .classifiedSearch .item .p-item .select {
  247. margin: 0;
  248. border: 1px solid #ccc;
  249. border-radius: 4px;
  250. padding: 15px;
  251. display: none;
  252. }
  253. .classifiedSearch .item .p-item .select.cur {
  254. display: block;
  255. }
  256. .classifiedSearch .item .p-item .select span {
  257. cursor: pointer;
  258. }
  259. .classifiedSearch .item .p-item .select span:hover {
  260. color: #000;
  261. }
  262. /*tag*/
  263. .tag .input-group {
  264. margin: 30px auto;
  265. }
  266. .tag a {
  267. padding: 0 5px;
  268. color: #5a5a5a;
  269. }
  270. #myCarousel a {
  271. display: block;
  272. }
  273. .carousel-control {
  274. background: #fff;
  275. font-size: 50px;
  276. top: 50%;
  277. margin-top: -25px;
  278. color: #d3d3d3;
  279. }
  280. .carousel-control.right {
  281. right: -15%;
  282. left: auto;
  283. background: #fff;
  284. }
  285. .carousel-control.left {
  286. right: auto;
  287. left: -15%;
  288. background: #fff;
  289. }
  290. .showPicture h2 {
  291. font-size: 24px;
  292. line-height: 48px;
  293. text-align: center;
  294. }
  295. .showPicture .list {
  296. text-align: center;
  297. margin-bottom: 15px;
  298. }
  299. .showPicture .list a {
  300. margin: 0 10px;
  301. color: #5a5a5a;
  302. }
  303. video {
  304. width: 100%;
  305. }
  306. .dataDownloading.indexShow ul li {
  307. height: auto;
  308. }
  309. .dataDownloading p {
  310. margin-bottom: 0;
  311. }
  312. .dataDownloading .indent {
  313. text-indent: 2em;
  314. }
  315. .dataDownloading .danwei p {
  316. margin-right: 15px;
  317. }
  318. .dataDownloading ul li .content button {
  319. background: #1890ff;
  320. color: #fff;
  321. border: 1px solid #1890ff;
  322. margin-right: 15px;
  323. }
  324. .login {
  325. margin-top: 100px;
  326. }
  327. .login .input-group {
  328. margin: 20px 0;
  329. }
  330. .login .remember a {
  331. color: #1890ff;
  332. }
  333. .login input[type="submit"] {
  334. margin: 20px 0;
  335. height: 40px;
  336. border-radius: 6px;
  337. background: #1890ff;
  338. border: none;
  339. color: #fff;
  340. letter-spacing: 5px;
  341. font-size: 16px;
  342. }
  343. em {
  344. font-style: normal;
  345. font-weight: bolder;
  346. color: #c00;
  347. }
  348. /*资源分类*/
  349. .searchCategoryBar {
  350. padding: 10px;
  351. background: rgb(250, 250, 250);
  352. margin-top: -12px;
  353. margin-left: 0px;
  354. margin-right: 0px;
  355. }
  356. .searchCategoryBarItem {
  357. padding: 10px;
  358. background: rgb(250, 250, 250);
  359. margin-left: 0px;
  360. margin-right: 0px;
  361. cursor: pointer;
  362. }
  363. .searchCategoryBarItemActive {
  364. border-bottom: 2px solid rgb(6, 6, 58);
  365. }
  366. .cur {
  367. color: rgb(230, 149, 0);
  368. }
  369. /*底部*/
  370. .footerBar {
  371. padding: 10px;
  372. background: rgb(240, 240, 240);
  373. border-top: 1px solid rgb(200, 200, 200);
  374. text-align: center;
  375. }
  376. /*热门TAG*/
  377. .tagItem {
  378. line-height: 25px;
  379. padding: 0px 10px 0px 0px;
  380. }
  381. myModal{
  382. left: 50%;
  383. top: 50%;
  384. transform: translate(-50%,-50%);
  385. min-width:100%;/*这个比例可以自己按需调节*/
  386. overflow: visible;
  387. bottom: inherit;
  388. right: inherit;
  389. }