wzhload.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .wzhload{
  2. display: block;
  3. width: 100%;
  4. height: 100%;
  5. background: rgba(158,158,158,0.4);
  6. z-index: 99999;
  7. position: fixed;
  8. top: 0;
  9. left:0;
  10. }
  11. .index{
  12. position: absolute;
  13. bottom:55%;
  14. width: 100%;
  15. }
  16. .loadmiddle view{
  17. width: 30rpx;
  18. height: 50rpx;
  19. border-radius: 15rpx;
  20. margin-right:16rpx;
  21. position: relative;
  22. }
  23. .loadmiddle view:last-child{
  24. margin-right:0;
  25. }
  26. .loadmiddle view.firstbox{
  27. height:50rpx;
  28. /* animation:mymove 1.2s infinite;//1.2
  29. -webkit-animation:mymove 1.2s infinite; Safari 和 Chrome */
  30. }
  31. .loadmiddle view.secondbox{
  32. height:80rpx;
  33. /* animation:mymove1 1.2s infinite;//1.2
  34. -webkit-animation:mymove1 1.2s infinite; Safari 和 Chrome */
  35. }
  36. .loadmiddle view.thirdbox{
  37. height:110rpx;
  38. /* animation:mymove2 1.2s infinite;
  39. -webkit-animation:mymove2 1.2s infinite; Safari 和 Chrome */
  40. }
  41. .cirbox{
  42. width: 100%;
  43. overflow: hidden;
  44. }
  45. .loadmiddle{
  46. display: flex;
  47. justify-content: center;
  48. align-items: flex-end;
  49. height: 150rpx;
  50. flex-direction: row;
  51. position: relative;
  52. top: 0;
  53. }
  54. .loadmiddle view{
  55. display: flex;
  56. flex-direction:column;
  57. justify-content:center;
  58. align-items:end;
  59. }
  60. .faceimg{
  61. display: block;
  62. width: 160rpx;
  63. height:126rpx;
  64. margin: 0 auto 0;
  65. position: relative;
  66. top: -30rpx;
  67. z-index: 1;
  68. overflow: hidden;
  69. /* animation:myheight 1.2s infinite;
  70. -webkit-animation:myheight 1.2s infinite; Safari 和 Chrome */
  71. }
  72. .faceimg image{
  73. display: block;
  74. width: 100%;
  75. }
  76. .bg249efb{background-color: #249efb;}
  77. .center{
  78. text-align: center;
  79. }