transact.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. page{
  2. background-color: #efefef;
  3. }
  4. .top{
  5. display: flex;
  6. justify-content: center;
  7. align-items: center;
  8. padding: 30rpx 0rpx;
  9. background-color: #fff;
  10. }
  11. .msg{
  12. width: 690rpx;
  13. display: flex;
  14. justify-content: center;
  15. align-items: center;
  16. overflow: hidden;
  17. }
  18. .triangle{
  19. width: 0;
  20. height: 0;
  21. border-style: solid;
  22. border-width: 12rpx 12rpx 12rpx 0;
  23. border-color: transparent #33ad37 transparent transparent;
  24. }
  25. .msg_content{
  26. background-color: #33ad37;
  27. color: #fff;
  28. font-size: 24rpx;
  29. height: 100%;
  30. border-radius: 10rpx;
  31. padding: 20rpx 20rpx;
  32. display: flex;
  33. justify-content: flex-start;
  34. align-items: center;
  35. }
  36. .content{
  37. width: 690rpx;
  38. margin: 0 auto;
  39. }
  40. .title{
  41. font-size: 30rpx;
  42. color:#333;
  43. height: 86rpx;
  44. display: flex;
  45. align-items: center;
  46. border-bottom: 1rpx solid #efefef;
  47. }
  48. .content_text view{
  49. font-size: 26rpx;
  50. color:#666;
  51. margin-top: 24rpx;
  52. }
  53. .ps{
  54. margin-top: 60rpx;
  55. padding-bottom: 40rpx;
  56. font-size: 24rpx;
  57. color: #999;
  58. }
  59. .btn{
  60. display: flex;
  61. justify-content: center;
  62. align-items: center;
  63. margin-top: 80rpx;
  64. padding-bottom: 100rpx;
  65. }
  66. .btn button{
  67. width: 240rpx;
  68. height: 70rpx;
  69. background-color: #33ad37;
  70. color: #fff;
  71. border-radius: 70rpx;
  72. line-height: 70rpx;
  73. font-size: 30rpx;
  74. }