Ana Sayfa Keşfet Yardım
Giriş Yap
caimei365
/
caimei365-www
3
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: 3c98753855
Dallar Biçim İmleri
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
shopping
/
cart.css

cart.css 5.6 KB
Geçmiş Ham

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 
  1. @charset "utf-8";
    2. 

  2. li{list-style:none}
    3. 

  3. /**
    4. 

  4.  * PC端
    5. 

  5.  */
    6. 

  6. @media screen and (min-width:768px){
    7. 

  7. .loading{box-sizing:border-box;padding:200px 0;text-align:center}
    8. 

  8. .empty{box-sizing:border-box;padding:100px 0;text-align:center;color:#4A4F58;line-height:30px;font-size:16px}
    9. 

  9. .empty img{width:180px;height:180px}
    10. 

  10. .empty a{color:#E15616}
    11. 

  11. .pageTitle{height:44px;line-height:44px;padding-top:16px}
    12. 

  12. .pageTitle h1{color:#2D3036;font-size:16px;font-weight:bold;float:left}
    13. 

  13. .pageTitle .step{float:right;color:#9AA5B5;font-size:14px;height:44px;line-height:44px}
    14. 

  14. .pageTitle .step span{display:inline-block;height:20px;line-height:20px;vertical-align:middle;position:relative;padding-left:55px}
    15. 

  15. .pageTitle .step span:before{font-style:normal;font-size:20px;vertical-align:text-top;margin-right:5px}
    16. 

  16. .pageTitle .step span:nth-of-type(1):before{content:'\2776'}
    17. 

  17. .pageTitle .step span:nth-of-type(2):before{content:'\2777'}
    18. 

  18. .pageTitle .step span:nth-of-type(3):before{content:'\2778'}
    19. 

  19. .pageTitle .step span:after{position:absolute;left:0;top:10px;content:'';width:50px;border-top:1px solid #9AA5B5}
    20. 

  20. .pageTitle .step span:first-child{padding-left:0}
    21. 

  21. .pageTitle .step span:first-child:after{display:none}
    22. 

  22. .pageTitle .step span.on{color:#E15616}
    23. 

  23. .listWrap{width:1184px}
    24. 

  24. .listWrap .cartTit,.listWrap .supplierItem{box-sizing:border-box;padding:0 14px;text-align:center;width:100%;background:#FFF;margin-bottom:8px;box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
    25. 

  25. .listWrap .supplierItem.disable{background:#f1f0f5}
    26. 

  26. .listWrap .cartTit,.listWrap .supplierInfo{height:40px;line-height:40px}
    27. 

  27. .listWrap .cartTit{color:#627386}
    28. 

  28. .listWrap .supplierItem,.listWrap .supplierInfo{color:#22272E}
    29. 

  29. .listWrap .supplierInfo{border-top:1px solid #F7F7F7}
    30. 

  30. .listWrap .cartItem{width:100%;height:100px;line-height:100px;margin-top:10px;padding:14px 0}
    31. 

  31. .listWrap .cartItem:first-child{margin-top:0}
    32. 

  32. .listWrap .cartItem .c2{text-align:left}
    33. 

  33. .listWrap .cartItem>div>*{vertical-align:middle}
    34. 

  34. .listWrap .c0{float:left;width:34px;text-align:left}
    35. 

  35. .listWrap .c1{float:left;width:100px}
    36. 

  36. .listWrap .c2{float:left;width:405px}
    37. 

  37. .listWrap .c3{float:left;width:165px}
    38. 

  38. .listWrap .c4{float:left;width:165px}
    39. 

  39. .listWrap .c5{float:left;width:165px}
    40. 

  40. .listWrap .c6{float:right;width:120px}
    41. 

  41. .listWrap .c10{float:left;width:495px}
    42. 

  42. .listWrap .supplierInfo .c2{text-align:left;width:800px}
    43. 

  43. .listWrap .check{width:18px;height:18px;line-height:18px;vertical-align:middle}
    44. 

  44. .listWrap .image{display:block;width:100px;height:100px;border:1px solid #F7F7F7}
    45. 

  45. .listWrap .name{line-height:20px;display:inline-block;max-height:100px;overflow:hidden;vertical-align:middle}
    46. 

  46. .listWrap .cartItem .name{padding-left:14px}
    47. 

  47. .listWrap .c6 em,.listWrap .c10 em{color:#f94b4b;font-style:normal}
    48. 

  48. .listWrap .number{display:inline-block;width:120px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
    49. 

  49. .listWrap .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
    50. 

  50. .listWrap .number input{width:70px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#E15616}
    51. 

  51. .listWrap .del{font-size:20px;position:relative;cursor:pointer;display:inline-block;height:40px;line-height:40px;width:30px}
    52. 

  52. .listWrap .del .tips{position:absolute;top:40px;left:4px;opacity:0;white-space:nowrap;background-color:#f94b4b;color:#FFF;border-radius:3px;line-height:30px;font-size:12px;text-align:center;display:inline-block;transition:all .8s;padding:0 10px;font-style:normal}
    53. 

  53. .listWrap .del .tips:before{content:"";width:10px;height:10px;background:#f94b4b;position:absolute;top:-3px;left:6px;transform:rotate(45deg)}
    54. 

  54. .listWrap .del:hover{color:#f94b4b}
    55. 

  55. .listWrap .del:hover .tips{opacity:1}
    56. 

  56. .listWrap .price{position:relative;display:inline-block;height:40px;line-height:40px;}
    57. 

  57. .listWrap .price em{font-style:normal;}
    58. 

  58. .listWrap .price .tag{position:absolute;top:-10px;left:0;padding:0 6px;height:18px;line-height:18px;background-color:#1890f9;background-image:-webkit-linear-gradient(90deg,#1890f9 0%,#93cdff 100%);background-image:-moz-linear-gradient(90deg,#1890f9 0%,#93cdff 100%);background-image:-ms-linear-gradient(90deg,#1890f9 0%,#93cdff 100%);background-image:-o-linear-gradient(90deg,#1890f9 0%,#93cdff 100%);background-image:linear-gradient(90deg,#1890f9 0%,#93cdff 100%);border-radius:9px;font-size:12px;color:#FFF;font-style:normal}
    59. 

  59. .listWrap .price .info .i{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;text-align:center;font-size:12px;font-style:normal;background-color:#1890f9;border-radius:7px;color:#FFF;cursor:help}
    60. 

  60. .listWrap .price .ladder{position:absolute;background:#fff;box-shadow:0 3px 6px 0 #d7dfec;border-radius:2px;line-height:42px;left:0;top:32px;z-index:9;transition:all .8s;display:none}
    61. 

  61. .listWrap .price .info .i:hover+.ladder{display:block}
    62. 

  62. .listWrap .price .ladder em{white-space:nowrap}
    63. 

  63. .listWrap .price .ladder i{font-style:normal;display:inline-block;width:120px;text-align:center}
    64. 

  64. .listWrap .price .ladder .t{color:#627386}
    65. 

  65. .listWrap .price .ladder .p{color:#f94b4b}
    66. 

  66. .invalidTit{height:44px;line-height:44px;padding-top:16px;font-size:16px}
    67. 

  67. .invalidTit .tit{color:#22272e;float:left}
    68. 

  68. .invalidTit .delAll{color:#e15616;float:right}
    69. 

  69. .invalidTit .tit em{font-style:normal;color:#e15616}
    70. 

  70. 

  71. 

  72. 

  73. 

  74. 

  75. 

  76. }
    77. 

  77. 

  78. /**
    79. 

  79. * 移动端
    80. 

  80. */
    81. 

  81. @media screen and (max-width:768px){
    82. 

  82.     .loading{box-sizing:border-box;padding:20vw 0;text-align:center}
    83. 

  83.     .empty{box-sizing:border-box;padding:15vw 0;text-align:center;color:#4A4F58;line-height:8vw;font-size:3.4vw}
    84. 

  84.     .empty img{width:40vw;height:40vw}
    85. 

  85.     .empty a{color:#E15616}
    86. 

  86. 

  87. }
    88. 

  88.