ence_push.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. .wrap{
  2. width: 100%;
  3. height: 100%;
  4. background-color: #fff;
  5. display: flex;
  6. flex-direction:column;
  7. }
  8. .wrap_title {
  9. flex: 1;
  10. width: 100%;
  11. height: 150rpx;
  12. margin: 0 auto;
  13. }
  14. .wrap_title_top{
  15. width: 100%;
  16. height: 75rpx;
  17. line-height: 75rpx;
  18. text-align: center;
  19. font-size: 40rpx;
  20. color: #4687F7;
  21. font-weight: 600;
  22. }
  23. .topstyle {
  24. margin-top: 80rpx
  25. }
  26. .wrap_middle{
  27. flex: 1;
  28. width: 100%;
  29. height: 450rpx;
  30. }
  31. .wrap_middle image {
  32. display: block;
  33. width: 530rpx;
  34. height: 100%;
  35. margin: 0 auto;
  36. }
  37. .wrap_bottom {
  38. flex: 1;
  39. width: 100%;
  40. padding-top: 90rpx;
  41. }
  42. .form_box {
  43. width: 100%;
  44. height: 300rpx;
  45. background-color: #999
  46. }
  47. .form_box_btn_ {
  48. position: relative;
  49. background-color: #fff;
  50. width: 195rpx;
  51. height: 190rpx;
  52. color: #fff;
  53. margin: 0 auto;
  54. display: flex;
  55. align-items: center;
  56. justify-content: center;
  57. line-height: 34rpx;
  58. background: linear-gradient(to right, #5093ee , #06b4f1);
  59. background: -webkit-linear-gradient(top right, #06b4f1, #5093ee );
  60. border-radius: 100%;
  61. font-size: 24rpx;
  62. word-break: break-all;
  63. }
  64. .form_box_btn {
  65. position: relative;
  66. background-color: #fff;
  67. width: 195rpx;
  68. height: 190rpx;
  69. color: #fff;
  70. line-height: 190rpx;
  71. margin: 0 auto;
  72. background: linear-gradient(to right, #5093ee , #06b4f1);
  73. background: -webkit-linear-gradient(top right, #06b4f1, #5093ee );
  74. border-radius: 100%;
  75. }
  76. .wrap_bottom_img {
  77. width: 100%;
  78. height: 200rpx;
  79. }
  80. .wrap_bottom_img image {
  81. display: block;
  82. width: 200rpx;
  83. height: 200rpx;
  84. margin: 0 auto;
  85. margin-top: 50rpx;
  86. }
  87. .wrap_bottom_num {
  88. text-align: center;
  89. font-size: 24rpx;
  90. color: #999;
  91. margin-top: 50rpx
  92. }
  93. .wrap_bottom_num .num {
  94. display: inline;
  95. color: #4687F7;
  96. font-size:30rpx;
  97. }
  98. .form_box_btn text {
  99. position: absolute;
  100. top:95rpx;
  101. left:106rpx;
  102. color: #fff;
  103. }
  104. .form_box_btn::after {
  105. border: none;
  106. }
  107. .ex_tip{
  108. width:650rpx;
  109. height: 40rpx;
  110. position: fixed;
  111. top:0;
  112. left:0;
  113. right:0;
  114. bottom: 0;
  115. margin:auto;
  116. padding:20rpx;
  117. background:rgba(0, 0, 0, .6);
  118. text-align: center;
  119. color:#fff;
  120. z-index: 100;
  121. border-radius: 6px;
  122. }