Home Explore Help
Register Sign In
xionghaojie
/
H5_module
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
H5_module
/
template
/
king_kong_district
/
king_kong_district.css

king_kong_district.css 3.1 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 
  1. .swiper,.swiper image{width: 100%;height: 300rpx;border-radius: 20rpx;}
    2. 

  2. .swiper1{width: 100%;height: 400rpx;}
    3. 

  3. .sat{padding-top: 1rpx;}
    4. 

  4. .dotse,.dots1{position: absolute;left: 0;right: 0;bottom: 11rpx;align-items: center;justify-content: center;}
    5. 

  5. .dot{background: #fff;width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
    6. 

  6. .dot.active{width: 30rpx;}
    7. 

  7. .dot1{background: var(--mina);width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
    8. 

  8. .dot1.active{width: 30rpx;}
    9. 

  9. .nav{flex-wrap: wrap;margin-top: 30rpx;position: relative;}
    10. 

  10. .nav .li{width: 25% !important;text-align: center;font-size: 28rpx;color: #333;margin-top: 35rpx !important;/* height: 41%; */}
    11. 

  11. .nav .li button{font-size: 28rpx !important;color: #333 !important;}
    12. 

  12. .nav .li image{width: 80rpx;height: 80rpx;margin: 0 auto 10rpx;}
    13. 

  13. .li3{width: 33% !important;text-align: center;font-size: 28rpx;margin-top: 30rpx !important;position: relative;}
    14. 

  14. .li3 button{font-size: 28rpx !important;color: #333 !important;}
    15. 

  15. .li5{width: 20% !important;text-align: center;font-size: 28rpx;margin-top: 30rpx !important;position: relative;}
    16. 

  16. .li5 button{font-size: 28rpx !important;color: #333 !important;}
    17. 

  17. .btn-tag{height: 27rpx;background: #F68461;border-radius: 10rpx 10rpx 10rpx 0rpx;font-size: 18rpx;color: #fff;padding: 0 8rpx;line-height: 27rpx;position: absolute;top: -13rpx;right: 0;}
    18. 

  18. .nav .li3 image{width: 140rpx;height: 140rpx;margin: 0 auto 10rpx;}
    19. 

  19. .nav .li5 image{width: 75rpx;height: 75rpx;margin: 0 auto 10rpx;}
    20. 

  20. .swiper2{width: 100%;height: 240rpx;}/*一行三个*/
    21. 

  21. .swiper3{width: 100%;height: 432rpx;}/*两行三个*/
    22. 

  22. .swiper4{width: 100%;height: 200rpx;}/*一行四个*/
    23. 

  23. .swiper5{width: 100%;height: 160rpx;}/*一行五个*/
    24. 

  24. .grid{flex-wrap: wrap;}
    25. 

  25. .column{padding: 10rpx 10rpx 30rpx;}
    26. 

  26. .column .li{width: 332rpx !important;height: 150rpx !important;border-radius: 10rpx !important;box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0,0,0,0.05);margin: 26rpx 26rpx 0 0 !important;}
    27. 

  27. .column .li:nth-child(2n){margin-right: 0 !important;}
    28. 

  28. .column .li image{width: 100%;height: 100%;border-radius: 10rpx;}
    29. 

  29. /* 套餐 */
    30. 

  30. .box{padding: 0 0 20rpx;position: relative;overflow: hidden;z-index: 5;}
    31. 

  31. .b-titles{justify-content: space-between;padding: 25rpx 10rpx;}
    32. 

  32. .b-title{font-size: 36rpx;color: #333;font-weight: bold;position: relative;display: inline-block;}
    33. 

  33. .b-title text{position: relative;z-index: 5;}
    34. 

  34. .product-list{margin: 0 10rpx;align-items: flex-start;}
    35. 

  35. .product-list .li{background: #fff;border-radius: 10rpx;width: 220rpx;margin: 0 calc((100% - 660rpx)/2) 0 0;}
    36. 

  36. .product-list .li:nth-child(3n){margin-right: 0;}
    37. 

  37. .pro-img{width: 100%;height: 220rpx;border-radius: 10rpx 10rpx 0;}
    38. 

  38. .pro-info{padding: 20rpx 10rpx 0;}
    39. 

  39. .pro-tit{font-size: 28rpx;color: #333;overflow : hidden;line-height: 36rpx;height: 72rpx;}
    40. 

  40. .yishou {font-size: 24rpx;color: #999;clear: both;overflow: hidden;margin-top: 10rpx;}
    41. 

  41. .pro-sta{justify-content: space-between;margin-top: 15rpx;}
    42. 

  42. .money{font-size: 36rpx;color: #F21211;font-weight: bold;}
    43. 

  43. .money text{font-size: 24rpx;}
    44. 

  44. .money text.pro-del{color: #999;margin-left: 10rpx;text-decoration: line-through;}
    45. 

  45. .pro-cart{width: 38rpx;height: 38rpx;}
    46. 

  46. .more{font-size: 24rpx;color: #999;}
    47. 

  47. .more image{width: 16rpx;height: 27rpx;margin-left: 8rpx;}
    48.