style.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623
  1. .layui-layer,.layui-layer-shade{
  2. position:fixed;
  3. _position:absolute;
  4. pointer-events:auto
  5. }
  6. .layui-layer-shade{
  7. top:0;
  8. left:0;
  9. width:100%;
  10. height:100%;
  11. _height:expression(document.body.offsetHeight+"px")
  12. }
  13. .layui-layer{
  14. top:150px;
  15. left:50%;
  16. margin:0;
  17. padding:0;
  18. background-color:#fff;
  19. -webkit-background-clip:content;
  20. box-shadow:1px 1px 50px rgba(0,0,0,.3);
  21. -webkit-animation-fill-mode:both;
  22. animation-fill-mode:both;
  23. -webkit-animation-duration:.3s;
  24. animation-duration:.3s
  25. }
  26. .layui-layer-close{
  27. position:absolute
  28. }
  29. .layui-layer-content{
  30. position:relative
  31. }
  32. .layui-layer-border{
  33. border:1px solid #B2B2B2;
  34. border:1px solid rgba(0,0,0,.3);
  35. box-shadow:1px 1px 5px rgba(0,0,0,.2)
  36. }
  37. .layui-layer-moves{
  38. position:absolute;
  39. border:3px solid #666;
  40. border:3px solid rgba(0,0,0,.5);
  41. cursor:move;
  42. background-color:#fff;
  43. background-color:rgba(255,255,255,.3);
  44. filter:alpha(opacity=50)
  45. }
  46. .layui-layer-load{
  47. background:url(loading.gif) center center no-repeat #fff
  48. }
  49. .layui-layer-ico{
  50. background:url(icon.png) no-repeat
  51. }
  52. .layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{
  53. display:inline-block;
  54. *display:inline;
  55. *zoom:1;
  56. vertical-align:top
  57. }
  58. @-webkit-keyframes bounceIn{
  59. 0%{
  60. opacity:0;
  61. -webkit-transform:scale(.5);
  62. transform:scale(.5)
  63. }
  64. 100%{
  65. opacity:1;
  66. -webkit-transform:scale(1);
  67. transform:scale(1)
  68. }
  69. }
  70. @keyframes bounceIn{
  71. 0%{
  72. opacity:0;
  73. -webkit-transform:scale(.5);
  74. -ms-transform:scale(.5);
  75. transform:scale(.5)
  76. }
  77. 100%{
  78. opacity:1;
  79. -webkit-transform:scale(1);
  80. -ms-transform:scale(1);
  81. transform:scale(1)
  82. }
  83. }
  84. .layui-anim{
  85. -webkit-animation-name:bounceIn;
  86. animation-name:bounceIn
  87. }
  88. @-webkit-keyframes bounceOut{
  89. 100%{
  90. opacity:0;
  91. -webkit-transform:scale(.7);
  92. transform:scale(.7)
  93. }
  94. 30%{
  95. -webkit-transform:scale(1.03);
  96. transform:scale(1.03)
  97. }
  98. 0%{
  99. -webkit-transform:scale(1);
  100. transform:scale(1)
  101. }
  102. }
  103. @keyframes bounceOut{
  104. 100%{
  105. opacity:0;
  106. -webkit-transform:scale(.7);
  107. -ms-transform:scale(.7);
  108. transform:scale(.7)
  109. }
  110. 30%{
  111. -webkit-transform:scale(1.03);
  112. -ms-transform:scale(1.03);
  113. transform:scale(1.03)
  114. }
  115. 0%{
  116. -webkit-transform:scale(1);
  117. -ms-transform:scale(1);
  118. transform:scale(1)
  119. }
  120. }
  121. .layui-anim-close{
  122. -webkit-animation-name:bounceOut;
  123. animation-name:bounceOut;
  124. -webkit-animation-duration:.2s;
  125. animation-duration:.2s
  126. }
  127. @-webkit-keyframes zoomInDown{
  128. 0%{
  129. opacity:0;
  130. -webkit-transform:scale(.1) translateY(-2000px);
  131. transform:scale(.1) translateY(-2000px);
  132. -webkit-animation-timing-function:ease-in-out;
  133. animation-timing-function:ease-in-out
  134. }
  135. 60%{
  136. opacity:1;
  137. -webkit-transform:scale(.475) translateY(60px);
  138. transform:scale(.475) translateY(60px);
  139. -webkit-animation-timing-function:ease-out;
  140. animation-timing-function:ease-out
  141. }
  142. }
  143. @keyframes zoomInDown{
  144. 0%{
  145. opacity:0;
  146. -webkit-transform:scale(.1) translateY(-2000px);
  147. -ms-transform:scale(.1) translateY(-2000px);
  148. transform:scale(.1) translateY(-2000px);
  149. -webkit-animation-timing-function:ease-in-out;
  150. animation-timing-function:ease-in-out
  151. }
  152. 60%{
  153. opacity:1;
  154. -webkit-transform:scale(.475) translateY(60px);
  155. -ms-transform:scale(.475) translateY(60px);
  156. transform:scale(.475) translateY(60px);
  157. -webkit-animation-timing-function:ease-out;
  158. animation-timing-function:ease-out
  159. }
  160. }
  161. .layui-anim-01{
  162. -webkit-animation-name:zoomInDown;
  163. animation-name:zoomInDown
  164. }
  165. @-webkit-keyframes fadeInUpBig{
  166. 0%{
  167. opacity:0;
  168. -webkit-transform:translateY(2000px);
  169. transform:translateY(2000px)
  170. }
  171. 100%{
  172. opacity:1;
  173. -webkit-transform:translateY(0);
  174. transform:translateY(0)
  175. }
  176. }
  177. @keyframes fadeInUpBig{
  178. 0%{
  179. opacity:0;
  180. -webkit-transform:translateY(2000px);
  181. -ms-transform:translateY(2000px);
  182. transform:translateY(2000px)
  183. }
  184. 100%{
  185. opacity:1;
  186. -webkit-transform:translateY(0);
  187. -ms-transform:translateY(0);
  188. transform:translateY(0)
  189. }
  190. }
  191. .layui-anim-02{
  192. -webkit-animation-name:fadeInUpBig;
  193. animation-name:fadeInUpBig
  194. }
  195. @-webkit-keyframes zoomInLeft{
  196. 0%{
  197. opacity:0;
  198. -webkit-transform:scale(.1) translateX(-2000px);
  199. transform:scale(.1) translateX(-2000px);
  200. -webkit-animation-timing-function:ease-in-out;
  201. animation-timing-function:ease-in-out
  202. }
  203. 60%{
  204. opacity:1;
  205. -webkit-transform:scale(.475) translateX(48px);
  206. transform:scale(.475) translateX(48px);
  207. -webkit-animation-timing-function:ease-out;
  208. animation-timing-function:ease-out
  209. }
  210. }
  211. @keyframes zoomInLeft{
  212. 0%{
  213. opacity:0;
  214. -webkit-transform:scale(.1) translateX(-2000px);
  215. -ms-transform:scale(.1) translateX(-2000px);
  216. transform:scale(.1) translateX(-2000px);
  217. -webkit-animation-timing-function:ease-in-out;
  218. animation-timing-function:ease-in-out
  219. }
  220. 60%{
  221. opacity:1;
  222. -webkit-transform:scale(.475) translateX(48px);
  223. -ms-transform:scale(.475) translateX(48px);
  224. transform:scale(.475) translateX(48px);
  225. -webkit-animation-timing-function:ease-out;
  226. animation-timing-function:ease-out
  227. }
  228. }
  229. .layui-anim-03{
  230. -webkit-animation-name:zoomInLeft;
  231. animation-name:zoomInLeft
  232. }
  233. @-webkit-keyframes rollIn{
  234. 0%{
  235. opacity:0;
  236. -webkit-transform:translateX(-100%) rotate(-120deg);
  237. transform:translateX(-100%) rotate(-120deg)
  238. }
  239. 100%{
  240. opacity:1;
  241. -webkit-transform:translateX(0) rotate(0);
  242. transform:translateX(0) rotate(0)
  243. }
  244. }
  245. @keyframes rollIn{
  246. 0%{
  247. opacity:0;
  248. -webkit-transform:translateX(-100%) rotate(-120deg);
  249. -ms-transform:translateX(-100%) rotate(-120deg);
  250. transform:translateX(-100%) rotate(-120deg)
  251. }
  252. 100%{
  253. opacity:1;
  254. -webkit-transform:translateX(0) rotate(0);
  255. -ms-transform:translateX(0) rotate(0);
  256. transform:translateX(0) rotate(0)
  257. }
  258. }
  259. .layui-anim-04{
  260. -webkit-animation-name:rollIn;
  261. animation-name:rollIn
  262. }
  263. @keyframes fadeIn{
  264. 0%{
  265. opacity:0
  266. }
  267. 100%{
  268. opacity:1
  269. }
  270. }
  271. .layui-anim-05{
  272. -webkit-animation-name:fadeIn;
  273. animation-name:fadeIn
  274. }
  275. @-webkit-keyframes shake{
  276. 0%,100%{
  277. -webkit-transform:translateX(0);
  278. transform:translateX(0)
  279. }
  280. 10%,30%,50%,70%,90%{
  281. -webkit-transform:translateX(-10px);
  282. transform:translateX(-10px)
  283. }
  284. 20%,40%,60%,80%{
  285. -webkit-transform:translateX(10px);
  286. transform:translateX(10px)
  287. }
  288. }
  289. @keyframes shake{
  290. 0%,100%{
  291. -webkit-transform:translateX(0);
  292. -ms-transform:translateX(0);
  293. transform:translateX(0)
  294. }
  295. 10%,30%,50%,70%,90%{
  296. -webkit-transform:translateX(-10px);
  297. -ms-transform:translateX(-10px);
  298. transform:translateX(-10px)
  299. }
  300. 20%,40%,60%,80%{
  301. -webkit-transform:translateX(10px);
  302. -ms-transform:translateX(10px);
  303. transform:translateX(10px)
  304. }
  305. }
  306. .layui-anim-06{
  307. -webkit-animation-name:shake;
  308. animation-name:shake
  309. }
  310. @-webkit-keyframes fadeIn{
  311. 0%{
  312. opacity:0
  313. }
  314. 100%{
  315. opacity:1
  316. }
  317. }
  318. .layui-layer-title{
  319. padding:0 80px 0 10px;
  320. height:35px;
  321. line-height:35px;
  322. border-bottom:1px solid #D5D5D5;
  323. font-size:14px;
  324. color:#333;
  325. overflow:hidden;
  326. text-overflow:ellipsis;
  327. white-space:nowrap;
  328. background-color:#EAEAEA
  329. }
  330. .layui-layer-setwin{
  331. position:absolute;
  332. right:10px;
  333. *right:0;
  334. top:10px;
  335. font-size:0;
  336. line-height:initial
  337. }
  338. .layui-layer-setwin a{
  339. position:relative;
  340. width:14px;
  341. height:14px;
  342. margin-left:10px;
  343. font-size:12px;
  344. _overflow:hidden
  345. }
  346. .layui-layer-setwin .layui-layer-min cite{
  347. position:absolute;
  348. width:14px;
  349. height:2px;
  350. left:0;
  351. top:50%;
  352. margin-top:-1px;
  353. background-color:#919191;
  354. cursor:pointer;
  355. _overflow:hidden
  356. }
  357. .layui-layer-setwin .layui-layer-min:hover cite{
  358. background-color:#2D93CA
  359. }
  360. .layui-layer-setwin .layui-layer-max{
  361. background-position:-45px -55px
  362. }
  363. .layui-layer-setwin .layui-layer-max:hover{
  364. background-position:-95px -55px
  365. }
  366. .layui-layer-setwin .layui-layer-maxmin{
  367. background-position:-68px -55px
  368. }
  369. .layui-layer-setwin .layui-layer-maxmin:hover{
  370. background-position:-118px -55px
  371. }
  372. .layui-layer-setwin .layui-layer-close1{
  373. width:14px;
  374. height:14px;
  375. background-position:-5px -55px;
  376. cursor:pointer
  377. }
  378. .layui-layer-setwin .layui-layer-close1:hover{
  379. background-position:-25px -55px
  380. }
  381. .layui-layer-setwin .layui-layer-close2{
  382. position:absolute;
  383. right:-23px;
  384. top:-23px;
  385. width:30px;
  386. height:30px;
  387. margin-left:0;
  388. background-position:-149px -44px;
  389. *right:-18px;
  390. _right:-15px;
  391. _top:-23px;
  392. _width:14px;
  393. _height:14px;
  394. _background-position:-5px -55px
  395. }
  396. .layui-layer-setwin .layui-layer-close2:hover{
  397. background-position:-180px -44px;
  398. _background-position:-25px -55px
  399. }
  400. .layui-layer-btn{
  401. text-align:center;
  402. padding:0 30px 10px;
  403. pointer-events:auto
  404. }
  405. .layui-layer-btn a{
  406. height:30px;
  407. line-height:30px;
  408. margin:0 8px;
  409. padding:0 20px;
  410. background:#5FBFE7;
  411. color:#fff;
  412. font-size:14px;
  413. font-weight:700;
  414. cursor:pointer;
  415. text-decoration:none
  416. }
  417. .layui-layer-btn a:hover{
  418. opacity:.9;
  419. text-decoration:none
  420. }
  421. .layui-layer-btn a:active{
  422. opacity:.7
  423. }
  424. .layui-layer-btn .layui-layer-btn1{
  425. background:#A6BBCE
  426. }
  427. .layui-layer-dialog{
  428. min-width:240px
  429. }
  430. .layui-layer-dialog .layui-layer-content{
  431. position:relative;
  432. padding:20px;
  433. line-height:24px;
  434. word-break:break-all;
  435. font-size:14px;
  436. overflow:auto
  437. }
  438. .layui-layer-dialog .layui-layer-content .layui-layer-ico{
  439. position:absolute;
  440. top:15px;
  441. left:15px;
  442. _left:-50px;
  443. width:39px;
  444. height:39px
  445. }
  446. .layui-layer-ico1{
  447. background-position:-46px 0
  448. }
  449. .layui-layer-ico2{
  450. background-position:-93px 0
  451. }
  452. .layui-layer-ico3{
  453. background-position:-145px 0
  454. }
  455. .layui-layer-ico4{
  456. background-position:-191px 0
  457. }
  458. .layui-layer-ico5{
  459. background-position:-239px 0
  460. }
  461. .layui-layer-ico6{
  462. background-position:-287px 0
  463. }
  464. .layui-layer-rim{
  465. border:6px solid #8D8D8D;
  466. border:6px solid rgba(0,0,0,.3);
  467. border-radius:5px;
  468. box-shadow:none
  469. }
  470. .layui-layer-msg{
  471. min-width:170px;
  472. border-radius:3px;
  473. border:5px solid #8D8D8D;
  474. border:5px solid rgba(0,0,0,.4)
  475. }
  476. .layui-layer-msg .layui-layer-content .layui-layer-ico{
  477. top:10px
  478. }
  479. .layui-layer-hui{
  480. min-width:100px;
  481. background-color:#000;
  482. filter:alpha(opacity=60);
  483. background-color:rgba(0,0,0,.6);
  484. color:#fff;
  485. border:none
  486. }
  487. .layui-layer-hui .layui-layer-content{
  488. padding:12px 25px;
  489. text-align:center
  490. }
  491. .layui-layer-dialog .layui-layer-padding{
  492. padding:22px 20px 22px 65px;
  493. text-align:left
  494. }
  495. .layui-layer-msg .layui-layer-padding{
  496. padding:17px 20px 17px 65px
  497. }
  498. .layui-layer-page .layui-layer-content{
  499. position:relative;
  500. overflow:auto
  501. }
  502. .layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{
  503. padding-top:10px
  504. }
  505. .layui-layer-nobg{
  506. background:0 0
  507. }
  508. .layui-layer-iframe .layui-layer-content{
  509. overflow:hidden
  510. }
  511. .layui-layer-iframe iframe{
  512. display:block;
  513. width:100%
  514. }
  515. .layui-layer-loading{
  516. border-radius:100%;
  517. background:0 0;
  518. box-shadow:none;
  519. border:none
  520. }
  521. .layui-layer-loading .layui-layer-content{
  522. width:60px;
  523. height:24px;
  524. background:url(loading.gif) no-repeat
  525. }
  526. .layui-layer-tips{
  527. background:0 0;
  528. box-shadow:none;
  529. border:none
  530. }
  531. .layui-layer-tips .layui-layer-content{
  532. position:relative;
  533. line-height:22px;
  534. min-width:12px;
  535. padding:5px 10px;
  536. font-size:12px;
  537. _float:left;
  538. border-radius:3px;
  539. box-shadow:1px 1px 3px rgba(0,0,0,.3);
  540. background-color:#F90;
  541. color:#fff
  542. }
  543. .layui-layer-tips .layui-layer-close{
  544. right:-2px;
  545. top:-1px
  546. }
  547. .layui-layer-tips i.layui-layer-TipsG{
  548. position:absolute;
  549. width:0;
  550. height:0;
  551. border-width:8px;
  552. border-color:transparent;
  553. border-style:dashed;
  554. *overflow:hidden
  555. }
  556. .layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{
  557. left:5px;
  558. border-right-style:solid;
  559. border-right-color:#F90
  560. }
  561. .layui-layer-tips i.layui-layer-TipsT{
  562. bottom:-8px
  563. }
  564. .layui-layer-tips i.layui-layer-TipsB{
  565. top:-8px
  566. }
  567. .layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{
  568. top:1px;
  569. border-bottom-style:solid;
  570. border-bottom-color:#F90
  571. }
  572. .layui-layer-tips i.layui-layer-TipsR{
  573. left:-8px
  574. }
  575. .layui-layer-tips i.layui-layer-TipsL{
  576. right:-8px
  577. }
  578. .layui-layer-lan[type=dialog]{
  579. min-width:280px
  580. }
  581. .layui-layer-lan .layui-layer-title{
  582. background:#4476A7;
  583. color:#fff;
  584. border:none
  585. }
  586. .layui-layer-lan .layui-layer-btn{
  587. padding:10px;
  588. text-align:right;
  589. border-top:1px solid #E9E7E7
  590. }
  591. .layui-layer-lan .layui-layer-btn a{
  592. background:#BBB5B5
  593. }
  594. .layui-layer-lan .layui-layer-btn .layui-layer-btn1{
  595. background:#C9C5C5
  596. }
  597. .layui-layer-molv .layui-layer-title{
  598. background:#009f95;
  599. color:#fff;
  600. border:none
  601. }
  602. .layui-layer-molv .layui-layer-btn a{
  603. background:#009f95
  604. }
  605. .layui-layer-molv .layui-layer-btn .layui-layer-btn1{
  606. background:#92B8B1
  607. }