layer.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948
  1. .layui-layer-imgbar, .layui-layer-imgtit a, .layui-layer-tab .layui-layer-title span, .layui-layer-title {
  2. text-overflow: ellipsis;
  3. white-space: nowrap
  4. }
  5. *html {
  6. background-image: url(about:blank);
  7. background-attachment: fixed
  8. }
  9. html #layuicss-skinlayercss {
  10. display: none;
  11. position: absolute;
  12. width: 1989px
  13. }
  14. .layui-layer, .layui-layer-shade {
  15. position: fixed;
  16. _position: absolute;
  17. pointer-events: auto
  18. }
  19. .layui-layer-shade {
  20. top: 0;
  21. left: 0;
  22. width: 100%;
  23. height: 100%;
  24. _height: expression(document.body.offsetHeight+"px")
  25. }
  26. .layui-layer {
  27. -webkit-overflow-scrolling: touch;
  28. top: 150px;
  29. left: 0;
  30. margin: 0;
  31. padding: 0;
  32. background-color: #fff;
  33. -webkit-background-clip: content;
  34. box-shadow: 1px 1px 50px rgba(0,0,0,.3)
  35. }
  36. .layui-layer-close {
  37. position: absolute
  38. }
  39. .layui-layer-content {
  40. position: relative
  41. }
  42. .layui-layer-border {
  43. border: 1px solid #B2B2B2;
  44. border: 1px solid rgba(0,0,0,.1);
  45. box-shadow: 1px 1px 5px rgba(0,0,0,.2)
  46. }
  47. .layui-layer-load {
  48. background: url(loading-1.gif) center center no-repeat #eee
  49. }
  50. .layui-layer-ico {
  51. background: url(icon.png) no-repeat
  52. }
  53. .layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a {
  54. display: inline-block;
  55. *display: inline;
  56. *zoom: 1;
  57. vertical-align: top
  58. }
  59. .layui-layer-move {
  60. display: none;
  61. position: fixed;
  62. *position: absolute;
  63. left: 0;
  64. top: 0;
  65. width: 100%;
  66. height: 100%;
  67. cursor: move;
  68. opacity: 0;
  69. filter: alpha(opacity=0);
  70. background-color: #fff;
  71. z-index: 2147483647
  72. }
  73. .layui-layer-resize {
  74. position: absolute;
  75. width: 15px;
  76. height: 15px;
  77. right: 0;
  78. bottom: 0;
  79. cursor: se-resize
  80. }
  81. .layui-layer {
  82. border-radius: 2px;
  83. -webkit-animation-fill-mode: both;
  84. animation-fill-mode: both;
  85. -webkit-animation-duration: .3s;
  86. animation-duration: .3s
  87. }
  88. @-webkit-keyframes layer-bounceIn {
  89. 0% {
  90. opacity: 0;
  91. -webkit-transform: scale(.5);
  92. transform: scale(.5)
  93. }
  94. 100% {
  95. opacity: 1;
  96. -webkit-transform: scale(1);
  97. transform: scale(1)
  98. }
  99. }
  100. @keyframes layer-bounceIn {
  101. 0% {
  102. opacity: 0;
  103. -webkit-transform: scale(.5);
  104. -ms-transform: scale(.5);
  105. transform: scale(.5)
  106. }
  107. 100% {
  108. opacity: 1;
  109. -webkit-transform: scale(1);
  110. -ms-transform: scale(1);
  111. transform: scale(1)
  112. }
  113. }
  114. .layer-anim {
  115. -webkit-animation-name: layer-bounceIn;
  116. animation-name: layer-bounceIn
  117. }
  118. @-webkit-keyframes layer-zoomInDown {
  119. 0% {
  120. opacity: 0;
  121. -webkit-transform: scale(.1) translateY(-2000px);
  122. transform: scale(.1) translateY(-2000px);
  123. -webkit-animation-timing-function: ease-in-out;
  124. animation-timing-function: ease-in-out
  125. }
  126. 60% {
  127. opacity: 1;
  128. -webkit-transform: scale(.475) translateY(60px);
  129. transform: scale(.475) translateY(60px);
  130. -webkit-animation-timing-function: ease-out;
  131. animation-timing-function: ease-out
  132. }
  133. }
  134. @keyframes layer-zoomInDown {
  135. 0% {
  136. opacity: 0;
  137. -webkit-transform: scale(.1) translateY(-2000px);
  138. -ms-transform: scale(.1) translateY(-2000px);
  139. transform: scale(.1) translateY(-2000px);
  140. -webkit-animation-timing-function: ease-in-out;
  141. animation-timing-function: ease-in-out
  142. }
  143. 60% {
  144. opacity: 1;
  145. -webkit-transform: scale(.475) translateY(60px);
  146. -ms-transform: scale(.475) translateY(60px);
  147. transform: scale(.475) translateY(60px);
  148. -webkit-animation-timing-function: ease-out;
  149. animation-timing-function: ease-out
  150. }
  151. }
  152. .layer-anim-01 {
  153. -webkit-animation-name: layer-zoomInDown;
  154. animation-name: layer-zoomInDown
  155. }
  156. @-webkit-keyframes layer-fadeInUpBig {
  157. 0% {
  158. opacity: 0;
  159. -webkit-transform: translateY(2000px);
  160. transform: translateY(2000px)
  161. }
  162. 100% {
  163. opacity: 1;
  164. -webkit-transform: translateY(0);
  165. transform: translateY(0)
  166. }
  167. }
  168. @keyframes layer-fadeInUpBig {
  169. 0% {
  170. opacity: 0;
  171. -webkit-transform: translateY(2000px);
  172. -ms-transform: translateY(2000px);
  173. transform: translateY(2000px)
  174. }
  175. 100% {
  176. opacity: 1;
  177. -webkit-transform: translateY(0);
  178. -ms-transform: translateY(0);
  179. transform: translateY(0)
  180. }
  181. }
  182. .layer-anim-02 {
  183. -webkit-animation-name: layer-fadeInUpBig;
  184. animation-name: layer-fadeInUpBig
  185. }
  186. @-webkit-keyframes layer-zoomInLeft {
  187. 0% {
  188. opacity: 0;
  189. -webkit-transform: scale(.1) translateX(-2000px);
  190. transform: scale(.1) translateX(-2000px);
  191. -webkit-animation-timing-function: ease-in-out;
  192. animation-timing-function: ease-in-out
  193. }
  194. 60% {
  195. opacity: 1;
  196. -webkit-transform: scale(.475) translateX(48px);
  197. transform: scale(.475) translateX(48px);
  198. -webkit-animation-timing-function: ease-out;
  199. animation-timing-function: ease-out
  200. }
  201. }
  202. @keyframes layer-zoomInLeft {
  203. 0% {
  204. opacity: 0;
  205. -webkit-transform: scale(.1) translateX(-2000px);
  206. -ms-transform: scale(.1) translateX(-2000px);
  207. transform: scale(.1) translateX(-2000px);
  208. -webkit-animation-timing-function: ease-in-out;
  209. animation-timing-function: ease-in-out
  210. }
  211. 60% {
  212. opacity: 1;
  213. -webkit-transform: scale(.475) translateX(48px);
  214. -ms-transform: scale(.475) translateX(48px);
  215. transform: scale(.475) translateX(48px);
  216. -webkit-animation-timing-function: ease-out;
  217. animation-timing-function: ease-out
  218. }
  219. }
  220. .layer-anim-03 {
  221. -webkit-animation-name: layer-zoomInLeft;
  222. animation-name: layer-zoomInLeft
  223. }
  224. @-webkit-keyframes layer-rollIn {
  225. 0% {
  226. opacity: 0;
  227. -webkit-transform: translateX(-100%) rotate(-120deg);
  228. transform: translateX(-100%) rotate(-120deg)
  229. }
  230. 100% {
  231. opacity: 1;
  232. -webkit-transform: translateX(0) rotate(0);
  233. transform: translateX(0) rotate(0)
  234. }
  235. }
  236. @keyframes layer-rollIn {
  237. 0% {
  238. opacity: 0;
  239. -webkit-transform: translateX(-100%) rotate(-120deg);
  240. -ms-transform: translateX(-100%) rotate(-120deg);
  241. transform: translateX(-100%) rotate(-120deg)
  242. }
  243. 100% {
  244. opacity: 1;
  245. -webkit-transform: translateX(0) rotate(0);
  246. -ms-transform: translateX(0) rotate(0);
  247. transform: translateX(0) rotate(0)
  248. }
  249. }
  250. .layer-anim-04 {
  251. -webkit-animation-name: layer-rollIn;
  252. animation-name: layer-rollIn
  253. }
  254. @keyframes layer-fadeIn {
  255. 0% {
  256. opacity: 0
  257. }
  258. 100% {
  259. opacity: 1
  260. }
  261. }
  262. .layer-anim-05 {
  263. -webkit-animation-name: layer-fadeIn;
  264. animation-name: layer-fadeIn
  265. }
  266. @-webkit-keyframes layer-shake {
  267. 0%,100% {
  268. -webkit-transform: translateX(0);
  269. transform: translateX(0)
  270. }
  271. 10%,30%,50%,70%,90% {
  272. -webkit-transform: translateX(-10px);
  273. transform: translateX(-10px)
  274. }
  275. 20%,40%,60%,80% {
  276. -webkit-transform: translateX(10px);
  277. transform: translateX(10px)
  278. }
  279. }
  280. @keyframes layer-shake {
  281. 0%,100% {
  282. -webkit-transform: translateX(0);
  283. -ms-transform: translateX(0);
  284. transform: translateX(0)
  285. }
  286. 10%,30%,50%,70%,90% {
  287. -webkit-transform: translateX(-10px);
  288. -ms-transform: translateX(-10px);
  289. transform: translateX(-10px)
  290. }
  291. 20%,40%,60%,80% {
  292. -webkit-transform: translateX(10px);
  293. -ms-transform: translateX(10px);
  294. transform: translateX(10px)
  295. }
  296. }
  297. .layer-anim-06 {
  298. -webkit-animation-name: layer-shake;
  299. animation-name: layer-shake
  300. }
  301. @-webkit-keyframes fadeIn {
  302. 0% {
  303. opacity: 0
  304. }
  305. 100% {
  306. opacity: 1
  307. }
  308. }
  309. .layui-layer-title {
  310. padding: 0 80px 0 20px;
  311. height: 42px;
  312. line-height: 42px;
  313. border-bottom: 1px solid #eee;
  314. font-size: 14px;
  315. color: #333;
  316. overflow: hidden;
  317. background-color: #F8F8F8;
  318. border-radius: 2px 2px 0 0
  319. }
  320. .layui-layer-setwin {
  321. position: absolute;
  322. right: 15px;
  323. *right: 0;
  324. top: 15px;
  325. font-size: 0;
  326. line-height: initial
  327. }
  328. .layui-layer-setwin a {
  329. position: relative;
  330. width: 16px;
  331. height: 16px;
  332. margin-left: 10px;
  333. font-size: 12px;
  334. _overflow: hidden
  335. }
  336. .layui-layer-setwin .layui-layer-min cite {
  337. position: absolute;
  338. width: 14px;
  339. height: 2px;
  340. left: 0;
  341. top: 50%;
  342. margin-top: -1px;
  343. background-color: #2E2D3C;
  344. cursor: pointer;
  345. _overflow: hidden
  346. }
  347. .layui-layer-setwin .layui-layer-min:hover cite {
  348. background-color: #2D93CA
  349. }
  350. .layui-layer-setwin .layui-layer-max {
  351. background-position: -32px -40px
  352. }
  353. .layui-layer-setwin .layui-layer-max:hover {
  354. background-position: -16px -40px
  355. }
  356. .layui-layer-setwin .layui-layer-maxmin {
  357. background-position: -65px -40px
  358. }
  359. .layui-layer-setwin .layui-layer-maxmin:hover {
  360. background-position: -49px -40px
  361. }
  362. .layui-layer-setwin .layui-layer-close1 {
  363. background-position: 1px -40px;
  364. cursor: pointer
  365. }
  366. .layui-layer-setwin .layui-layer-close1:hover {
  367. opacity: .7
  368. }
  369. .layui-layer-setwin .layui-layer-close2 {
  370. position: absolute;
  371. right: -28px;
  372. top: -28px;
  373. width: 30px;
  374. height: 30px;
  375. margin-left: 0;
  376. background-position: -149px -31px;
  377. *right: -18px;
  378. _display: none
  379. }
  380. .layui-layer-setwin .layui-layer-close2:hover {
  381. background-position: -180px -31px
  382. }
  383. .layui-layer-btn {
  384. text-align: right;
  385. padding: 0 10px 12px;
  386. pointer-events: auto;
  387. user-select: none;
  388. -webkit-user-select: none
  389. }
  390. .layui-layer-btn a {
  391. height: 28px;
  392. line-height: 28px;
  393. margin: 6px 6px 0;
  394. padding: 0 15px;
  395. border: 1px solid #dedede;
  396. background-color: #f1f1f1;
  397. color: #333;
  398. border-radius: 2px;
  399. font-weight: 400;
  400. cursor: pointer;
  401. text-decoration: none
  402. }
  403. .layui-layer-btn a:hover {
  404. opacity: .9;
  405. text-decoration: none
  406. }
  407. .layui-layer-btn a:active {
  408. opacity: .8
  409. }
  410. .layui-layer-btn .layui-layer-btn0 {
  411. border-color: #4898d5;
  412. background-color: #2e8ded;
  413. color: #fff
  414. }
  415. .layui-layer-btn-l {
  416. text-align: left
  417. }
  418. .layui-layer-btn-c {
  419. text-align: center
  420. }
  421. .layui-layer-dialog {
  422. min-width: 260px
  423. }
  424. .layui-layer-dialog .layui-layer-content {
  425. position: relative;
  426. padding: 20px;
  427. line-height: 24px;
  428. word-break: break-all;
  429. overflow: hidden;
  430. font-size: 14px;
  431. overflow-x: hidden;
  432. overflow-y: auto
  433. }
  434. .layui-layer-dialog .layui-layer-content .layui-layer-ico {
  435. position: absolute;
  436. top: 16px;
  437. left: 15px;
  438. _left: -40px;
  439. width: 30px;
  440. height: 30px
  441. }
  442. .layui-layer-ico1 {
  443. background-position: -30px 0
  444. }
  445. .layui-layer-ico2 {
  446. background-position: -60px 0
  447. }
  448. .layui-layer-ico3 {
  449. background-position: -90px 0
  450. }
  451. .layui-layer-ico4 {
  452. background-position: -120px 0
  453. }
  454. .layui-layer-ico5 {
  455. background-position: -150px 0
  456. }
  457. .layui-layer-ico6 {
  458. background-position: -180px 0
  459. }
  460. .layui-layer-rim {
  461. border: 6px solid #8D8D8D;
  462. border: 6px solid rgba(0,0,0,.3);
  463. border-radius: 5px;
  464. box-shadow: none
  465. }
  466. .layui-layer-msg {
  467. min-width: 180px;
  468. border: 1px solid #D3D4D3;
  469. box-shadow: none
  470. }
  471. .layui-layer-hui {
  472. min-width: 100px;
  473. background-color: #000;
  474. filter: alpha(opacity=60);
  475. background-color: rgba(0,0,0,.6);
  476. color: #fff;
  477. border: none
  478. }
  479. .layui-layer-hui .layui-layer-content {
  480. padding: 12px 25px;
  481. text-align: center
  482. }
  483. .layui-layer-dialog .layui-layer-padding {
  484. padding: 20px 20px 20px 55px;
  485. text-align: left
  486. }
  487. .layui-layer-page .layui-layer-content {
  488. position: relative;
  489. overflow: auto
  490. }
  491. .layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
  492. padding-top: 10px
  493. }
  494. .layui-layer-nobg {
  495. background: 0 0
  496. }
  497. .layui-layer-iframe iframe {
  498. display: block;
  499. width: 100%
  500. }
  501. .layui-layer-loading {
  502. border-radius: 100%;
  503. background: 0 0;
  504. box-shadow: none;
  505. border: none
  506. }
  507. .layui-layer-loading .layui-layer-content {
  508. width: 60px;
  509. height: 24px;
  510. background: url(loading-0.gif) no-repeat
  511. }
  512. .layui-layer-loading .layui-layer-loading1 {
  513. width: 37px;
  514. height: 37px;
  515. background: url(loading-1.gif) no-repeat
  516. }
  517. .layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 {
  518. width: 32px;
  519. height: 32px;
  520. background: url(loading-2.gif) no-repeat
  521. }
  522. .layui-layer-tips {
  523. background: 0 0;
  524. box-shadow: none;
  525. border: none
  526. }
  527. .layui-layer-tips .layui-layer-content {
  528. position: relative;
  529. line-height: 22px;
  530. min-width: 12px;
  531. padding: 5px 10px;
  532. font-size: 12px;
  533. _float: left;
  534. border-radius: 2px;
  535. box-shadow: 1px 1px 3px rgba(0,0,0,.2);
  536. background-color: #000;
  537. color: #fff
  538. }
  539. .layui-layer-tips .layui-layer-close {
  540. right: -2px;
  541. top: -1px
  542. }
  543. .layui-layer-tips i.layui-layer-TipsG {
  544. position: absolute;
  545. width: 0;
  546. height: 0;
  547. border-width: 8px;
  548. border-color: transparent;
  549. border-style: dashed;
  550. *overflow: hidden
  551. }
  552. .layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT {
  553. left: 5px;
  554. border-right-style: solid;
  555. border-right-color: #000
  556. }
  557. .layui-layer-tips i.layui-layer-TipsT {
  558. bottom: -8px
  559. }
  560. .layui-layer-tips i.layui-layer-TipsB {
  561. top: -8px
  562. }
  563. .layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR {
  564. top: 1px;
  565. border-bottom-style: solid;
  566. border-bottom-color: #000
  567. }
  568. .layui-layer-tips i.layui-layer-TipsR {
  569. left: -8px
  570. }
  571. .layui-layer-tips i.layui-layer-TipsL {
  572. right: -8px
  573. }
  574. .layui-layer-lan[type=dialog] {
  575. min-width: 280px
  576. }
  577. .layui-layer-lan .layui-layer-title {
  578. background: #4476A7;
  579. color: #fff;
  580. border: none
  581. }
  582. .layui-layer-lan .layui-layer-btn {
  583. padding: 5px 10px 10px;
  584. text-align: right;
  585. border-top: 1px solid #E9E7E7
  586. }
  587. .layui-layer-lan .layui-layer-btn a {
  588. background: #BBB5B5;
  589. border: none
  590. }
  591. .layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
  592. background: #C9C5C5
  593. }
  594. .layui-layer-molv .layui-layer-title {
  595. background: #009f95;
  596. color: #fff;
  597. border: none
  598. }
  599. .layui-layer-molv .layui-layer-btn a {
  600. background: #009f95
  601. }
  602. .layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
  603. background: #92B8B1
  604. }
  605. .layui-layer-iconext {
  606. background: url(icon-ext.png) no-repeat
  607. }
  608. .layui-layer-prompt .layui-layer-input {
  609. display: block;
  610. width: 220px;
  611. height: 30px;
  612. margin: 0 auto;
  613. line-height: 30px;
  614. padding: 0 5px;
  615. border: 1px solid #ccc;
  616. box-shadow: 1px 1px 5px rgba(0,0,0,.1) inset;
  617. color: #333
  618. }
  619. .layui-layer-prompt textarea.layui-layer-input {
  620. width: 300px;
  621. height: 100px;
  622. line-height: 20px
  623. }
  624. .layui-layer-prompt .layui-layer-content {
  625. padding: 20px
  626. }
  627. .layui-layer-prompt .layui-layer-btn {
  628. padding-top: 0
  629. }
  630. .layui-layer-tab {
  631. box-shadow: 1px 1px 50px rgba(0,0,0,.4)
  632. }
  633. .layui-layer-tab .layui-layer-title {
  634. padding-left: 0;
  635. border-bottom: 1px solid #ccc;
  636. background-color: #eee;
  637. overflow: visible
  638. }
  639. .layui-layer-tab .layui-layer-title span {
  640. position: relative;
  641. float: left;
  642. min-width: 80px;
  643. max-width: 260px;
  644. padding: 0 20px;
  645. text-align: center;
  646. cursor: default;
  647. overflow: hidden
  648. }
  649. .layui-layer-tab .layui-layer-title span.layui-layer-tabnow {
  650. height: 43px;
  651. border-left: 1px solid #ccc;
  652. border-right: 1px solid #ccc;
  653. background-color: #fff;
  654. z-index: 10
  655. }
  656. .layui-layer-tab .layui-layer-title span:first-child {
  657. border-left: none
  658. }
  659. .layui-layer-tabmain {
  660. line-height: 24px;
  661. clear: both
  662. }
  663. .layui-layer-tabmain .layui-layer-tabli {
  664. display: none
  665. }
  666. .layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer {
  667. display: block
  668. }
  669. .xubox_tabclose {
  670. position: absolute;
  671. right: 10px;
  672. top: 5px;
  673. cursor: pointer
  674. }
  675. .layui-layer-photos {
  676. -webkit-animation-duration: .8s;
  677. animation-duration: .8s
  678. }
  679. .layui-layer-photos .layui-layer-content {
  680. overflow: hidden;
  681. text-align: center
  682. }
  683. .layui-layer-photos .layui-layer-phimg img {
  684. position: relative;
  685. width: 100%;
  686. display: inline-block;
  687. *display: inline;
  688. *zoom: 1;
  689. vertical-align: top
  690. }
  691. .layui-layer-imgbar, .layui-layer-imguide {
  692. display: none
  693. }
  694. .layui-layer-imgnext, .layui-layer-imgprev {
  695. position: absolute;
  696. top: 50%;
  697. width: 27px;
  698. _width: 44px;
  699. height: 44px;
  700. margin-top: -22px;
  701. outline: 0;
  702. blr: expression(this.onFocus=this.blur())
  703. }
  704. .layui-layer-imgprev {
  705. left: 10px;
  706. background-position: -5px -5px;
  707. _background-position: -70px -5px
  708. }
  709. .layui-layer-imgprev:hover {
  710. background-position: -33px -5px;
  711. _background-position: -120px -5px
  712. }
  713. .layui-layer-imgnext {
  714. right: 10px;
  715. _right: 8px;
  716. background-position: -5px -50px;
  717. _background-position: -70px -50px
  718. }
  719. .layui-layer-imgnext:hover {
  720. background-position: -33px -50px;
  721. _background-position: -120px -50px
  722. }
  723. .layui-layer-imgbar {
  724. position: absolute;
  725. left: 0;
  726. bottom: 0;
  727. width: 100%;
  728. height: 32px;
  729. line-height: 32px;
  730. background-color: rgba(0,0,0,.8);
  731. background-color: #000\9;
  732. filter: Alpha(opacity=80);
  733. color: #fff;
  734. overflow: hidden;
  735. font-size: 0
  736. }
  737. .layui-layer-imgtit * {
  738. display: inline-block;
  739. *display: inline;
  740. *zoom: 1;
  741. vertical-align: top;
  742. font-size: 12px
  743. }
  744. .layui-layer-imgtit a {
  745. max-width: 65%;
  746. overflow: hidden;
  747. color: #fff
  748. }
  749. .layui-layer-imgtit a:hover {
  750. color: #fff;
  751. text-decoration: underline
  752. }
  753. .layui-layer-imgtit em {
  754. padding-left: 10px;
  755. font-style: normal
  756. }
  757. @-webkit-keyframes layer-bounceOut {
  758. 100% {
  759. opacity: 0;
  760. -webkit-transform: scale(.7);
  761. transform: scale(.7)
  762. }
  763. 30% {
  764. -webkit-transform: scale(1.05);
  765. transform: scale(1.05)
  766. }
  767. 0% {
  768. -webkit-transform: scale(1);
  769. transform: scale(1)
  770. }
  771. }
  772. @keyframes layer-bounceOut {
  773. 100% {
  774. opacity: 0;
  775. -webkit-transform: scale(.7);
  776. -ms-transform: scale(.7);
  777. transform: scale(.7)
  778. }
  779. 30% {
  780. -webkit-transform: scale(1.05);
  781. -ms-transform: scale(1.05);
  782. transform: scale(1.05)
  783. }
  784. 0% {
  785. -webkit-transform: scale(1);
  786. -ms-transform: scale(1);
  787. transform: scale(1)
  788. }
  789. }
  790. .layer-anim-close {
  791. -webkit-animation-name: layer-bounceOut;
  792. animation-name: layer-bounceOut;
  793. -webkit-animation-duration: .2s;
  794. animation-duration: .2s
  795. }
  796. @media screen and (max-width:1100px) {
  797. .layui-layer-iframe {
  798. overflow-y: auto;
  799. -webkit-overflow-scrolling: touch
  800. }
  801. }