unslider.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .unslider {
  2. overflow: hidden;
  3. margin: 0 auto;
  4. padding: 0;
  5. width: 100%;
  6. height:100%;
  7. font-size: 0;
  8. z-index: 20;
  9. }
  10. .unslider-wrap {
  11. position: relative;
  12. width: 100%;
  13. height: 100%;
  14. }
  15. .unslider-wrap.unslider-carousel>li {
  16. float: left
  17. }
  18. .unslider-vertical>ul {
  19. height: 100%
  20. }
  21. .unslider-vertical li {
  22. float: none;
  23. width: 100%
  24. }
  25. .unslider-fade {
  26. position: relative
  27. }
  28. .unslider-fade .unslider-wrap li {
  29. position: absolute;
  30. left: 0;
  31. top: 0;
  32. right: 0;
  33. z-index: 8
  34. }
  35. .unslider-fade .unslider-wrap li.unslider-active {
  36. z-index: 10
  37. }
  38. .unslider li, .unslider ol, .unslider ul {
  39. list-style: none;
  40. margin: 0;
  41. padding: 0;
  42. border: none;
  43. height: 100%;
  44. color: #fff;
  45. width: 100%;
  46. }
  47. .unslider li {
  48. text-align: center;
  49. position: relative;
  50. }
  51. .unslider li img {
  52. width: 100%;
  53. min-height: 100%;
  54. object-fit: cover;
  55. }
  56. .unslider-arrow {
  57. position: absolute;
  58. left: 2%;
  59. top: 33%;
  60. z-index: 50;
  61. cursor: pointer;
  62. background: url(http://yun-image.elab-plus.com/images/img_19_1.png) no-repeat 0% 50%;
  63. background-size: auto 50%;
  64. font-size: 0;
  65. width: 30px;
  66. height: 30%;
  67. }
  68. .unslider-arrow.next {
  69. left: auto;
  70. right: 2%;
  71. background: url(http://yun-image.elab-plus.com/images/img_19.png) no-repeat 100% 50%;
  72. background-size: auto 50%;
  73. }
  74. .unslider nav {
  75. height: 10px;
  76. position: absolute;
  77. left: 0;
  78. bottom: 0%;
  79. width: 100%;
  80. z-index:40;
  81. }
  82. .unslider ol {
  83. font-size: 0;
  84. width: 100%;
  85. height: 10px;
  86. text-align:center;
  87. }
  88. .unslider ol li {
  89. width: 50px;
  90. height: 5px;
  91. display: inline-block;
  92. margin: 0 5px;
  93. background-color: rgba(255,255,255,0.4);
  94. border-radius:8px;
  95. }
  96. .unslider ol li.unslider-active {
  97. background-color: #fff;
  98. }
  99. .menu-content{display:none;}