C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
1.3 KiB

  1. page{
  2. background: #F5F2F0;
  3. }
  4. button::after{ border: none; }
  5. .content button{
  6. width: 636rpx;
  7. height: 95rpx;
  8. line-height: 95rpx;
  9. text-align: center;
  10. color: #fff;
  11. font-size: 31rpx;
  12. /* background: #02C0FF!important; */
  13. background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  14. border-radius:48rpx!important;
  15. margin-top: 169rpx;
  16. border: 1px solid #02C0FF;
  17. }
  18. .payContent{
  19. width: 657rpx;
  20. margin: 50rpx auto;
  21. }
  22. .payHeader{
  23. width: 100%;
  24. height: 11rpx;
  25. background: #02C0FF!important;
  26. border-radius:6rpx;
  27. }
  28. .payBody{
  29. width: 636rpx;
  30. height:473rpx;
  31. margin:-3rpx auto 0;
  32. background: #fff;
  33. z-index: 10;
  34. box-shadow:0rpx 8rpx 25rpx 2rpx rgba(165,165,165,0.1);
  35. border-radius:0rpx 0rpx 20rpx 20rpx;
  36. position: relative;
  37. }
  38. .payIcon {
  39. display: inline-block;
  40. position: absolute;
  41. }
  42. .payIcon-body{
  43. display: inline-block;
  44. position: absolute;
  45. left: 183rpx;
  46. top: 78rpx;
  47. }
  48. .payIcon-body text{
  49. font-size:40rpx;
  50. font-family:PingFang-SC-Bold;
  51. font-weight:bold;
  52. color:#333;
  53. position: absolute;
  54. display: inline-block;
  55. width: 200rpx;
  56. height: 70rpx;
  57. top:5rpx;
  58. left:90rpx;
  59. }
  60. .payIcon image{
  61. position: absolute;
  62. top: 0;
  63. left: 0;
  64. width: 70rpx;
  65. height: 70rpx;
  66. }
  67. .payMessage{
  68. position: absolute;
  69. top:230rpx;
  70. left: 53rpx;
  71. font-size: 28rpx;
  72. }
  73. .payMessage .price{
  74. color: #FF3535;
  75. }
  76. .active{
  77. opacity: .6;
  78. }