Inicio Explorar Ayuda
Registro Iniciar sesión
xionghaojie
/
H5_module
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: 79211bbcf1
Ramas Etiquetas
H5_module
/
product
/
supplier
/
supplier.css

supplier.css 2.7 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839 
  1. /* supplier */
    2. 

  2. .top{position: fixed;left: 0;top: 0;right: 0;z-index: 50;}
    3. 

  3. .back{position: absolute;left: 0;padding-left: 23rpx;width: 20rpx;z-index: 5;}
    4. 

  4. .back image{width: 20rpx;height: 34rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 23rpx;}
    5. 

  5. .title{position: absolute;left: 0;right: 0;text-align: center;z-index: 4;font-size: 36rpx;color: #333;}
    6. 

  6. .sup-pic{width: 100%;height: 320rpx;}
    7. 

  7. .con{background: #fff;border-radius: 12rpx;margin: -95rpx 32rpx 0;position: relative;z-index: 2;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);padding: 40rpx 20rpx;}
    8. 

  8. .info{padding: 0 15rpx;}
    9. 

  9. .name{font-size: 32rpx;color: #333;font-weight: bold;}
    10. 

  10. .fanweis{position: relative;}
    11. 

  11. .fanwei{font-size: 15px;color: #676F77;line-height: 24px;margin-top: 35rpx;overflow: hidden;}
    12. 

  12. .f-height{height: 48px;overflow: hidden;}
    13. 

  13. .more{position: absolute;right: 0;bottom: 0;background: #fff;height: 24px;padding-left: 30rpx;width: 26rpx;height: 24px;}
    14. 

  14. .more image{width: 26rpx;height: 15rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 30rpx;margin-top: 1px;}
    15. 

  15. .sup-shi{border-top: 1rpx solid #E1E1E1;margin-top: 39rpx;padding-top: 40rpx;font-size: 24rpx;color: #714D23;}
    16. 

  16. .sup-shi .li{width: 20%;text-align: center;}
    17. 

  17. .sup-shi .li image{width: 70rpx;height: 70rpx;margin: 0 auto 5rpx;}
    18. 

  18. .datas{background: #FEF1E8;padding: 25rpx 28rpx 10rpx;flex-wrap: wrap;margin-top: 30rpx;}
    19. 

  19. .datas .li{width: 40%;font-size: 24rpx;color: #714D23;margin-bottom: 15rpx;}
    20. 

  20. .datas .li:nth-child(2n){width: 60%;}
    21. 

  21. .datas .li text{font-weight: bold;}
    22. 

  22. .tabs{margin: 60rpx 0 40rpx;overflow: hidden;height: 60rpx;overflow: hidden;}
    23. 

  23. .tab{white-space: nowrap;width: 100%;box-sizing: border-box;}
    24. 

  24. .tab .li{display: inline-block;font-size: 30rpx;color: #333;position: relative;margin-right: 50rpx;padding-bottom: 18rpx;}
    25. 

  25. .tab .li:first-child{margin-left: 32rpx;}
    26. 

  26. .tab .li:last-child{margin-right: 32rpx;}
    27. 

  27. .tab .li.active{font-size: 34rpx;color: #FD3D32;font-weight: bold;}
    28. 

  28. .tab .li.active::after{content: '';display: block;width: 62rpx;height: 4rpx;background: #FD3D32;border-radius: 2rpx;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
    29. 

  29. .prolist{padding: 0 32rpx;flex-wrap: wrap;margin-top: 60rpx;}
    30. 

  30. .prolist .li{background: #fff;margin: 0 18rpx 40rpx 0;width: 335rpx;}
    31. 

  31. .prolist .li:nth-child(2n){margin-right: 0;}
    32. 

  32. .prolist .li image{width: 100%;height: 276rpx;}
    33. 

  33. .infos{border: 1rpx solid #E9E9E9;border-top: none;padding: 25rpx 23rpx;}
    34. 

  34. .proname{font-size: 30rpx;color: #2F3440;line-height: 44rpx;height: 88rpx;overflow: hidden;}
    35. 

  35. .sta{justify-content: space-between;margin-top: 35rpx;align-items: center;}
    36. 

  36. .price{font-size: 36rpx;color: #F21211;font-weight: bold;}
    37. 

  37. .price text{font-size: 24rpx;font-weight: normal;}
    38. 

  38. .stock{font-size: 24rpx;color: #999;}
    39. 

  39.