perssonal.wxss 785 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .main {
  2. float: left;
  3. width: 100%;
  4. height: 100%;
  5. /* background-image: linear-gradient(#ff0000, #ffffff); */
  6. background-color: #f9fafc;
  7. }
  8. .main .one {
  9. position: fixed;
  10. z-index: 9999;
  11. width: 100%;
  12. height: 80rpx;
  13. line-height: 80rpx;
  14. background-color: #409eff;
  15. color: #ffffff;
  16. text-align: center;
  17. }
  18. .main .two {
  19. position: absolute;
  20. top: 80rpx;
  21. width: 100%;
  22. }
  23. .main .two .twoTop {
  24. float: left;
  25. width: 100%;
  26. text-align: center;
  27. padding: 30rpx 0;
  28. }
  29. .main .two .twoTop text {
  30. border-radius: 360rpx;
  31. display: inline-block;
  32. width: 150rpx;
  33. height: 150rpx;
  34. text-align: center;
  35. line-height: 150rpx;
  36. font-weight: bold;
  37. color: #00FF7F;
  38. background: #fff;
  39. box-shadow: 0 0 5rpx #ccc;
  40. }
  41. .main .two .twoDown {
  42. float: left;
  43. width: 100%;
  44. }