index.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .pictrueBox.data-v-08ae13c6 {
  2. width: 130rpx;
  3. height: 120rpx;
  4. }
  5. /*返回主页按钮*/
  6. .home.data-v-08ae13c6 {
  7. position: fixed;
  8. color: white;
  9. text-align: center;
  10. z-index: 9999;
  11. right: 15rpx;
  12. display: -webkit-box;
  13. display: -webkit-flex;
  14. display: flex;
  15. }
  16. .home .homeCon.data-v-08ae13c6 {
  17. border-radius: 50rpx;
  18. opacity: 0;
  19. height: 0;
  20. color: #e93323;
  21. width: 0;
  22. }
  23. .home .homeCon.on.data-v-08ae13c6 {
  24. opacity: 1;
  25. -webkit-animation: bounceInRight 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
  26. animation: bounceInRight 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
  27. width: 300rpx;
  28. height: 86rpx;
  29. margin-bottom: 20rpx;
  30. display: -webkit-box;
  31. display: -webkit-flex;
  32. display: flex;
  33. -webkit-box-pack: center;
  34. -webkit-justify-content: center;
  35. justify-content: center;
  36. -webkit-box-align: center;
  37. -webkit-align-items: center;
  38. align-items: center;
  39. background: #f44939 !important;
  40. }
  41. .home .homeCon .iconfont.data-v-08ae13c6 {
  42. font-size: 48rpx;
  43. color: #fff;
  44. display: inline-block;
  45. margin: 0 auto;
  46. }
  47. .home .pictrue.data-v-08ae13c6 {
  48. width: 86rpx;
  49. height: 86rpx;
  50. border-radius: 50%;
  51. margin: 0 auto;
  52. }
  53. .home .pictrue .image.data-v-08ae13c6 {
  54. width: 100%;
  55. height: 100%;
  56. border-radius: 50%;
  57. -webkit-transform: rotate(90deg);
  58. transform: rotate(90deg);
  59. ms-transform: rotate(90deg);
  60. moz-transform: rotate(90deg);
  61. webkit-transform: rotate(90deg);
  62. o-transform: rotate(90deg);
  63. }