index.css 954 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. * {
  2. padding: 0;
  3. margin: 0;
  4. }
  5. .loadinggif {
  6. width: 50px;
  7. height: 50px;
  8. position: fixed;
  9. left: 50%;
  10. bottom: 50%;
  11. margin-left: -25px;
  12. margin-top: -25px;
  13. z-index: 99;
  14. }
  15. .Bvideo {
  16. display: flex;
  17. width: 100%;
  18. height: 100%;
  19. left: 0;
  20. top: 0;
  21. right: 0;
  22. bottom: 0;
  23. z-index: 1;
  24. }
  25. .Svideo {
  26. position: fixed;
  27. flex-direction: row;
  28. width: 34%;
  29. height: auto;
  30. left: auto;
  31. right: 0;
  32. top: 0;
  33. z-index: 99;
  34. }
  35. .bottomView{
  36. position: fixed;
  37. flex-direction: column;
  38. justify-content: center;
  39. align-items: center;
  40. width: 100%;
  41. height: 100px;
  42. top: auto;
  43. bottom: 0;
  44. z-index: 999;
  45. }
  46. .contentInRowC{
  47. display: flex;
  48. flex-direction: row;
  49. justify-content: center;
  50. align-items: center;
  51. }
  52. .contentColumnC{
  53. display: flex;
  54. flex-direction: column;
  55. align-items: center;
  56. justify-content: center;
  57. }
  58. .iconImg{
  59. width: 120px;
  60. height: 120px;
  61. border-radius: 6px;
  62. }
  63. .guadanImg{
  64. width: 54px;
  65. height: 54px;
  66. }
  67. .calling{
  68. width: 26px;
  69. height: 26px;
  70. }