start.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .bg {
  2. position: relative;
  3. width: 100%;
  4. min-height: 100%;
  5. background-color: #eab86a;
  6. }
  7. .start-bg {
  8. display: block;
  9. width: 740rpx;
  10. margin: 0 auto;
  11. height: 740rpx;
  12. /* background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/xcx/start.png'); */
  13. background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/xcx/start2.png');
  14. background-size: 100% 100%;
  15. }
  16. .start-height {
  17. height: 50rpx;
  18. }
  19. .start-bottom {
  20. position: absolute;
  21. bottom: 90rpx;
  22. left: 337rpx;
  23. }
  24. .popup {
  25. position: fixed;
  26. left: 50%;
  27. top: 300rpx;
  28. margin-left: -280rpx;
  29. width: 560rpx;
  30. height: 440rpx;
  31. background-color: #fff;
  32. border-radius: 10rpx;
  33. overflow: hidden;
  34. }
  35. .popup-title {
  36. text-align: center;
  37. line-height: 32rpx;
  38. font-size: 32rpx;
  39. padding-top: 30rpx;
  40. padding-bottom: 32rpx;
  41. color: #4c4c4c;
  42. font-weight: bold;
  43. }
  44. .popup-logobg {
  45. width: 110rpx;
  46. height: 110rpx;
  47. border-radius: 100%;
  48. background-color: #f7f7f7;
  49. margin: 0 auto;
  50. border:1rpx solid #cfcfcf;
  51. }
  52. .popup-image {
  53. display: block;
  54. width: 67rpx;
  55. height: 90rpx;
  56. background-image: url('https://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/startlogo.png');
  57. background-size: 100% 100%;
  58. margin: 8rpx auto 0;
  59. }
  60. .popup-hint {
  61. display: block;
  62. font-size: 28rpx;
  63. color: #999999;
  64. text-align: center;
  65. line-height: 50rpx;
  66. padding-top: 20rpx;
  67. }
  68. .popup-bottom {
  69. border:0;
  70. border-radius: 0rpx;
  71. position: absolute;
  72. bottom: 0;
  73. width: 100%;
  74. height: 88rpx;
  75. line-height: 88rpx;
  76. left: 0;
  77. border-top: 1rpx solid #cccccc;
  78. text-align: center;
  79. font-size: 32rpx;
  80. color: #39a43c;
  81. }
  82. button::after{
  83. border: none;
  84. }