index.wxss 879 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .header_wrap{
  2. background: #fff;
  3. position: fixed;
  4. top: 0rpx;
  5. left: 0rpx;
  6. z-index: 100;
  7. }
  8. .huitui{
  9. position: fixed;
  10. left: 30rpx;
  11. transform: translateY(-50%);
  12. z-index: 101;
  13. }
  14. .bg .tu{
  15. position: absolute;
  16. top: 0rpx;
  17. left: 0rpx;
  18. }
  19. .bg_xinxi{
  20. display: flex;
  21. align-items: center;
  22. justify-content: center;
  23. width: 750rpx;
  24. padding-left: 30rpx;
  25. position: absolute;
  26. left: 0;
  27. transform: translateY(-50%);
  28. position: relative;
  29. }
  30. .logo_tu{
  31. width: 216rpx;
  32. height: 56rpx;
  33. position: absolute;
  34. left: 30rpx;
  35. }
  36. .sub_title{
  37. font-size: 30rpx;
  38. color: #333;
  39. }
  40. /* 背景上的圆 */
  41. .square_1{
  42. width:150rpx;
  43. height:150rpx;
  44. background:rgba(255,255,255,.1);
  45. border-radius:50%;
  46. position: absolute;
  47. top: -30rpx;
  48. left: -20rpx;
  49. }
  50. .square_2{
  51. width:100rpx;
  52. height:100rpx;
  53. background:rgba(255,255,255,.1);
  54. border-radius:50%;
  55. position: absolute;
  56. top: 40rpx;
  57. right: -30rpx;
  58. }