layer.css 16 KB

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