_custom.css 26 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372
  1. @charset "UTF-8";
  2. .fixed {
  3. position: fixed !important;
  4. }
  5. .absolute {
  6. position: absolute !important;
  7. }
  8. .relative {
  9. position: relative !important;
  10. }
  11. .headimg {
  12. width: 35px;
  13. height: 35px;
  14. display: inline-block;
  15. overflow: hidden;
  16. text-align: center;
  17. margin-right: 5px;
  18. margin-bottom: 5px;
  19. border-radius: 50%;
  20. vertical-align: middle;
  21. background-size: cover;
  22. background-repeat: no-repeat;
  23. background-position: center center;
  24. }
  25. .headimg-no {
  26. border: none;
  27. box-shadow: none;
  28. border-radius: 0;
  29. }
  30. .headimg-xs {
  31. width: 28px;
  32. height: 28px;
  33. }
  34. .headimg-sm {
  35. width: 38px;
  36. height: 38px;
  37. }
  38. .headimg-md {
  39. width: 58px;
  40. height: 58px;
  41. }
  42. .headimg-lg {
  43. width: 88px;
  44. height: 88px;
  45. }
  46. .headimg > img {
  47. width: 110%;
  48. height: 110%;
  49. max-width: 110%;
  50. max-height: 110%;
  51. margin: -5% 0 0 -5%;
  52. }
  53. .headimg + * {
  54. vertical-align: middle;
  55. }
  56. .notdata {
  57. padding: 15px;
  58. display: block;
  59. font-size: 13px;
  60. text-align: center;
  61. line-height: 22px;
  62. border-radius: 5px;
  63. letter-spacing: 1px;
  64. background-color: #f2f2f2;
  65. border: 1px solid #EEE;
  66. }
  67. .notselect {
  68. user-select: none;
  69. -ms-user-select: none;
  70. -moz-user-select: none;
  71. -webkit-user-select: none;
  72. }
  73. .transition {
  74. transition: all 0.2s linear;
  75. -o-transition: all 0.2s linear;
  76. -moz-transition: all 0.2s linear;
  77. -webkit-transition: all 0.2s linear;
  78. }
  79. .overhide {
  80. overflow: hidden !important;
  81. }
  82. .overauto {
  83. overflow: auto !important;
  84. }
  85. .pointer {
  86. cursor: pointer !important;
  87. }
  88. .nowrap {
  89. white-space: nowrap !important;
  90. }
  91. .shadow {
  92. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  93. }
  94. .shadow-none {
  95. box-shadow: none !important;
  96. }
  97. .shadow-mini {
  98. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  99. }
  100. .shadow-inset {
  101. box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) inset;
  102. }
  103. .block {
  104. display: block !important;
  105. }
  106. .help-block {
  107. color: #999;
  108. font-size: 12px;
  109. }
  110. .help-label {
  111. color: #999 !important;
  112. }
  113. .help-label b {
  114. margin-right: 5px;
  115. color: #090 !important;
  116. }
  117. .inline-block {
  118. display: inline-block !important;
  119. }
  120. /*! 搜索表单样式 */
  121. .form-search .layui-btn {
  122. height: 32px;
  123. padding: 0 10px;
  124. font-size: 13px;
  125. line-height: 32px;
  126. }
  127. .form-search .layui-btn .layui-icon {
  128. font-size: 15px;
  129. }
  130. .form-search .layui-form-item {
  131. white-space: nowrap;
  132. margin-right: 8px;
  133. border: 1px solid #EEE;
  134. }
  135. .form-search .layui-form-item:last-child {
  136. border: none;
  137. }
  138. .form-search .layui-form-item .layui-form-label {
  139. width: auto !important;
  140. border: none;
  141. height: 30px;
  142. padding: 0 8px;
  143. line-height: 32px;
  144. border-right: 1px solid #EEE;
  145. }
  146. .form-search .layui-form-item .layui-input-inline {
  147. width: 150px;
  148. margin: 0 !important;
  149. display: inline-block !important;
  150. }
  151. .form-search .layui-form-item .layui-input-inline input,
  152. .form-search .layui-form-item .layui-input-inline select {
  153. width: 100%;
  154. height: 30px;
  155. padding: 0 8px;
  156. line-height: 32px;
  157. border-width: 0;
  158. }
  159. .form-search .layui-form-item .layui-form-select dl {
  160. top: 32px;
  161. padding: 0;
  162. border-width: 0;
  163. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  164. border-top-left-radius: 0;
  165. border-top-right-radius: 0;
  166. }
  167. /* 表单验证异常提示 */
  168. .label-required-prev:before {
  169. color: red;
  170. width: 0.5em;
  171. content: '*';
  172. margin: -2px 0 0 -0.55em;
  173. display: inline-block;
  174. position: absolute;
  175. font-size: 14px;
  176. text-align: left;
  177. font-weight: bold;
  178. line-height: 1.6em;
  179. }
  180. .label-required:after,
  181. .label-required-next:after {
  182. top: 6px;
  183. right: 5px;
  184. color: red;
  185. content: '*';
  186. position: absolute;
  187. margin-left: 4px;
  188. font-weight: 700;
  189. line-height: 1.8em;
  190. }
  191. .label-required-null:before {
  192. content: none !important;
  193. }
  194. /** 手机盒子及微信菜单 */
  195. .mobile-preview {
  196. width: 317px;
  197. height: 580px;
  198. position: relative;
  199. background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
  200. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  201. border-radius: 5px;
  202. }
  203. .mobile-preview .mobile-header {
  204. color: #fff;
  205. width: auto;
  206. margin: 0 30px;
  207. overflow: hidden;
  208. font-size: 15px;
  209. padding-top: 30px;
  210. text-align: center;
  211. white-space: nowrap;
  212. text-overflow: ellipsis;
  213. word-wrap: normal;
  214. user-select: none;
  215. -moz-user-select: none;
  216. -webkit-user-select: none;
  217. pointer-events: none;
  218. -webkit-pointer-events: none;
  219. }
  220. .mobile-preview .mobile-body {
  221. top: 60px;
  222. left: 0;
  223. right: 0;
  224. bottom: 0;
  225. position: absolute;
  226. background: #F5F5F5;
  227. border-radius: 0 0 5px 5px;
  228. }
  229. .mobile-preview .mobile-body iframe {
  230. width: 100%;
  231. height: 100%;
  232. border: none;
  233. }
  234. .mobile-preview .mobile-footer {
  235. left: 0;
  236. right: 0;
  237. bottom: 0;
  238. position: absolute;
  239. padding-left: 44px;
  240. background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
  241. border-radius: 0 0 5px 5px;
  242. }
  243. .mobile-preview .mobile-footer li {
  244. float: left;
  245. width: 33.33%;
  246. position: relative;
  247. text-align: center;
  248. line-height: 50px;
  249. }
  250. .mobile-preview .mobile-footer li a {
  251. width: auto;
  252. color: #616161;
  253. display: block;
  254. overflow: hidden;
  255. word-wrap: normal;
  256. white-space: nowrap;
  257. text-overflow: ellipsis;
  258. text-decoration: none;
  259. }
  260. .mobile-preview .mobile-footer li a:after {
  261. top: 0;
  262. left: 0;
  263. right: 0;
  264. bottom: 0;
  265. border: 1px solid #d0d0d0;
  266. margin: 0 0 0 -1px;
  267. z-index: 10;
  268. content: '';
  269. display: block;
  270. position: absolute;
  271. }
  272. .mobile-preview .mobile-footer li a.active:after {
  273. border: 1px solid #44b549;
  274. box-shadow: 0 0 1px #44b549;
  275. z-index: 11;
  276. }
  277. .mobile-preview .mobile-footer li a:hover {
  278. background: rgba(0, 0, 0, 0.02);
  279. }
  280. .mobile-preview .mobile-footer li > .close {
  281. top: 1px;
  282. right: 1px;
  283. width: 18px;
  284. height: 18px;
  285. display: none;
  286. cursor: pointer;
  287. position: absolute;
  288. z-index: 13;
  289. text-align: center;
  290. line-height: 18px;
  291. }
  292. .mobile-preview .mobile-footer li:hover > .close {
  293. display: inline-block;
  294. background: none !important;
  295. }
  296. .mobile-preview .mobile-footer li:hover > .close:hover {
  297. color: #C33 !important;
  298. }
  299. .mobile-preview .mobile-footer .icon-add,
  300. .mobile-preview .mobile-footer .icon-sub {
  301. display: inline-block;
  302. vertical-align: middle;
  303. }
  304. .mobile-preview .mobile-footer .icon-add::before,
  305. .mobile-preview .mobile-footer .icon-sub::before {
  306. content: none;
  307. }
  308. .mobile-preview .mobile-footer .icon-add {
  309. width: 14px;
  310. height: 14px;
  311. background: url(../img/wechat/index.png) 0 0 no-repeat;
  312. }
  313. .mobile-preview .mobile-footer .icon-sub {
  314. width: 7px;
  315. height: 7px;
  316. margin-right: 2px;
  317. background: url(../img/wechat/index.png) 0 -3pc no-repeat;
  318. }
  319. .mobile-preview .mobile-footer .sub-menu {
  320. width: 100%;
  321. bottom: 60px;
  322. display: block;
  323. position: absolute;
  324. background-color: #fafafa;
  325. }
  326. .mobile-preview .mobile-footer .sub-menu ul li {
  327. width: 100%;
  328. padding: 0;
  329. }
  330. .mobile-preview .mobile-footer .sub-menu ul li > .close {
  331. top: 0;
  332. }
  333. .mobile-preview .mobile-footer .sub-menu ul li a:after {
  334. margin: -1px 0 0 0;
  335. }
  336. .mobile-preview .mobile-footer .arrow {
  337. left: 50%;
  338. position: absolute;
  339. margin-left: -6px;
  340. }
  341. .mobile-preview .mobile-footer .arrow_in,
  342. .mobile-preview .mobile-footer .arrow_out {
  343. width: 0;
  344. height: 0;
  345. z-index: 10;
  346. border: 6px dashed transparent;
  347. display: inline-block;
  348. border-top-style: solid;
  349. border-bottom-width: 0;
  350. }
  351. .mobile-preview .mobile-footer .arrow_in {
  352. bottom: -5px;
  353. z-index: 11;
  354. border-top-color: #fafafa;
  355. }
  356. .mobile-preview .mobile-footer .arrow_out {
  357. bottom: -6px;
  358. z-index: 10;
  359. border-top-color: #d0d0d0;
  360. }
  361. /*! 重置 Iframe 页面样式 */
  362. .iframe-pagination {
  363. padding: 20px;
  364. }
  365. .iframe-pagination:not(.not-footer):after {
  366. content: '';
  367. height: 30px;
  368. display: block;
  369. }
  370. .iframe-pagination .pagination-container {
  371. left: 0;
  372. right: 0;
  373. bottom: 0;
  374. padding: 5px 20px;
  375. position: fixed;
  376. background: #fff;
  377. border-top: 1px solid #ddd;
  378. }
  379. .think-elips-1 {
  380. display: -webkit-box;
  381. overflow: hidden;
  382. line-height: 1.4em;
  383. text-overflow: ellipsis;
  384. -webkit-box-orient: vertical;
  385. line-clamp: 1;
  386. -webkit-line-clamp: 1;
  387. }
  388. .think-elips-2 {
  389. display: -webkit-box;
  390. overflow: hidden;
  391. line-height: 1.4em;
  392. text-overflow: ellipsis;
  393. -webkit-box-orient: vertical;
  394. line-clamp: 2;
  395. -webkit-line-clamp: 2;
  396. }
  397. .think-elips-3 {
  398. display: -webkit-box;
  399. overflow: hidden;
  400. line-height: 1.4em;
  401. text-overflow: ellipsis;
  402. -webkit-box-orient: vertical;
  403. line-clamp: 3;
  404. -webkit-line-clamp: 3;
  405. }
  406. .think-elips-4 {
  407. display: -webkit-box;
  408. overflow: hidden;
  409. line-height: 1.4em;
  410. text-overflow: ellipsis;
  411. -webkit-box-orient: vertical;
  412. line-clamp: 4;
  413. -webkit-line-clamp: 4;
  414. }
  415. .think-elips-5 {
  416. display: -webkit-box;
  417. overflow: hidden;
  418. line-height: 1.4em;
  419. text-overflow: ellipsis;
  420. -webkit-box-orient: vertical;
  421. line-clamp: 5;
  422. -webkit-line-clamp: 5;
  423. }
  424. .think-box-shadow {
  425. padding: 20px !important;
  426. background: #fff !important;
  427. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  428. border-radius: 5px;
  429. }
  430. .think-box-shadow > .layui-card {
  431. box-shadow: none;
  432. }
  433. .think-box-notify {
  434. display: block;
  435. padding: 16px 20px;
  436. font-size: 15px;
  437. line-height: 1em;
  438. box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  439. border-radius: 5px;
  440. }
  441. .think-box-notify > .layui-card {
  442. box-shadow: none;
  443. }
  444. .think-page-loader {
  445. top: 0;
  446. left: 0;
  447. right: 0;
  448. bottom: 0;
  449. z-index: 9999999;
  450. position: fixed;
  451. text-align: center;
  452. background-color: #EFEFEF;
  453. }
  454. .think-page-loader .loader {
  455. top: 50%;
  456. width: 50px;
  457. height: 50px;
  458. margin: -35px 0 0 -35px;
  459. z-index: 999999;
  460. display: inline-block;
  461. position: fixed;
  462. background-color: #EFEFEF;
  463. }
  464. .think-page-loader .loader:before {
  465. top: 59px;
  466. left: 0;
  467. width: 50px;
  468. height: 7px;
  469. opacity: 0.1;
  470. content: "";
  471. position: absolute;
  472. border-radius: 50%;
  473. background-color: #000;
  474. animation: shadow 0.5s linear infinite;
  475. }
  476. .think-page-loader .loader:after {
  477. top: 0;
  478. left: 0;
  479. width: 50px;
  480. height: 50px;
  481. content: "";
  482. position: absolute;
  483. border-radius: 3px;
  484. background-color: #5FB878;
  485. animation: loading 0.5s linear infinite;
  486. }
  487. .input-right-icon {
  488. top: 1px;
  489. right: 1px;
  490. color: #098;
  491. width: 36px;
  492. height: 36px;
  493. display: inline-block;
  494. position: absolute;
  495. background: #E9E9E9;
  496. text-align: center;
  497. line-height: 38px;
  498. }
  499. .input-right-icon:hover {
  500. color: #009080;
  501. background: #E0E0E0;
  502. }
  503. [data-tips-image] {
  504. cursor: zoom-in !important;
  505. }
  506. [data-lazy-src] {
  507. overflow: hidden;
  508. position: relative;
  509. background-size: cover;
  510. background-position: center center;
  511. }
  512. .pace-inactive {
  513. display: none;
  514. }
  515. .pace-progress {
  516. top: 0;
  517. right: 100%;
  518. width: 100%;
  519. height: 2px;
  520. z-index: 2000;
  521. position: fixed;
  522. background: #22df80;
  523. }
  524. .uploadimage {
  525. width: 76px;
  526. height: 76px;
  527. cursor: pointer;
  528. display: inline-block;
  529. position: relative;
  530. overflow: hidden;
  531. margin-right: 10px;
  532. border-radius: 3px;
  533. box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  534. background: url('../img/upimg.png') no-repeat center center;
  535. background-size: cover;
  536. }
  537. .uploadimage span.layui-icon {
  538. right: 0;
  539. color: #fff;
  540. width: 20px;
  541. height: 20px;
  542. display: none;
  543. position: absolute;
  544. text-align: center;
  545. line-height: 22px;
  546. background: rgba(0, 0, 0, 0.5);
  547. }
  548. .uploadimage:hover span.layui-icon {
  549. display: inline-block;
  550. }
  551. .uploadimagemtl > div {
  552. right: 0;
  553. display: none;
  554. position: absolute;
  555. text-align: right;
  556. }
  557. .uploadimagemtl > div a {
  558. color: #EEE;
  559. width: 20px;
  560. height: 20px;
  561. display: inline-block;
  562. margin-left: 1px;
  563. box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  564. text-align: center;
  565. line-height: 20px;
  566. background: rgba(0, 0, 0, 0.8);
  567. }
  568. .uploadimagemtl > div a:first-child {
  569. border-top-left-radius: 3px;
  570. border-bottom-left-radius: 3px;
  571. }
  572. .uploadimagemtl > div a:last-child {
  573. border-top-right-radius: 3px;
  574. border-bottom-right-radius: 3px;
  575. }
  576. .uploadimagemtl:hover > div {
  577. cursor: pointer;
  578. display: inline-block;
  579. }
  580. .uploadimagemtl:hover > div a:hover {
  581. color: #FFF;
  582. text-decoration: none;
  583. }
  584. .upload-image-smbox .uploadimage a,
  585. .upload-image-mdbox .uploadimage a,
  586. .upload-image-lgbox .uploadimage a {
  587. width: 30px;
  588. height: 30px;
  589. line-height: 30px;
  590. }
  591. .upload-image-smbox .uploadimage {
  592. width: 120px;
  593. height: 120px;
  594. }
  595. .upload-image-mdbox .uploadimage {
  596. width: 180px;
  597. height: 180px;
  598. }
  599. .upload-image-lgbox .uploadimage {
  600. width: 240px;
  601. height: 240px;
  602. }
  603. .submit-button-loading {
  604. cursor: default;
  605. position: relative;
  606. transform: scale(1);
  607. text-align: center;
  608. }
  609. .submit-button-loading::after {
  610. left: 50%;
  611. position: absolute;
  612. margin-left: -8px;
  613. content: "\e63d";
  614. font-family: layui-icon !important;
  615. font-size: 16px;
  616. font-style: normal;
  617. -webkit-font-smoothing: antialiased;
  618. -moz-osx-font-smoothing: grayscale;
  619. animation-name: layui-rotate;
  620. -webkit-animation-name: layui-rotate;
  621. -webkit-animation-duration: 1s;
  622. animation-duration: 1s;
  623. animation-timing-function: linear;
  624. -webkit-animation-timing-function: linear;
  625. animation-iteration-count: infinite;
  626. -webkit-animation-iteration-count: infinite;
  627. }
  628. .portal-block-container {
  629. font-size: 14px;
  630. margin-bottom: 10px;
  631. letter-spacing: 1px;
  632. }
  633. .portal-block-container .portal-block-icon {
  634. top: 45%;
  635. right: 8%;
  636. font-size: 65px;
  637. position: absolute;
  638. color: rgba(255, 255, 255, 0.4);
  639. }
  640. .portal-block-container .portal-block-item {
  641. color: #fff;
  642. padding: 15px 25px;
  643. position: relative;
  644. line-height: 3em;
  645. border-radius: 5px;
  646. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  647. }
  648. .portal-block-container .portal-block-item > div:nth-child(2) {
  649. font-size: 46px;
  650. line-height: 46px;
  651. }
  652. label.think-radio,
  653. label.think-checkbox {
  654. cursor: pointer;
  655. display: inline-block;
  656. margin: 8px 10px 8px 6px;
  657. }
  658. .think-radio,
  659. .think-checkbox {
  660. user-select: none;
  661. -ms-user-select: none;
  662. -moz-user-select: none;
  663. -webkit-user-select: none;
  664. margin-top: 10px;
  665. font-weight: 400;
  666. line-height: 16px;
  667. }
  668. .think-radio input[type=radio],
  669. .think-checkbox input[type=radio],
  670. .think-radio input[type=checkbox],
  671. .think-checkbox input[type=checkbox] {
  672. width: 18px;
  673. height: 18px;
  674. cursor: pointer;
  675. border: 1px solid #CCC;
  676. position: relative;
  677. background: #fff;
  678. margin-right: 5px;
  679. vertical-align: bottom;
  680. display: inline-block !important;
  681. box-sizing: border-box !important;
  682. appearance: none;
  683. -webkit-appearance: none;
  684. }
  685. .think-radio input[type=radio]:checked,
  686. .think-checkbox input[type=radio]:checked,
  687. .think-radio input[type=checkbox]:checked,
  688. .think-checkbox input[type=checkbox]:checked {
  689. border-color: #009688;
  690. }
  691. .think-radio input[type=radio]:checked:after,
  692. .think-checkbox input[type=radio]:checked:after,
  693. .think-radio input[type=checkbox]:checked:after,
  694. .think-checkbox input[type=checkbox]:checked:after {
  695. display: block;
  696. position: relative;
  697. animation-duration: 0.3s;
  698. animation-fill-mode: both;
  699. animation-name: layui-fadein;
  700. -webkit-animation-duration: 0.3s;
  701. -webkit-animation-fill-mode: both;
  702. -webkit-animation-name: layui-fadein;
  703. }
  704. .think-radio input[type=radio],
  705. .think-checkbox input[type=radio] {
  706. border-radius: 1em;
  707. }
  708. .think-radio input[type=radio]:checked:after,
  709. .think-checkbox input[type=radio]:checked:after {
  710. top: 4px;
  711. left: 4px;
  712. width: 8px;
  713. height: 8px;
  714. cursor: pointer;
  715. content: '';
  716. background: #009688;
  717. border-radius: 1em;
  718. }
  719. .think-radio input[type=checkbox],
  720. .think-checkbox input[type=checkbox] {
  721. border-radius: 1px;
  722. }
  723. .think-radio input[type=checkbox]:checked:after,
  724. .think-checkbox input[type=checkbox]:checked:after {
  725. color: #009688;
  726. cursor: pointer;
  727. padding: 2px;
  728. content: "\e605";
  729. font-size: 12px;
  730. font-style: normal;
  731. font-weight: 700;
  732. font-family: layui-icon !important;
  733. -webkit-font-smoothing: antialiased;
  734. -moz-osx-font-smoothing: grayscale;
  735. }
  736. .pagination-container {
  737. margin-top: 20px;
  738. line-height: 30px;
  739. padding-top: 5px;
  740. padding-bottom: 5px;
  741. }
  742. .pagination-container span {
  743. color: #666;
  744. font-size: 9pt;
  745. }
  746. .pagination-container select {
  747. border: 1px solid #DDD;
  748. }
  749. .pagination-container ul {
  750. float: right;
  751. height: 30px;
  752. margin: 0;
  753. padding: 0;
  754. display: inline-block;
  755. }
  756. .pagination-container ul li {
  757. z-index: 1;
  758. height: 30px;
  759. line-height: 30px;
  760. display: inline-block;
  761. }
  762. .pagination-container ul li a,
  763. .pagination-container ul li span {
  764. color: #333;
  765. width: 30px;
  766. height: 30px;
  767. border: 1px solid #EEE;
  768. overflow: hidden;
  769. font-size: 12px;
  770. text-align: center;
  771. line-height: 30px;
  772. margin-right: 3px;
  773. display: inline-block;
  774. box-sizing: border-box;
  775. }
  776. .pagination-container ul li span {
  777. cursor: default;
  778. background: #DCDCDC;
  779. }
  780. .pagination-container ul li a:hover {
  781. border-color: #009688;
  782. }
  783. .pagination-container ul li.active {
  784. z-index: 2;
  785. }
  786. .pagination-container ul li.active span {
  787. color: #fff;
  788. border-color: #009688;
  789. background: #009688 !important;
  790. }
  791. .pagination-container ul li.disabled span {
  792. font-size: 16px;
  793. font-weight: 700;
  794. line-height: 22px;
  795. }
  796. .pagination-container ul li:last-child a,
  797. .pagination-container ul li:first-child a,
  798. .pagination-container ul li:last-child span,
  799. .pagination-container ul li:first-child span {
  800. font-size: 16px;
  801. font-weight: 700;
  802. line-height: 28px;
  803. }
  804. .hr-line-dashed {
  805. color: #fff;
  806. height: 1px;
  807. margin: 15px 0;
  808. background-color: #fff;
  809. border-top: 1px dashed #e7eaec;
  810. }
  811. .hr-line-solid {
  812. margin-top: 15px;
  813. margin-bottom: 15px;
  814. border-bottom: 1px solid #e7eaec;
  815. background-color: rgba(0, 0, 0, 0);
  816. }
  817. .pull-left {
  818. float: left !important;
  819. }
  820. .pull-right {
  821. float: right !important;
  822. }
  823. .full-width {
  824. width: 100% !important;
  825. }
  826. .full-height {
  827. height: 100% !important;
  828. }
  829. .color-red {
  830. color: #e44 !important;
  831. }
  832. .color-blue {
  833. color: #29f !important;
  834. }
  835. .color-desc {
  836. color: #999 !important;
  837. }
  838. .color-text {
  839. color: #333 !important;
  840. }
  841. .color-green {
  842. color: #090 !important;
  843. }
  844. .sub-span-red span {
  845. color: #e44 !important;
  846. }
  847. .sub-span-blue span {
  848. color: #29f !important;
  849. }
  850. .sub-span-desc span {
  851. color: #999 !important;
  852. }
  853. .sub-span-text span {
  854. color: #333 !important;
  855. }
  856. .sub-span-green span {
  857. color: #090 !important;
  858. }
  859. .sub-strong-s10 b {
  860. font-size: 10px;
  861. }
  862. .sub-strong-s12 b {
  863. font-size: 12px;
  864. }
  865. .sub-strong-s14 b {
  866. font-size: 14px;
  867. }
  868. .sub-strong-red b {
  869. color: #ec494e !important;
  870. }
  871. .sub-strong-blue b {
  872. color: #2494f2 !important;
  873. }
  874. .sub-strong-desc b {
  875. color: #999 !important;
  876. }
  877. .sub-strong-text b {
  878. color: #333 !important;
  879. }
  880. .sub-strong-green b {
  881. color: #090 !important;
  882. }
  883. .think-bg-red {
  884. color: #FFF;
  885. background: linear-gradient(-125deg, #ff7d7d, #fb2c95) !important;
  886. }
  887. .think-bg-gray {
  888. color: #333;
  889. background: linear-gradient(-113deg, #EEEEEE, #EEEEEE) !important;
  890. }
  891. .think-bg-blue {
  892. color: #FFF;
  893. background: linear-gradient(-125deg, #57bdbf, #2f9de2) !important;
  894. }
  895. .think-bg-orig {
  896. color: #FFF;
  897. background: linear-gradient(-141deg, #ecca1b, #f39526) !important;
  898. }
  899. .think-bg-violet {
  900. color: #FFF;
  901. background: linear-gradient(-113deg, #c543d8, #925cc3) !important;
  902. }
  903. .think-bg-white {
  904. color: #333;
  905. background: white !important;
  906. }
  907. .text-top {
  908. vertical-align: top !important;
  909. }
  910. .text-left {
  911. text-align: left !important;
  912. }
  913. .text-right {
  914. text-align: right !important;
  915. }
  916. .text-center {
  917. text-align: center !important;
  918. }
  919. .text-middle {
  920. vertical-align: middle !important;
  921. }
  922. .text-bottom {
  923. vertical-align: bottom !important;
  924. }
  925. .font-s10 {
  926. font-size: 10px !important;
  927. }
  928. .font-s11 {
  929. font-size: 11px !important;
  930. }
  931. .font-s12 {
  932. font-size: 12px !important;
  933. }
  934. .font-s13 {
  935. font-size: 13px !important;
  936. }
  937. .font-s14 {
  938. font-size: 14px !important;
  939. }
  940. .font-s15 {
  941. font-size: 15px !important;
  942. }
  943. .font-s16 {
  944. font-size: 16px !important;
  945. }
  946. .font-s18 {
  947. font-size: 18px !important;
  948. }
  949. .font-s20 {
  950. font-size: 20px !important;
  951. }
  952. .font-s30 {
  953. font-size: 30px !important;
  954. }
  955. .font-s40 {
  956. font-size: 40px !important;
  957. }
  958. .font-w1 {
  959. font-weight: 100 !important;
  960. }
  961. .font-w2 {
  962. font-weight: 200 !important;
  963. }
  964. .font-w3 {
  965. font-weight: 300 !important;
  966. }
  967. .font-w4 {
  968. font-weight: 400 !important;
  969. }
  970. .font-w5 {
  971. font-weight: 500 !important;
  972. }
  973. .font-w6 {
  974. font-weight: 600 !important;
  975. }
  976. .font-w7 {
  977. font-weight: 700 !important;
  978. }
  979. .font-w8 {
  980. font-weight: 800 !important;
  981. }
  982. .font-w9 {
  983. font-weight: 900 !important;
  984. }
  985. .border-0 {
  986. border: 0 !important;
  987. }
  988. .border-line {
  989. border: 1px solid #EEE;
  990. }
  991. .border-bottom-line {
  992. border-bottom: 1px solid #EEE;
  993. }
  994. .border-top-0 {
  995. border-top: 0 !important;
  996. }
  997. .border-left-0 {
  998. border-left: 0 !important;
  999. }
  1000. .border-right-0 {
  1001. border-right: 0 !important;
  1002. }
  1003. .border-bottom-0 {
  1004. border-bottom: 0 !important;
  1005. }
  1006. .border-radius {
  1007. border-radius: 50% !important;
  1008. }
  1009. .border-radius-0 {
  1010. border-radius: 0 !important;
  1011. }
  1012. .border-radius-5 {
  1013. border-radius: 5px !important;
  1014. }
  1015. .border-radius-6 {
  1016. border-radius: 6px !important;
  1017. }
  1018. .border-radius-left-0 {
  1019. border-top-left-radius: 0 !important;
  1020. border-bottom-left-radius: 0 !important;
  1021. }
  1022. .border-radius-right-0 {
  1023. border-top-right-radius: 0 !important;
  1024. border-bottom-right-radius: 0 !important;
  1025. }
  1026. .margin-0 {
  1027. margin: 0 !important;
  1028. }
  1029. .margin-5 {
  1030. margin: 5px !important;
  1031. }
  1032. .margin-10 {
  1033. margin: 10px !important;
  1034. }
  1035. .margin-15 {
  1036. margin: 15px !important;
  1037. }
  1038. .margin-20 {
  1039. margin: 20px !important;
  1040. }
  1041. .margin-25 {
  1042. margin: 25px !important;
  1043. }
  1044. .margin-30 {
  1045. margin: 30px !important;
  1046. }
  1047. .margin-40 {
  1048. margin: 40px !important;
  1049. }
  1050. .margin-row-0 {
  1051. margin-left: 0 !important;
  1052. margin-right: 0 !important;
  1053. }
  1054. .margin-row-5 {
  1055. margin-left: 5px !important;
  1056. margin-right: 5px !important;
  1057. }
  1058. .margin-row-10 {
  1059. margin-left: 10px !important;
  1060. margin-right: 10px !important;
  1061. }
  1062. .margin-row-15 {
  1063. margin-left: 15px !important;
  1064. margin-right: 15px !important;
  1065. }
  1066. .margin-row-20 {
  1067. margin-left: 20px !important;
  1068. margin-right: 20px !important;
  1069. }
  1070. .margin-row-25 {
  1071. margin-left: 25px !important;
  1072. margin-right: 25px !important;
  1073. }
  1074. .margin-row-30 {
  1075. margin-left: 30px !important;
  1076. margin-right: 30px !important;
  1077. }
  1078. .margin-row-40 {
  1079. margin-left: 40px !important;
  1080. margin-right: 40px !important;
  1081. }
  1082. .margin-top-0 {
  1083. margin-top: 0 !important;
  1084. }
  1085. .margin-top-5 {
  1086. margin-top: 5px !important;
  1087. }
  1088. .margin-top-10 {
  1089. margin-top: 10px !important;
  1090. }
  1091. .margin-top-15 {
  1092. margin-top: 15px !important;
  1093. }
  1094. .margin-top-20 {
  1095. margin-top: 20px !important;
  1096. }
  1097. .margin-top-25 {
  1098. margin-top: 25px !important;
  1099. }
  1100. .margin-top-30 {
  1101. margin-top: 30px !important;
  1102. }
  1103. .margin-top-40 {
  1104. margin-top: 40px !important;
  1105. }
  1106. .margin-left-0 {
  1107. margin-left: 0 !important;
  1108. }
  1109. .margin-left-5 {
  1110. margin-left: 5px !important;
  1111. }
  1112. .margin-left-10 {
  1113. margin-left: 10px !important;
  1114. }
  1115. .margin-left-15 {
  1116. margin-left: 15px !important;
  1117. }
  1118. .margin-left-20 {
  1119. margin-left: 20px !important;
  1120. }
  1121. .margin-left-25 {
  1122. margin-left: 25px !important;
  1123. }
  1124. .margin-left-30 {
  1125. margin-left: 30px !important;
  1126. }
  1127. .margin-left-40 {
  1128. margin-left: 40px !important;
  1129. }
  1130. .margin-right-0 {
  1131. margin-right: 0 !important;
  1132. }
  1133. .margin-right-5 {
  1134. margin-right: 5px !important;
  1135. }
  1136. .margin-right-10 {
  1137. margin-right: 10px !important;
  1138. }
  1139. .margin-right-15 {
  1140. margin-right: 15px !important;
  1141. }
  1142. .margin-right-20 {
  1143. margin-right: 20px !important;
  1144. }
  1145. .margin-right-25 {
  1146. margin-right: 25px !important;
  1147. }
  1148. .margin-right-30 {
  1149. margin-right: 30px !important;
  1150. }
  1151. .margin-right-40 {
  1152. margin-right: 40px !important;
  1153. }
  1154. .margin-bottom-0 {
  1155. margin-bottom: 0 !important;
  1156. }
  1157. .margin-bottom-5 {
  1158. margin-bottom: 5px !important;
  1159. }
  1160. .margin-bottom-10 {
  1161. margin-bottom: 10px !important;
  1162. }
  1163. .margin-bottom-15 {
  1164. margin-bottom: 15px !important;
  1165. }
  1166. .margin-bottom-20 {
  1167. margin-bottom: 20px !important;
  1168. }
  1169. .margin-bottom-25 {
  1170. margin-bottom: 25px !important;
  1171. }
  1172. .margin-bottom-30 {
  1173. margin-bottom: 30px !important;
  1174. }
  1175. .margin-bottom-40 {
  1176. margin-bottom: 40px !important;
  1177. }
  1178. .padding-0 {
  1179. padding: 0 !important;
  1180. }
  1181. .padding-5 {
  1182. padding: 5px !important;
  1183. }
  1184. .padding-10 {
  1185. padding: 10px !important;
  1186. }
  1187. .padding-15 {
  1188. padding: 15px !important;
  1189. }
  1190. .padding-20 {
  1191. padding: 20px !important;
  1192. }
  1193. .padding-25 {
  1194. padding: 25px !important;
  1195. }
  1196. .padding-30 {
  1197. padding: 30px !important;
  1198. }
  1199. .padding-40 {
  1200. padding: 40px !important;
  1201. }
  1202. .padding-row-0 {
  1203. padding-left: 0 !important;
  1204. padding-right: 0 !important;
  1205. }
  1206. .padding-row-5 {
  1207. padding-left: 5px !important;
  1208. padding-right: 5px !important;
  1209. }
  1210. .padding-row-10 {
  1211. padding-left: 10px !important;
  1212. padding-right: 10px !important;
  1213. }
  1214. .padding-row-15 {
  1215. padding-left: 15px !important;
  1216. padding-right: 15px !important;
  1217. }
  1218. .padding-row-20 {
  1219. padding-left: 20px !important;
  1220. padding-right: 20px !important;
  1221. }
  1222. .padding-row-25 {
  1223. padding-left: 25px !important;
  1224. padding-right: 25px !important;
  1225. }
  1226. .padding-row-30 {
  1227. padding-left: 30px !important;
  1228. padding-right: 30px !important;
  1229. }
  1230. .padding-row-40 {
  1231. padding-left: 40px !important;
  1232. padding-right: 40px !important;
  1233. }
  1234. .padding-top-0 {
  1235. padding-top: 0 !important;
  1236. }
  1237. .padding-top-5 {
  1238. padding-top: 5px !important;
  1239. }
  1240. .padding-top-10 {
  1241. padding-top: 10px !important;
  1242. }
  1243. .padding-top-15 {
  1244. padding-top: 15px !important;
  1245. }
  1246. .padding-top-20 {
  1247. padding-top: 20px !important;
  1248. }
  1249. .padding-top-30 {
  1250. padding-top: 30px !important;
  1251. }
  1252. .padding-top-40 {
  1253. padding-top: 40px !important;
  1254. }
  1255. .padding-left-0 {
  1256. padding-left: 0 !important;
  1257. }
  1258. .padding-left-5 {
  1259. padding-left: 5px !important;
  1260. }
  1261. .padding-left-10 {
  1262. padding-left: 10px !important;
  1263. }
  1264. .padding-left-15 {
  1265. padding-left: 15px !important;
  1266. }
  1267. .padding-left-20 {
  1268. padding-left: 20px !important;
  1269. }
  1270. .padding-left-30 {
  1271. padding-left: 30px !important;
  1272. }
  1273. .padding-left-40 {
  1274. padding-left: 40px !important;
  1275. }
  1276. .padding-right-0 {
  1277. padding-right: 0 !important;
  1278. }
  1279. .padding-right-5 {
  1280. padding-right: 5px !important;
  1281. }
  1282. .padding-right-10 {
  1283. padding-right: 10px !important;
  1284. }
  1285. .padding-right-15 {
  1286. padding-right: 15px !important;
  1287. }
  1288. .padding-right-20 {
  1289. padding-right: 20px !important;
  1290. }
  1291. .padding-right-30 {
  1292. padding-right: 30px !important;
  1293. }
  1294. .padding-right-40 {
  1295. padding-right: 40px !important;
  1296. }
  1297. .padding-bottom-0 {
  1298. padding-bottom: 0 !important;
  1299. }
  1300. .padding-bottom-5 {
  1301. padding-bottom: 5px !important;
  1302. }
  1303. .padding-bottom-10 {
  1304. padding-bottom: 10px !important;
  1305. }
  1306. .padding-bottom-15 {
  1307. padding-bottom: 15px !important;
  1308. }
  1309. .padding-bottom-20 {
  1310. padding-bottom: 20px !important;
  1311. }
  1312. .padding-bottom-30 {
  1313. padding-bottom: 30px !important;
  1314. }
  1315. .padding-bottom-40 {
  1316. padding-bottom: 40px !important;
  1317. }
  1318. @keyframes loading {
  1319. 17% {
  1320. border-bottom-right-radius: 3px;
  1321. }
  1322. 25% {
  1323. transform: translateY(9px) rotate(22.5deg);
  1324. }
  1325. 50% {
  1326. border-bottom-right-radius: 40px;
  1327. transform: translateY(18px) scale(1, 0.9) rotate(45deg);
  1328. }
  1329. 75% {
  1330. transform: translateY(9px) rotate(67.5deg);
  1331. }
  1332. 100% {
  1333. transform: translateY(0) rotate(90deg);
  1334. }
  1335. }
  1336. @-webkit-keyframes loading {
  1337. 17% {
  1338. border-bottom-right-radius: 3px;
  1339. }
  1340. 25% {
  1341. transform: translateY(9px) rotate(22.5deg);
  1342. }
  1343. 50% {
  1344. transform: translateY(18px) scale(1, 0.9) rotate(45deg);
  1345. border-bottom-right-radius: 40px;
  1346. }
  1347. 75% {
  1348. transform: translateY(9px) rotate(67.5deg);
  1349. }
  1350. 100% {
  1351. transform: translateY(0) rotate(90deg);
  1352. }
  1353. }
  1354. @keyframes shadow {
  1355. 0%,
  1356. 100% {
  1357. transform: scale(1, 1);
  1358. }
  1359. 50% {
  1360. transform: scale(1.2, 1);
  1361. }
  1362. }
  1363. @-webkit-keyframes shadow {
  1364. 0%,
  1365. 100% {
  1366. transform: scale(1, 1);
  1367. }
  1368. 50% {
  1369. transform: scale(1.2, 1);
  1370. }
  1371. }
  1372. /*# sourceMappingURL=_custom.css.map */