sakuraDay.wxss 932 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* pages/sakuraDay/sakuraDay.wxss 樱花节 */
  2. .container{
  3. background-color: #fff;
  4. }
  5. image{
  6. display: block;
  7. width: 100%;
  8. }
  9. .sakura_banner{
  10. width: 100%;
  11. }
  12. .modle_title{
  13. margin: 80rpx 0 5rpx 0;
  14. }
  15. .modle_title image{
  16. display: block;
  17. width: 100%;
  18. }
  19. .modle_one_wrap{
  20. text-align: center;
  21. }
  22. .modle_big_img image{
  23. display: block;
  24. width: 100%;
  25. margin: 25rpx 0 0 0;
  26. }
  27. .modle_one_each{
  28. display: inline-block;
  29. }
  30. .modle_small_img{
  31. float: left;
  32. width: 342rpx;
  33. height: 361rpx;
  34. margin: 20px 5rpx 0;
  35. }
  36. .modle_small_img image{
  37. height: 100%;
  38. }
  39. .modle_two_wrap{
  40. text-align: center;
  41. margin: 125rpx 0 30rpx 0;
  42. }
  43. .modle_two_cont{
  44. display: inline-block;
  45. }
  46. .modle_two_big,.modle_two_small{
  47. display: block;
  48. float: left;
  49. width: 246rpx;
  50. height: 361rpx;
  51. margin: 0 5rpx 18rpx;
  52. }
  53. .modle_two_small{
  54. width: 232rpx;
  55. }
  56. .modle_two_big image,.modle_two_small image{
  57. display: block;
  58. width: 100%;
  59. height: 100%;
  60. }