layer.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801
  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. }