buyad.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .container {
  2. background-color: #342535;
  3. }
  4. .panel1 {
  5. width: 610rpx;
  6. margin-top: 100rpx;
  7. justify-content: flex-start;
  8. background-color: #AE5138;
  9. border-radius: 10rpx;
  10. box-shadow: 0 20rpx 1rpx #AE5138,
  11. 0 50rpx 1rpx #2E1E2F;
  12. position: relative;
  13. }
  14. .pay_shoppingguide_illus_01 {
  15. width: 610rpx;
  16. height: 180rpx;
  17. }
  18. .panel11{
  19. width: 610rpx;
  20. background-color: #E4B06C;
  21. justify-content: space-between;
  22. border-bottom-left-radius: 10rpx;
  23. border-bottom-right-radius: 10rpx;
  24. }
  25. .panel111{
  26. width: 305rpx;
  27. height:120rpx;
  28. line-height: 120rpx;
  29. text-align: center;
  30. background-color: #FEC579;
  31. border-bottom-left-radius: 10rpx;
  32. }
  33. .panel112{
  34. border-bottom-left-radius: 0;
  35. border-bottom-right-radius: 10rpx;
  36. }
  37. .number{
  38. position: absolute;
  39. left:103rpx;
  40. top:160rpx;
  41. width:100rpx;
  42. height:40rpx;
  43. line-height: 40rpx;
  44. font-size:24rpx;
  45. text-align: center;
  46. border-radius: 20rpx;
  47. background-color: #E4B06C;
  48. }
  49. .pay_shoppingguide_illus_02{
  50. width:610rpx;
  51. height:192rpx;
  52. margin-top: 74rpx;
  53. }
  54. .text1{
  55. margin-top: 15rpx;
  56. font-size:28rpx;
  57. color:#FE6659;
  58. text-decoration: underline;
  59. z-index: 10;
  60. background-color: #342535;
  61. border: 0rpx solid;
  62. }
  63. .pay_shoppingguide_footer{
  64. width:100%;
  65. height:350rpx;
  66. margin-top: -23rpx;
  67. }
  68. .text2{
  69. width:100%;
  70. height:130rpx;
  71. color:#fff;
  72. line-height: 130rpx;
  73. font-size:48rpx;
  74. text-align: center;
  75. background-color: #6B4D4E;
  76. }