You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

141 lines
1.9 KiB

  1. * {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. ul,
  6. li {
  7. list-style: none;
  8. }
  9. #wrap{
  10. /*position: relative;*/
  11. }
  12. .titleIcon{
  13. height: 1.24rem;
  14. }
  15. .titleIcon ul{
  16. }
  17. .titleIcon ul li{
  18. position: absolute;
  19. right: 0;
  20. top: 0;
  21. z-index: 1;
  22. }
  23. .titleIcon ul li:nth-child(1){
  24. right:32%;
  25. }
  26. .titleIcon ul li:nth-child(2){
  27. right: 24%;
  28. }
  29. .titleIcon ul li:nth-child(3){
  30. right: 16%;
  31. }
  32. .titleIcon ul li:nth-child(4){
  33. right: 8%;
  34. }
  35. .titleIcon ul li:nth-child(5){
  36. right: 0;
  37. }
  38. .mask{
  39. background: rgba(0,0,0,0.5);
  40. position: fixed;
  41. left: 0;
  42. top: 0;
  43. width: 100%;
  44. height: 100%;
  45. z-index: 0;
  46. display: none;
  47. }
  48. .success{
  49. position: absolute;
  50. left: 50%;
  51. top: 50%;
  52. transform: translate(-50%,-50%);
  53. width: 7.29rem;
  54. height: 4.74rem;
  55. margin: 0 auto;
  56. z-index: 9999;
  57. display: none;
  58. }
  59. .close{
  60. width: .5rem;
  61. height: .5rem;
  62. position: absolute;
  63. left: 96%;
  64. top: 6%;
  65. /*transform: translate(-50%,-50%);*/
  66. font-size: 0;
  67. }
  68. .close img{
  69. width: 100%;
  70. height: 100%;
  71. }
  72. .success .sucImg{
  73. width: 100%;
  74. height: 100%;
  75. }
  76. .success .sucImg div{
  77. width: 100%;
  78. height: 100%;
  79. background: url(../img/success/sucBgm.png) no-repeat;
  80. background-size: 100% 100%;
  81. overflow: hidden;
  82. }
  83. .imgIcon,
  84. .imgIcons{
  85. display: none;
  86. width: 1.98rem;
  87. height: 2.5rem;
  88. position: absolute;
  89. right: 43%;
  90. top: 38%;
  91. /*transform: translate(50%,-50%);*/
  92. z-index: 99999;
  93. /*margin:1.09rem auto 0.2rem;*/
  94. }
  95. .imgIcons{
  96. display: block;
  97. position: absolute;
  98. right: 37%;
  99. top: 31%;
  100. /*transform: translate(50%,-50%);*/
  101. }
  102. .imgIcon img,
  103. .imgIcons img{
  104. width: 100%;
  105. height: 100%;
  106. }
  107. .success p.text{
  108. width: 100%;
  109. text-align: center;
  110. font-size: .3rem;
  111. position: absolute;
  112. bottom: 10%;
  113. left: 0;
  114. }
  115. .success p.textTime{
  116. bottom: 2%;
  117. }
  118. .deepBtn{
  119. width: 2.83rem;
  120. height: .72rem;
  121. background: #E40006;
  122. border-radius: 12px;
  123. margin: 0.5rem auto 0;
  124. color: #fff;
  125. font-size: .36rem;
  126. text-align: center;
  127. line-height: .72rem;
  128. position: absolute;
  129. left: 50%;
  130. bottom: 5%;
  131. transform: translateX(-50%);
  132. display: none;
  133. }