style.css 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507
  1. 保健品供销平台管理后台.fenye {
  2. margin-top:10px;
  3. margin-bottom: 20px;
  4. float: left;
  5. }
  6. .clearfix{*zoom:1;}/*IE/7/6*/
  7. .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
  8. @font-face {
  9. font-family: 'iconfont'; /* project id 337706 */
  10. src: url('//at.alicdn.com/t/font_6jaydwydcya7zaor.eot');
  11. src: url('//at.alicdn.com/t/font_6jaydwydcya7zaor.eot?#iefix') format('embedded-opentype'),
  12. url('//at.alicdn.com/t/font_6jaydwydcya7zaor.woff') format('woff'),
  13. url('//at.alicdn.com/t/font_6jaydwydcya7zaor.ttf') format('truetype'),
  14. url('//at.alicdn.com/t/font_6jaydwydcya7zaor.svg#iconfont') format('svg');
  15. }
  16. .iconfont {
  17. font-family: iconfont;
  18. font-size: 16px;
  19. font-style: normal;
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. vertical-align: -1px;
  23. -webkit-text-stroke-width: 0!important;
  24. }
  25. .fenye ul {
  26. border-left:1px #ddd solid;
  27. margin:0px;
  28. }
  29. .fenye ul li {
  30. float:left;
  31. display:inline;
  32. }
  33. .fenye ul li a {
  34. float:left;
  35. display:inline;
  36. border:1px #ddd solid;
  37. margin-left:-1px;
  38. padding:3px 12px ;
  39. text-decoration:none;
  40. }
  41. .fenye ul li.current a {
  42. background:#1b5172;
  43. color:#fff;
  44. border:1px #1b5172 solid;
  45. }
  46. .tanchu_bg {
  47. width: 100%;
  48. height: 100%;
  49. background: url("/admin/images/tuanchu_bg.png");
  50. position:fixed;
  51. z-index:20;
  52. top: 0;
  53. display: none;
  54. }
  55. #tanchu_ifream{
  56. position:fixed;
  57. top:50%;
  58. left:50%;
  59. width:600px;
  60. height:500px;
  61. margin:-250px 0 0 -300px;
  62. background-color:#fff;
  63. border: 5px solid #bbb;
  64. border-radius:5px;
  65. -moz-border-radius:5px;
  66. -webkit-border-radius:5px;
  67. -o-border-radius:5px;
  68. }
  69. .file {
  70. position: relative;
  71. display: inline-block;
  72. background: #D0EEFF;
  73. border: 1px solid #99D3F5;
  74. border-radius: 4px;
  75. padding: 4px 12px;
  76. overflow: hidden;
  77. color: #1E88C7;
  78. text-decoration: none;
  79. text-indent: 0;
  80. line-height: 20px;
  81. }
  82. .file input {
  83. position: absolute;
  84. font-size: 100px;
  85. right: 0;
  86. top: 0;
  87. opacity: 0;
  88. }
  89. .file:hover {
  90. background: #AADFFD;
  91. border-color: #78C3F3;
  92. color: #004974;
  93. text-decoration: none;
  94. }
  95. .btb_state ul,.btb_state ul li {
  96. list-style: none;
  97. margin: 0;
  98. padding: 0;}
  99. .btb_state ul li {
  100. float: left;
  101. position: relative;
  102. width: 100px;
  103. text-align: center;
  104. }
  105. .btb_state ul li span {
  106. display: block;
  107. font-size: 14px;
  108. }
  109. .btb_state ul li span.btb_number {
  110. border: 1px #ddd solid;
  111. width: 30px;
  112. height: 30px;
  113. line-height: 30px;
  114. text-align: center;
  115. border-radius:100%;
  116. -webkit-border-radius:100%;
  117. padding: 0;
  118. margin: 0 auto;
  119. background: #fff;
  120. position: relative;
  121. z-index: 1;
  122. }
  123. .btb_state ul li.active {
  124. color: #04b5a2;
  125. }
  126. .btb_state ul li.active span.btb_number {
  127. background: #04b5a2;
  128. color: #fff;
  129. border-color:#04b5a2;
  130. }
  131. .btb_state ul li:before {
  132. position: absolute;
  133. content: "";
  134. left: 0;
  135. width: 100%;
  136. height: 1px;
  137. background: #ddd;
  138. top: 55px;
  139. }
  140. .btb_state ul li.active:before {
  141. background: #04b5a2;
  142. }
  143. .xiaoxi_img {
  144. width: 20px;
  145. height: 20px;
  146. vertical-align: middle;
  147. }
  148. .cur_red {
  149. background: #df0064;
  150. color: #fff;
  151. font-size: 14px;
  152. padding: 5px;
  153. font-family: "微软雅黑";
  154. }
  155. .cur_yellow {
  156. background: #dfa800;
  157. color: #fff;
  158. font-size: 14px;
  159. padding: 5px;
  160. font-family: "微软雅黑";
  161. }
  162. .cur_blue {
  163. background: #008edf;
  164. color: #fff;
  165. font-size: 14px;
  166. padding: 5px;
  167. font-family: "微软雅黑";
  168. }
  169. .cur_black {
  170. color: #000;
  171. font-size: 14px;
  172. padding: 5px;
  173. font-family: "微软雅黑";
  174. }
  175. .cur_red:hover,.cur_yellow:hover,.cur_blue:hover {
  176. color: #fff;
  177. }
  178. .btb_state ul li.active_red {
  179. color: #df0064;
  180. }
  181. .btb_state ul li.active_red span.btb_number {
  182. background: #df0064;
  183. border-color: #df0064;
  184. }
  185. .btb_state ul li.active_red:before {
  186. background: #df0064;
  187. }
  188. .btb_state ul li.active_yellow {
  189. color:#dfa800;
  190. }
  191. .btb_state ul li.active_yellow span.btb_number {
  192. background:#dfa800;
  193. border-color:#dfa800;
  194. }
  195. .btb_state ul li.active_yellow:before {
  196. background:#dfa800;
  197. }
  198. .btb_state ul li.cur_blue {
  199. color:#008edf;
  200. }
  201. .btb_state ul li.active_yellow span.cur_blue {
  202. background:#008edf;
  203. border-color:#008edf;
  204. }
  205. .btb_state ul li.cur_blue:before {
  206. background:#008edf;
  207. }
  208. /*新版颜色 */
  209. .navbar {
  210. background: #3c3c49;
  211. }
  212. .nav-list>li.active>a,
  213. .nav-list>li.active>a:hover,
  214. .nav-list>li.active>a:focus,
  215. .nav-list>li.active>a:active ,
  216. .nav-list>li>a:hover
  217. {
  218. color: #fff;
  219. background: #5a5a6a;
  220. }
  221. .nav-list>li.active:after {
  222. border-color: #7376ac;
  223. }
  224. .nav-list li.active>a:after {
  225. border-right-color: #7376ac;
  226. }
  227. .nav-list>li>a:hover:before {
  228. background:#7376ac;
  229. }
  230. .nav-list >li {
  231. margin-bottom: 0 !important;
  232. }
  233. .breadcrumbs input,
  234. .breadcrumbs button
  235. {
  236. vertical-align: top;
  237. }
  238. .btn-info, .btn-info:focus {
  239. background-color: #9195cd!important;
  240. border-color: #9195cd;
  241. }
  242. .btn-info:hover, .open .btn-info.dropdown-toggle {
  243. background-color: #696c9f!important;
  244. border-color: #696c9f;
  245. }
  246. .dropdown-info li a:hover,
  247. .dropdown-info li a:focus,
  248. .dropdown-info li a:active,
  249. .dropdown-info li.active a,
  250. .dropdown-info li.active a:hover,
  251. .dropdown-info .dropdown-submenu:hover>a,
  252. .nav-tabs .dropdown-info li>a:focus,
  253. .ace-nav>li.light-blue>a
  254. {
  255. background-color: #9195cd;
  256. }
  257. .ace-nav>li.light-blue>a:hover,
  258. .ace-nav>li.light-blue>a:focus {
  259. background-color: #696c9f;
  260. }
  261. #search_form > label {
  262. border:1px #dedede solid;
  263. float: left;
  264. padding: 0 12px;
  265. margin-left: -1px;
  266. background: #fff;
  267. cursor: pointer;
  268. margin-bottom: 10px;
  269. height: auto;
  270. line-height: 32px;
  271. height: 35px;
  272. }
  273. #search_form > label.cur {
  274. background:#9195cd;
  275. color: #fff;
  276. }
  277. .nav-list>li>a {
  278. height: 50px;
  279. line-height: 50px;
  280. }
  281. .nav-list li.active>a:after {
  282. top: 50%;
  283. border-width: 20px 10px;
  284. transform:translateY(-50%);
  285. border: none;
  286. }
  287. .nav-list>li.active:after {
  288. right: -1px;
  289. border-width: 1px;
  290. }
  291. .dingdan_top h3 {
  292. font-size: 16px;
  293. line-height: 1;
  294. padding: 0;
  295. margin: 0;
  296. margin-top: 7px;
  297. }
  298. .table_new_dingdan {
  299. border: 1px #aaa solid;
  300. }
  301. .table_new_dingdan tr td,
  302. .table_new_dingdan tr th
  303. {
  304. border: 1px #aaa solid !important;
  305. }
  306. .table_new_dingdan tr.one >th {
  307. background: #d9e1f3;
  308. }
  309. .tianjia_iconfont {
  310. font-size: 18px;
  311. text-decoration: none;
  312. }
  313. #submit_form .form-group {
  314. margin-bottom: 10px;
  315. }
  316. .no-padding-right {
  317. width: 100px;
  318. }
  319. .breadcrumbs_title {
  320. font-size: 16px;
  321. line-height: 50px;
  322. padding-left: 20px;
  323. }
  324. #submit_form .col-xs-1{
  325. width: 100px;
  326. }
  327. .zongjia_new span {
  328. margin-left: 10px;
  329. }
  330. .zongjia_new span i {
  331. font-style: normal;
  332. color: #f00;
  333. }
  334. .sidebar {
  335. background:#505060;
  336. }
  337. .sidebar:before {
  338. background:#505060;
  339. }
  340. .nav-list>li>a {
  341. background:#505060;
  342. color: #ddd;
  343. border-bottom: 0;
  344. }
  345. .nav-list>li {
  346. border: none;
  347. }
  348. .nav-list>li.active {
  349. background: #5a5a6a;
  350. }
  351. .sidebar .iconfont {
  352. color: #ababb0;
  353. }
  354. .submit_form_new {
  355. width: 180px;
  356. float: right;
  357. margin-right: 100px;
  358. }
  359. .submit_form_new input {
  360. width: 80px;
  361. }
  362. .admin_nabar {
  363. height: 45px;
  364. display: block;
  365. float: left;
  366. margin-left: -10px;
  367. }
  368. .admin_nabar img {
  369. height: 45px;
  370. }
  371. .diy_jieguo_title {
  372. font-size: 14px;
  373. background: #f0f0f0;
  374. padding: 8px 10px;
  375. line-height: 1;
  376. margin-left: 10px;
  377. margin-right: 10px;
  378. font-weight: bold;
  379. margin-bottom: 10px;
  380. }
  381. .diy_jieguo_wrap {
  382. padding:0 10px;
  383. width: 100%;
  384. }
  385. .diy_jieguo_content {
  386. margin-left: -5px;
  387. margin-right: -5px;
  388. }
  389. .diy_jieguo_item {
  390. width: 20%;
  391. float: left;
  392. padding-left: 5px;
  393. padding-right: 5px;
  394. margin-bottom: 10px;
  395. text-align: center;
  396. box-sizing:border-box;
  397. -moz-box-sizing:border-box; /* Firefox */
  398. -webkit-box-sizing:border-box; /* Safari */
  399. }
  400. .diy_jieguo_item .img {
  401. height: 100px;
  402. overflow: hidden;
  403. }
  404. .diy_jieguo_item .img img {
  405. width: 100%;
  406. }
  407. .diy_jieguo_item .title {
  408. white-space: nowrap;
  409. overflow: hidden;
  410. text-overflow:ellipsis;
  411. font-weight: 700;
  412. }
  413. .popup_bg {
  414. background: rgba(0,0,0,.5);
  415. width: 100%;
  416. height: 100%;
  417. position: fixed;
  418. top: 0;
  419. left: 0;
  420. z-index: 999;
  421. display: none;
  422. }
  423. .popup {
  424. background: #fff;
  425. width: 580px;
  426. height: 580px;
  427. top: 50%;
  428. margin-top: -290px;
  429. left: 50%;
  430. margin-left: -290px;
  431. z-index: 9999;
  432. position: fixed;
  433. display: none;
  434. }
  435. .popup_title {
  436. padding:10px;
  437. position: relative;
  438. text-align: center;
  439. font-size: 16px;
  440. font-weight: bold;
  441. border-bottom: 1px #ddd solid;
  442. }
  443. .popup_title img {
  444. width: 25px;
  445. height: 25px;
  446. position: absolute;
  447. top: 50%;
  448. right: 10px;
  449. margin-top: -12px;
  450. }
  451. .popup_body {
  452. position: absolute;
  453. top: 45px;
  454. width: 100%;
  455. bottom: 50px;
  456. padding: 20px;
  457. }
  458. .popup_foot {
  459. position: absolute;
  460. bottom: 0;
  461. left: 0;
  462. width: 100%;
  463. height: 49px;
  464. border-top: 1px #ddd solid;
  465. }
  466. .gaoqing_img {
  467. text-align: center;
  468. width: 100%;
  469. height: 100%;
  470. }
  471. .gaoqing_img img {
  472. max-height: 100%;
  473. max-width: 100%;
  474. }
  475. .popup_foot {
  476. text-align: center;
  477. }
  478. .popup_foot span {
  479. background: #9195cd;
  480. padding: 10px 12px;
  481. color: #fff;
  482. display: inline-block;
  483. margin-top: 5px;
  484. cursor: pointer;
  485. }