pay.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .body {
  2. background-color: #fff;
  3. }
  4. .btn-cz{
  5. text-align: center;
  6. padding: 10px;
  7. background-color: #ff5722;
  8. color: #fff;
  9. border-radius: 40rpx;
  10. margin: 10px 20px;
  11. }
  12. .vip-center {
  13. display: flex;
  14. flex-direction: row;
  15. justify-content: space-between;
  16. align-items: center;
  17. }
  18. .vip-level-icon {
  19. margin: 0 5rpx;
  20. max-width: 60px;
  21. height: 20px;
  22. }
  23. .pay-box {
  24. background-color: #fff;
  25. display: flex;
  26. justify-content: space-between;
  27. flex-direction: row;
  28. padding: 0 20px;
  29. flex-wrap: wrap;
  30. }
  31. .top-lab {
  32. width: 40px;
  33. text-align: center;
  34. background-color: #ff5722;
  35. color: #fff;
  36. float: right;
  37. border-top: none;
  38. border-radius: 10px;
  39. }
  40. .pay-box-items {
  41. margin-top: 10px;
  42. width: 48%;
  43. flex-direction: column;
  44. border-radius: 10px;
  45. line-height: 25px;
  46. overflow: hidden;
  47. }
  48. .pay-box-items-txt {
  49. padding: 1rpx 0;
  50. padding-left: 13px;
  51. }
  52. .pay-box-items view text {
  53. line-height: 25px;
  54. }
  55. .pay-select {
  56. border: solid 1px #ff5722;
  57. }
  58. .select-text {
  59. background-color: #ff5722;
  60. color: #fff;
  61. height: 30px;
  62. border-radius: 0rpx 0rpx 10rpx 10rpx;
  63. }
  64. .given-txt {
  65. height: 30px;
  66. border-top: solid 1rpx #9e9e9e1f;
  67. }
  68. .kb-txt {
  69. color: #FF9800;
  70. }