ry-ui.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218
  1. /**
  2. * 通用css样式布局处理
  3. * Copyright (c) 2019
  4. */
  5. /** 基础通用 **/
  6. .pt5 {
  7. padding-top: 5px;
  8. }
  9. .pr5 {
  10. padding-right: 5px;
  11. }
  12. .pb5 {
  13. padding-bottom: 5px;
  14. }
  15. .mt5 {
  16. margin-top: 5px;
  17. }
  18. .mr5 {
  19. margin-right: 5px;
  20. }
  21. .mb5 {
  22. margin-bottom: 5px;
  23. }
  24. .ml5 {
  25. margin-left: 5px;
  26. }
  27. .mt10 {
  28. margin-top: 10px;
  29. }
  30. .mr10 {
  31. margin-right: 10px;
  32. }
  33. .mb10 {
  34. margin-bottom: 10px;
  35. }
  36. .ml0 {
  37. margin-left: 10px;
  38. }
  39. .mt20 {
  40. margin-top: 20px;
  41. }
  42. .mr20 {
  43. margin-right: 20px;
  44. }
  45. .mb20 {
  46. margin-bottom: 20px;
  47. }
  48. .m20 {
  49. margin-left: 20px;
  50. }
  51. .m50 {
  52. margin-left: 50px;
  53. }
  54. .img-xs {
  55. width: 32px;
  56. height: 32px;
  57. }
  58. .img-sm {
  59. width: 64px;
  60. height: 64px;
  61. }
  62. .img-md {
  63. width: 96px;
  64. height: 96px;
  65. }
  66. .img-lg {
  67. width: 120px;
  68. height: 120px;
  69. }
  70. .section-content {
  71. min-height: 250px;
  72. margin-right: auto;
  73. margin-left: auto;
  74. padding: 5px 5px 5px 5px;
  75. width: 100%;
  76. height: 100%;
  77. position: absolute;
  78. }
  79. .ibox {
  80. margin-bottom: 25px;
  81. background-color: #fff;
  82. border: 1px solid #ddd;
  83. border-radius: 4px;
  84. height: 100%;
  85. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  86. }
  87. .list-group-striped > .list-group-item {
  88. border-left: 0;
  89. border-right: 0;
  90. border-radius: 0;
  91. padding-left: 0;
  92. padding-right: 0
  93. }
  94. .ibox-title-gray {
  95. height: 41px;
  96. background-color: #f0f3f4;
  97. color: #333;
  98. font-weight: 700;
  99. border-radius: 2px 2px 0 0;
  100. padding: 13px !important;
  101. border-bottom: 1px solid #eee;
  102. display: block;
  103. clear: both;
  104. }
  105. .dashboard-header h5 {
  106. padding: 8px 0 0 0;
  107. display: inline-block;
  108. font-size: 14px;
  109. text-overflow: ellipsis;
  110. float: left;
  111. font-weight: 400;
  112. }
  113. .ibox-title-gray h5 {
  114. display: inline-block;
  115. font-size: 14px;
  116. margin: 0 0 7px;
  117. padding: 0;
  118. text-overflow: ellipsis;
  119. float: left;
  120. }
  121. /* 导航页签 */
  122. .nav-tabs-custom {
  123. margin-bottom: 20px;
  124. background: #fff;
  125. box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  126. border-radius: 3px
  127. }
  128. .nav-tabs-custom>.nav-tabs {
  129. margin: 0;
  130. border-bottom-color: #f4f4f4;
  131. border-top-right-radius: 3px;
  132. border-top-left-radius: 3px
  133. }
  134. .nav-tabs-custom>.nav-tabs>li {
  135. border-top: 3px solid transparent;
  136. margin-bottom: -2px;
  137. margin-right: 5px
  138. }
  139. .nav-tabs-custom>.nav-tabs>li.header {
  140. padding-left: 5px;
  141. font-size: 16px;
  142. line-height: 30px;
  143. }
  144. .nav-tabs-custom>.nav-tabs>li.disabled>a {
  145. color: #777
  146. }
  147. .nav-tabs-custom>.nav-tabs>li>a {
  148. color: #444;
  149. font-weight: normal;
  150. border-radius: 0
  151. }
  152. .nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover {
  153. background: transparent;
  154. margin: 0
  155. }
  156. .nav-tabs-custom>.nav-tabs>li>a:hover {
  157. color: #999
  158. }
  159. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  160. border-color: transparent
  161. }
  162. .nav-tabs-custom>.nav-tabs>li.active {
  163. border-top-color: #1890ff
  164. }
  165. .nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li.active:hover>a {
  166. background-color: #fff;
  167. color: #444
  168. }
  169. .nav-tabs-custom>.nav-tabs>li.active>a {
  170. border-top-color: transparent;
  171. border-bottom-color: transparent;
  172. border-left-color: #f4f4f4;
  173. border-right-color: #f4f4f4
  174. }
  175. .nav-tabs-custom>.tab-content {
  176. background: #fff;
  177. padding: 10px;
  178. border-bottom-right-radius: 3px;
  179. border-bottom-left-radius: 3px
  180. }
  181. /** 弹层组件 禁用样式 **/
  182. .layer-disabled {
  183. border: 1px #dedede solid !important;
  184. background-color: #f1f1f1 !important;
  185. color: #333 !important;
  186. pointer-events: none;
  187. }
  188. /** 用户管理 样式布局 **/
  189. .box {
  190. position: relative;
  191. border-radius: 3px;
  192. background: #ffffff;
  193. border-top: 3px solid #d2d6de;
  194. margin-bottom: 20px;
  195. width: 100%;
  196. box-shadow: 0 1px 1px rgba(0,0,0,0.1)
  197. }
  198. .box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {
  199. content: " ";
  200. display: table
  201. }
  202. .box-header:after,.box-body:after,.box-footer:after {
  203. clear: both
  204. }
  205. .btn-box-tool {
  206. padding: 5px;
  207. font-size: 12px;
  208. background: transparent;
  209. color: #97a0b3;
  210. }
  211. .open .btn-box-tool,
  212. .btn-box-tool:hover {
  213. color: #606c84;
  214. }
  215. .box-main {
  216. margin: 0;
  217. border: 0;
  218. padding-top: 2px;
  219. border-radius: 0;
  220. box-shadow: none
  221. }
  222. .box-main>.box-header {
  223. border-bottom: 1px solid #eee;
  224. padding: 12px 10px 2px 15px
  225. }
  226. .box-header .box-title {
  227. display: inline-block;
  228. font-size: 18px;
  229. margin: 0;
  230. line-height: 1;
  231. }
  232. .box-main>.box-header .box-title {
  233. font-size: 16px;
  234. margin-bottom: 13px;
  235. float: left
  236. }
  237. .box-main>.box-header .box-title .fa {
  238. font-size: 14px;
  239. padding-right: 3px;
  240. margin-top: -2px
  241. }
  242. .box-main>.box-header .box-tools {
  243. position: relative;
  244. top: -5px;
  245. right: 0
  246. }
  247. .box-main>.box-header .box-tools .btn {
  248. padding: 3px 10px 5px 10px;
  249. font-size: 14px;
  250. margin-bottom: 2px
  251. }
  252. .box-main>.box-header .box-tools .btn-box-tool {
  253. padding: 4px 2px
  254. }
  255. .box-main form>.box-footer,.nav-main form>.box-footer {
  256. background: #fafafa
  257. }
  258. .box-main form>.box-footer .row,.nav-main form>.box-footer .row {
  259. margin: 5px 0 5px -25px
  260. }
  261. @media ( min-width : 768px) {
  262. .section-content .about {
  263. padding-left: 0px
  264. }
  265. }
  266. /** select2 样式修改 **/
  267. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  268. background-color: #1AB394;
  269. border-color: #1AB394;
  270. padding: 1px 10px;
  271. color: #fff
  272. }
  273. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  274. margin-right: 5px;
  275. color: rgba(255,255,255,0.7)
  276. }
  277. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  278. color: #fff
  279. }
  280. .select2-container .select2-selection--single .select2-selection__rendered {
  281. padding-right: 10px
  282. }
  283. /** 表单验证 样式布局 **/
  284. .control-label.is-required:before {
  285. content: '* ';
  286. color: red;
  287. }
  288. label.error {
  289. position: absolute;
  290. right: 18px;
  291. top: 6px;
  292. color: #ef392b;
  293. font-size: 12px;
  294. z-index:99;
  295. }
  296. .input-group label.error {
  297. z-index:99;
  298. right: 42px;
  299. }
  300. .input-group input.error + label.error + .input-group-addon>i {
  301. color: #ed5565;
  302. }
  303. .input-group.date label.error {
  304. z-index:99;
  305. right: 42px;
  306. }
  307. .select2-hidden-accessible + label.error {
  308. right: 38px;
  309. }
  310. .Validform_error,input.error,textarea.error,select.error,label.error+.select2-container--bootstrap .select2-selection--single {
  311. background-color: #fbe2e2;
  312. border-color: #c66161;
  313. color: #c00
  314. }
  315. .Validform_wrong,.Validform_right,.Validform_warning {
  316. display: inline-block;
  317. height: 20px;
  318. font-size: 12px;
  319. vertical-align: middle;
  320. padding-left: 25px
  321. }
  322. .i-checks label.error, .check-box label.error, .radio-box label.error {
  323. right: auto;
  324. width: 150px;
  325. left: 210px;
  326. top: 1px;
  327. max-width: none;
  328. }
  329. /** 复选框&单选框 **/
  330. .check-box,.radio-box {
  331. display: inline-block;
  332. box-sizing: border-box;
  333. cursor: pointer;
  334. position: relative;
  335. padding-left: 25px;
  336. padding-right: 15px;
  337. padding-top: 7px;
  338. }
  339. .icheckbox, .icheckbox-blue, .iradio, .iradio-blue, .iradio-purple {
  340. position: absolute;
  341. top: 7px;
  342. left: 0
  343. }
  344. /** iCheck **/
  345. .icheckbox-blue,.iradio-blue {
  346. display: block;
  347. margin: 0;
  348. padding: 0;
  349. width: 18px;
  350. height: 18px;
  351. background: url(../../img/blue.png) no-repeat;
  352. border: none;
  353. cursor: pointer
  354. }
  355. .icheckbox-blue,.icheckbox-blue.static:hover {
  356. background-position: 0 0
  357. }
  358. .icheckbox-blue.hover,.icheckbox-blue:hover {
  359. background-position: -20px 0
  360. }
  361. .icheckbox-blue.checked {
  362. background-position: -40px 0
  363. }
  364. .icheckbox-blue.disabled {
  365. background-position: -60px 0;
  366. cursor: default
  367. }
  368. .icheckbox-blue.checked.disabled {
  369. background-position: -80px 0
  370. }
  371. .iradio-blue,.iradio-blue.static:hover {
  372. background-position: -100px 0
  373. }
  374. .iradio-blue.hover,.iradio-blue:hover {
  375. background-position: -120px 0
  376. }
  377. .iradio-blue.checked {
  378. background-position: -140px 0
  379. }
  380. .iradio-blue.disabled {
  381. background-position: -160px 0;
  382. cursor: default
  383. }
  384. .iradio-blue.checked.disabled {
  385. background-position: -180px 0
  386. }
  387. /* ztree */
  388. div.ztree-border {
  389. margin-top: 10px;
  390. border: 1px solid #e5e6e7;
  391. background: #FFFFFF none;
  392. border-radius:4px;
  393. }
  394. /* 切换开关 */
  395. .toggle-switch {
  396. display: -webkit-inline-box;
  397. display: -webkit-inline-flex;
  398. display: -ms-inline-flexbox;
  399. display: inline-flex;
  400. -webkit-box-align: center;
  401. -webkit-align-items: center;
  402. -ms-flex-align: center;
  403. align-items: center;
  404. margin-bottom: 0;
  405. padding-top: 8px;
  406. }
  407. .toggle-switch input {
  408. height: 0;
  409. width: 0;
  410. position: absolute;
  411. opacity: 0;
  412. }
  413. .toggle-switch span {
  414. display: inline-block;
  415. position: relative;
  416. width: 40px;
  417. height: 10px;
  418. -webkit-border-radius: 10px;
  419. border-radius: 10px;
  420. background-color: #ebebeb;
  421. border: 2px solid #ebebeb;
  422. cursor: pointer;
  423. -webkit-transition: all .1s ease;
  424. -o-transition: all .1s ease;
  425. transition: all .1s ease
  426. }
  427. .toggle-switch span:after {
  428. content: '';
  429. height: 20px;
  430. width: 20px;
  431. -webkit-border-radius: 50%;
  432. border-radius: 50%;
  433. position: absolute;
  434. left: 1px;
  435. top: -7px;
  436. color: #aaa;
  437. -webkit-transition: all .1s ease;
  438. -o-transition: all .1s ease;
  439. transition: all .1s ease;
  440. text-align: center;
  441. font-size: 13px;
  442. background-color: #fff;
  443. -webkit-box-shadow: rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
  444. box-shadow: rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px
  445. }
  446. .toggle-switch input:checked~span:after {
  447. left: -webkit-calc(100% - 20px);
  448. left: calc(100% - 20px);
  449. background-color: #33cabb
  450. }
  451. .toggle-switch.switch-solid span {
  452. height: 20px;
  453. }
  454. .toggle-switch.switch-solid span:after {
  455. top: -2px;
  456. }
  457. .switch-solid input:checked~span {
  458. background-color: #33cabb;
  459. border-color: #33cabb
  460. }
  461. .switch-solid input:checked~span:after {
  462. background-color: #fff;
  463. color: #33cabb
  464. }
  465. /** 遮罩层 **/
  466. .loaderbox {
  467. display: inline-block;
  468. min-width: 125px;
  469. padding: 10px;
  470. margin: 0 auto;
  471. color: #000 !important;
  472. font-size: 13px;
  473. font-weight: 400;
  474. text-align: center;
  475. vertical-align: middle;
  476. border: 1px solid #ddd;
  477. background-color: #eee;
  478. -webkit-border-radius: 2px;
  479. -moz-border-radius: 2px;
  480. -ms-border-radius: 2px;
  481. -o-border-radius: 2px;
  482. border-radius: 2px;
  483. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  484. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  485. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  486. }
  487. .loaderbox .loading-activity {
  488. float: left;
  489. width: 18px;
  490. height: 18px;
  491. border: solid 2px transparent;
  492. border-top-color: #000;
  493. border-left-color: #000;
  494. border-radius: 10px;
  495. -webkit-animation: pace-spinner 400ms linear infinite;
  496. -moz-animation: pace-spinner 400ms linear infinite;
  497. -ms-animation: pace-spinner 400ms linear infinite;
  498. -o-animation: pace-spinner 400ms linear infinite;
  499. animation: pace-spinner 400ms linear infinite;
  500. }
  501. @media (max-width: 767px) {
  502. .loading-activity {
  503. width: 18px;
  504. height: 18px;
  505. }
  506. }
  507. @-ms-keyframes pace-spinner {
  508. 0% {
  509. -ms-transform: rotate(0deg);
  510. transform: rotate(0deg);
  511. }
  512. 100% {
  513. -ms-transform: rotate(360deg);
  514. transform: rotate(360deg);
  515. }
  516. }
  517. @keyframes pace-spinner {
  518. 0% {
  519. transform: rotate(0deg);
  520. }
  521. 100% {
  522. transform: rotate(360deg);
  523. }
  524. }
  525. /** 表单查询条件 **/
  526. .select-list ul, .layui-layer-content ul {
  527. margin: 0;
  528. padding: 0;
  529. -webkit-tap-highlight-color: rgba(0,0,0,0);
  530. }
  531. .select-list li, .layui-layer-content li {
  532. list-style: none;
  533. }
  534. .select-time .time-input {
  535. display: block;
  536. width: 100%;
  537. padding-left: 10px;
  538. }
  539. label {
  540. font-weight: normal;
  541. }
  542. .container-div {
  543. padding: 0px 28px;
  544. height: 100%;
  545. }
  546. .container-div .row {
  547. height: 100%;
  548. }
  549. .search-collapse,.select-table {
  550. width: 100%;
  551. background: #fff;
  552. border-radius: 6px;
  553. margin-top: 10px;
  554. padding-top: 5px;
  555. padding-bottom: 13px;
  556. box-shadow: 1px 1px 3px rgba(0,0,0,.2);
  557. }
  558. .search-collapse {
  559. position: relative;
  560. }
  561. .search-collapse .col-sm-6 .control-label {
  562. color: #333;
  563. }
  564. @media ( max-width : 768px) {
  565. .search-collapse {
  566. display: none;
  567. }
  568. }
  569. @media ( min-width : 768px) {
  570. .select-list li {
  571. float: left;
  572. }
  573. }
  574. .select-list li {
  575. color: #333;
  576. margin: 5px 15px 5px 0px;
  577. }
  578. .select-list li p, .select-list li label:not(.radio-box){
  579. float: left;
  580. width: 65px;
  581. margin: 5px 0px 0px 0px;
  582. text-align:right;
  583. }
  584. .select-list li input {
  585. border: 1px solid #ddd;
  586. border-radius: 4px;
  587. background: transparent;
  588. outline: none;
  589. height: 30px;
  590. width: 200px;
  591. padding-left: 5px;
  592. }
  593. .select-list li .submit-btn {
  594. border: 0px;
  595. border-radius: 4px;
  596. background: transparent;
  597. outline: none;
  598. width: 40px;
  599. height: 23px;
  600. }
  601. .select-list li select {
  602. border: 1px solid #ddd;
  603. border-radius: 4px;
  604. background: transparent;
  605. outline: none;
  606. height: 30px;
  607. width: 200px;
  608. }
  609. .bootstrap-select.form-control .btn-default {
  610. color: inherit;
  611. padding: 4px 6px 4px;
  612. border-radius: 4px;
  613. border: 1px solid #e5e6e7;
  614. outline: none;
  615. height: 31px;
  616. background: #FFFFFF none
  617. }
  618. .file-input .btn-default {
  619. color: inherit;
  620. background: white;
  621. border: 1px solid #e7eaec;
  622. }
  623. .select-list .btn-default {
  624. color: #555;
  625. padding: 5px 5px;
  626. border: 1px solid #ddd;
  627. border-radius: 4px;
  628. background: transparent;
  629. outline: none;
  630. height: 30px;
  631. width: 200px;
  632. }
  633. .select-list .btn-default:hover,.select-list .btn-default:focus,.select-list .btn-default:active,.select-list .btn-default.active,.open .dropdown-toggle.btn-default {
  634. color: #555;
  635. background-color: #e4e4e4;
  636. border-color: #b2b2b2
  637. }
  638. .select-list .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  639. height: 30px;
  640. width: 200px;
  641. }
  642. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder,
  643. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
  644. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
  645. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  646. color: inherit;
  647. font-size: 13px;
  648. }
  649. .select-list .bootstrap-select .dropdown-toggle .caret {
  650. position: inherit;
  651. }
  652. .select-list .select-selectpicker li {
  653. float: none;
  654. }
  655. .select-list .dropdown-menu>li>a,.bootstrap-select.form-control .dropdown-menu>li>a {
  656. line-height: inherit;
  657. }
  658. .select-list .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a,.bootstrap-select.form-control .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{
  659. color: #fff;
  660. text-decoration: none;
  661. background-color: #12889a
  662. }
  663. .select-list .select2-container--bootstrap {
  664. width: 200px!important;
  665. display: inline-block;
  666. }
  667. .select-list .select2-container--bootstrap .select2-selection {
  668. border-radius: 6px;
  669. }
  670. .select-list .select2-container--bootstrap .select2-selection--single {
  671. height: 30px!important;
  672. padding: 5px 10px;
  673. }
  674. .select-list .select-time input {
  675. width: 93px;
  676. }
  677. .select-time label,.select-time span,.select-time input {
  678. float: left;
  679. }
  680. @media (max-width:767px) {
  681. .select-time label,.select-time span,.select-time input {
  682. float: none;
  683. }
  684. .select-list .select-time input {
  685. width: 200px;
  686. }
  687. }
  688. .select-time label {
  689. margin-top: 5px;
  690. }
  691. .select-time span {
  692. display: block;
  693. margin: 5px 5px;
  694. }
  695. .search-btn {
  696. background-color: #1ab394;
  697. border-color: #1ab394;
  698. color: #FFF;
  699. margin-bottom: 5px;
  700. display: inline-block;
  701. padding: 6px 12px;
  702. margin-bottom: 0;
  703. font-size: 14px;
  704. font-weight: 400;
  705. line-height: 1.42857143;
  706. text-align: center;
  707. white-space: nowrap;
  708. border-radius: 3px;
  709. vertical-align: middle;
  710. cursor: pointer;
  711. }
  712. .select-title{
  713. color:#3d5266;
  714. font-size:15px;
  715. padding:10px 0px;
  716. font-weight: normal;
  717. }
  718. /** 表格查询数据 **/
  719. .table-striped {
  720. min-height: 75%;
  721. }
  722. .table-striped .bootstrap-table, .table-striped .table-bordered {
  723. border: 0px!important;
  724. }
  725. .table-bordered .table>thead>tr>th, .table-bordered .table>tbody>tr>th {
  726. font-weight: normal;
  727. font-size: 13px
  728. }
  729. .table-striped table>thead>tr>th, .table-striped table>tbody>tr>th, .table-striped table>tfoot>tr>th, .table-striped table>thead>tr>td, .table-striped table>tbody>tr>td, .table-striped table>tfoot>tr>td {
  730. border-bottom: 1px solid #e7eaec!important;
  731. background-color: transparent;
  732. border: 0px;
  733. }
  734. .table-bordered table>thead>tr>th:first-child, .table-bordered table>tbody>tr>td:first-child {
  735. border-left: 1px solid #ddd;
  736. }
  737. .table-bordered table>thead>tr>th:last-child, .table-bordered table>tbody>tr>td:last-child {
  738. border-right: 1px solid #ddd;
  739. }
  740. .table-bordered table>thead>tr>th, .table-bordered table>tbody>tr>td {
  741. border-top: 1px solid #ddd!important;
  742. border-bottom: 1px solid #ddd;
  743. }
  744. .fixed-table-footer {
  745. border-top: 0px solid #ddd;
  746. }
  747. .fixed-table-container {
  748. border: 0px solid #ddd;
  749. }
  750. .table-striped .table>thead>tr>th, .table-striped .table>tbody>tr>th {
  751. border-bottom: 1px solid #ccc!important;
  752. border-top: 0px!important;
  753. font-weight: normal;
  754. font-size: 13px
  755. }
  756. .table-striped table thead {
  757. background-color: #eff3f8;
  758. }
  759. .fixed-table-container thead th >.both{
  760. display: inline-block
  761. }
  762. .editable-input .input-sm {
  763. height: 32px!important;
  764. }
  765. /** 表格列宽拖动样式 **/
  766. .rc-handle-container {
  767. position: relative;
  768. }
  769. .rc-handle {
  770. position: absolute;
  771. width: 7px;
  772. cursor: ew-resize;
  773. margin-left: -3px;
  774. z-index: 2;
  775. }
  776. table.rc-table-resizing {
  777. cursor: ew-resize;
  778. }
  779. table.rc-table-resizing thead,
  780. table.rc-table-resizing thead > th,
  781. table.rc-table-resizing thead > th > a {
  782. cursor: ew-resize;
  783. }
  784. /** 表格冻结列样式 **/
  785. .fixed-columns, .fixed-columns-right {
  786. position: absolute;
  787. top: 0;
  788. height: 100%;
  789. background-color: #fff;
  790. box-sizing: border-box;
  791. z-index: 1;
  792. border-width: 0 0 0 1px;
  793. -webkit-box-shadow: 0 0 10px rgba(0,0,0,.12);
  794. box-shadow: 0 0 10px rgba(0,0,0,.12);
  795. }
  796. .fixed-columns {
  797. left: 0;
  798. }
  799. .fixed-columns .fixed-table-body {
  800. overflow: hidden !important;
  801. }
  802. .fixed-columns-right {
  803. right: 0;
  804. }
  805. .fixed-columns-right .fixed-table-body {
  806. overflow-x: hidden !important;
  807. }
  808. .bootstrap-table .table-hover > tbody > tr.hover > td {
  809. background-color: #f5f5f5;
  810. }
  811. /** 表格树样式 **/
  812. .bootstrap-tree-table .treetable-indent {width:16px; height: 16px; display: inline-block; position: relative;}
  813. .bootstrap-tree-table .treetable-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}
  814. .bootstrap-tree-table .treetable-selected{background: #f5f5f5 !important;}
  815. .bootstrap-tree-table .treetable-table{border:0 !important;margin-bottom:0}
  816. .bootstrap-tree-table .treetable-table tbody {display:block;height:auto;overflow-y:auto;}
  817. .bootstrap-tree-table .treetable-table thead, .treetable-table tbody tr {display:table;width:100%;table-layout:fixed;}
  818. .bootstrap-tree-table .treetable-thead th{line-height:24px;border: 0 !important;border-radius: 4px;border-left:0px solid #e7eaec !important;border-bottom:1px solid #ccc!important;text-align: left;}
  819. .bootstrap-tree-table .treetable-thead tr :first-child{border-left:0 !important}
  820. .bootstrap-tree-table .treetable-tbody td{border: 0 !important;border-left:0px solid #e7eaec !important;border-bottom:1px solid #e7eaec!important;white-space: nowrap; text-overflow: ellipsis;}
  821. .bootstrap-tree-table .treetable-tbody tr :first-child{border-left:0 !important}
  822. .bootstrap-tree-table .treetable-bars .tool-left, .bootstrap-tree-table .treetable-bars .tool-right{margin-top: 10px; margin-bottom: 10px;}
  823. .bootstrap-tree-table .treetable-bars .tool-left{float: left;}
  824. .bootstrap-tree-table .treetable-bars .tool-right{float: right;}
  825. .bootstrap-tree-table .treetable-bars .columns li label{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.428571429;max-width: 100%;margin-bottom: 5px;cursor:pointer;}
  826. .bootstrap-tree-table .table{border-bottom: 0px solid #e7eaec!important;}
  827. .bootstrap-tree-table .table-bordered .treetable-thead th {border-left: 1px solid #e7eaec!important;}
  828. .bootstrap-tree-table .table-bordered .treetable-tbody td {border-right: 1px solid #e7eaec!important;}
  829. .bootstrap-tree-table .fixed-table-pagination .pagination-detail {margin-top: 10px;margin-bottom: 10px;}
  830. /** 首页样式 **/
  831. .ax_close_max {
  832. position: fixed;
  833. top: 5px;
  834. left: 5px;
  835. z-index: 9999;
  836. display: none;
  837. color: #ccc;
  838. }
  839. .navbar-right > .user-menu > .dropdown-menu {
  840. border-top-right-radius:0;
  841. border-top-left-radius:0;
  842. padding:1px 0 0 0;
  843. border-top-width:0;
  844. width:138px;
  845. }
  846. .navbar-right > .user-menu .user-image {
  847. float:left;
  848. width:27px;
  849. height:27px;
  850. border-radius:50%;
  851. margin-right:8px;
  852. margin-top:-3px;
  853. }
  854. @media (max-width:767px) {
  855. .navbar-right > .user-menu .user-image {
  856. float:none;
  857. margin-right:0;
  858. margin-top:-8px;
  859. line-height:10px;
  860. }
  861. }.dropdown-menu > li > a > .glyphicon,.dropdown-menu > li > a > .fa,.dropdown-menu > li > a > .ion {
  862. margin-right:10px;
  863. }
  864. .dropdown-menu > li > a:hover {
  865. background-color:#e1e3e9;
  866. color:#333;
  867. }
  868. .dropdown-menu > .divider {
  869. background-color:#eee;
  870. }
  871. /** 表单布局 **/
  872. .form-header {
  873. font-size:15px;
  874. color:#6379bb;
  875. border-bottom:1px solid #ddd;
  876. margin:8px 10px 25px 10px;
  877. padding-bottom:5px
  878. }
  879. .form-control-plaintext {
  880. display: block;
  881. width: 100%;
  882. padding-top: .286rem;
  883. padding-bottom: .286rem;
  884. margin-bottom: 0;
  885. line-height: 1.57142857;
  886. color: #212529;
  887. background-color: transparent;
  888. border: solid transparent;
  889. border-width: 1px 0;
  890. font-weight: 500;
  891. border-bottom: 1px dashed #ccd5db;
  892. min-height: 25px
  893. }
  894. .form-control-plaintext-no-content {
  895. display: block;
  896. width: 100%;
  897. padding-top: .286rem;
  898. padding-bottom: .286rem;
  899. margin-bottom: 0;
  900. line-height: 1.57142857;
  901. color: #ddd !important;
  902. background-color: transparent;
  903. border: solid transparent;
  904. border-width: 1px 0;
  905. border-bottom: 1px dashed #ccd5db;
  906. min-height: 25px
  907. }
  908. .main-content {
  909. background-color: #ffffff;
  910. color: inherit;
  911. padding: 10px 15px 15px 15px;
  912. border-color: #e7eaec;
  913. -webkit-border-image: none;
  914. -o-border-image: none;
  915. border-image: none;
  916. border-width: 1px 0px;
  917. }
  918. /** 表格跳转样式 **/
  919. .pageGo input {
  920. height: 32px;
  921. width: 50px;
  922. margin-left: 5px;
  923. margin-right: 5px;
  924. text-align: center;
  925. display: block;
  926. float:left;
  927. }
  928. .pageGo button {
  929. height: 32px;
  930. display: block;
  931. float:left;
  932. }
  933. /** 表格行拖拽样式 **/
  934. .reorder-rows-on-drag-class td {
  935. color:yellow!important;
  936. background-color:#999!important;
  937. text-shadow:0 0 10px black,0 0 10px black,0 0 8px black,0 0 6px black,0 0 6px black;
  938. box-shadow:0 12px 14px -12px #111 inset,0 -2px 2px -1px #333 inset
  939. }
  940. /** 表格列拖拽样式 **/
  941. .dragtable-sortable {
  942. list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;
  943. }
  944. .dragtable-sortable li {
  945. margin: 0; padding: 0; float: left; font-size: 1em; background: white;
  946. }
  947. .dragtable-sortable th, .dragtable-sortable td{
  948. border-left: 0px;
  949. }
  950. .dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
  951. border-left: 1px solid #CCC;
  952. }
  953. .ui-sortable-helper {
  954. opacity: 0.7;filter: alpha(opacity=70);
  955. }
  956. .ui-sortable-placeholder {
  957. -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
  958. -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
  959. box-shadow: 4px 5px 4px #C6C6C6 inset;
  960. border-bottom: 1px solid #CCCCCC;
  961. border-top: 1px solid #CCCCCC;
  962. visibility: visible !important;
  963. background: #EFEFEF !important;
  964. visibility: visible !important;
  965. }
  966. .ui-sortable-placeholder * {
  967. opacity: 0.0; visibility: hidden;
  968. }
  969. /** 表格选中样式 **/
  970. .bootstrap-table .fixed-table-container .table tbody tr.selected td {
  971. background-color: #E8F7FD;
  972. color: #1890ff;
  973. }
  974. /** 滚动条样式 **/
  975. ::-webkit-scrollbar-track {
  976. background-color: #F5F5F5;
  977. }
  978. /** 气泡弹出框样式 **/
  979. .popover {
  980. font-size: 13px;
  981. max-width: unset;
  982. }
  983. .popover-title {
  984. padding: 8px 14px;
  985. margin: 0 !important;
  986. font-size: 14px;
  987. background-color: #f7f7f7;
  988. border-bottom: 1px solid #ebebeb;
  989. border-radius: 5px 5px 0 0;
  990. }
  991. .popover-content {
  992. padding: 5px;
  993. }
  994. /** 向上滚动样式 **/
  995. #scroll-up {
  996. border-width: 0;
  997. position: fixed;
  998. right: 2px;
  999. z-index: 99;
  1000. -webkit-transition-duration: .3s;
  1001. transition-duration: .3s;
  1002. opacity: 0;
  1003. filter: alpha(opacity=0);
  1004. bottom: -24px;
  1005. visibility: hidden;
  1006. background-color: #aaa;
  1007. color: #fff;
  1008. font-size: 14px;
  1009. display: none;
  1010. }
  1011. #scroll-up.display {
  1012. opacity: .7;
  1013. filter: alpha(opacity=70);
  1014. bottom: 2px;
  1015. visibility: visible;
  1016. }
  1017. /* 设置菜单样式 */
  1018. .menu-content {
  1019. padding: 10px 10px 10px 25px !important;
  1020. }
  1021. .tab-content > .tab-pane {
  1022. display: none;
  1023. }
  1024. .tab-content > .active {
  1025. display: block;
  1026. }
  1027. .height-full {
  1028. height: 100% !important;
  1029. }
  1030. /* 设置滚动条样式 */
  1031. ::-webkit-scrollbar {
  1032. width:10px!important;
  1033. height:10px!important;
  1034. -webkit-appearance:none;
  1035. background:#f1f1f1
  1036. }
  1037. ::-webkit-scrollbar-thumb {
  1038. height:5px;
  1039. border:1px solid transparent;
  1040. border-top:0;
  1041. border-bottom:0;
  1042. border-radius:6px;
  1043. background-color:#ccc;
  1044. background-clip:padding-box
  1045. }
  1046. /* 设置placeholder样式 */
  1047. ::-webkit-input-placeholder {
  1048. color: #b3b3b3!important;
  1049. }
  1050. :-moz-placeholder {
  1051. color: #b3b3b3!important;
  1052. }
  1053. ::-moz-placeholder {
  1054. color: #b3b3b3!important;
  1055. }
  1056. :-ms-input-placeholder {
  1057. color: #b3b3b3!important;
  1058. }