صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
caimei365
/
caimei365-www
3
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 70b2e04e27
شاخه‌ها تگ‌ها
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
shopping
/
cart.css

cart.css 13 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 
  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:335px}
    37. 

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

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

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

  40.     .listWrap .c6{float:left;width:142px}
    41. 

  41.     .listWrap .c7{float:right;width:118px}
    42. 

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

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

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

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

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

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

  48.     .listWrap .cartItem .name .tag{display: inline-block;background:#f94b4b;color:#FFF;font-size:12px;padding:0 6px;height:20px;line-height:20px;border-radius:2px;font-style:normal;margin-right:5px}
    49. 

  49.     .listWrap .c7 em,.listWrap .c10 em{color:#f94b4b;font-style:normal}
    50. 

  50.     .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}
    51. 

  51.     .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}
    52. 

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

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

  54.     .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}
    55. 

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

  56.     .listWrap .del:hover{color:#f94b4b}
    57. 

  57.     .listWrap .del:hover .tips{opacity:1}
    58. 

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

  59.     .listWrap .price em{font-style:normal;}
    60. 

  60.     .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}
    61. 

  61.     .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}
    62. 

  62.     .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}
    63. 

  63.     .listWrap .price .info .i:hover+.ladder{display:block}
    64. 

  64.     .listWrap .price .ladder em{white-space:nowrap}
    65. 

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

  66.     .listWrap .price .ladder .t{color:#627386}
    67. 

  67.     .listWrap .price .ladder .p{color:#f94b4b}
    68. 

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

  69.     .invalidTit .tit{color:#22272e;float:left}
    70. 

  70.     .invalidTit .delAll{color:#e15616;float:right;cursor:pointer;}
    71. 

  71.     .invalidTit .tit em{font-style:normal;color:#e15616}
    72. 

  72.     .summaryWrap{width:100%;background:#FFF;margin:16px 0 -29px 0;}
    73. 

  73.     .summaryWrap .summary{width:1184px;margin:0 auto;font-size:18px;padding:11px 0;height:50px;line-height:50px;text-align:right;}
    74. 

  74.     .summaryWrap .summary em{font-style:normal}
    75. 

  75.     .summaryWrap .summary .left,.summaryWrap .summary .right{display:inline;}
    76. 

  76.     .summaryWrap .summary .left .item:first-child{float:left;}
    77. 

  77.     .summaryWrap .summary .item{display:inline-block;margin-right:32px;}
    78. 

  78.     .summaryWrap .summary .check{width:14px;height:14px;line-height:14px;vertical-align:top;margin:18px 16px 0 16px}
    79. 

  79.     .summaryWrap .summary .delete{margin-left:16px;color:#f55c5c}
    80. 

  80.     .summaryWrap .summary .right .item em{color:#f55c5c}
    81. 

  81.     .summaryWrap .summary .submit{display:inline-block;width:232px;height:50px;line-height:50px;text-align:center;background-color:#e15616;border-radius:2px;color:#FFF}
    82. 

  82.     .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:99999;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
    83. 

  83. 

  84. 

  85. 

  86. 

  87. }
    88. 

  88. 

  89. /**
    90. 

  90. * 移动端
    91. 

  91. */
    92. 

  92. @media screen and (max-width:768px){
    93. 

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

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

  95.     .empty img{width:40vw;height:40vw}
    96. 

  96.     .empty a{color:#E15616}
    97. 

  97.     .pageTitle .step{width:100%;height:12.4vw;line-height:12.4vw;background:#FFF;color:#9AA5B5;font-size:3.1vw;text-align:center;}
    98. 

  98.     .pageTitle .step span{display:inline-block;height:4.2vw;line-height:4.2vw;vertical-align:middle;position:relative;padding-left:6.4vw}
    99. 

  99.     .pageTitle .step span:before{font-style:normal;font-size:5.2vw;vertical-align:text-top;margin-right:1vw}
    100. 

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

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

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

  103.     .pageTitle .step span:after{position:absolute;left:0;top:2.05vw;content:'';width:5.4vw;border-top:1px solid #9AA5B5}
    104. 

  104.     .pageTitle .step span:first-child{padding-left:0}
    105. 

  105.     .pageTitle .step span:first-child:after{display:none}
    106. 

  106.     .pageTitle .step span.on{color:#E15616}
    107. 

  107.     .pageTitle h1{color:#2D3036;font-size:3.7vw;font-weight:bold;height:10vw;line-height:10vw;padding:0 3.3vw;}
    108. 

  108.     .listWrap .supplierItem{width:100%;background:#FFF;color:#9aa5b5;font-size:3.4vw;margin-bottom:1.2vw;}
    109. 

  109.     .listWrap .supplierItem.disable{background:#f1f0f5}
    110. 

  110.     .listWrap .supplierItem em{font-style: normal}
    111. 

  111.     .listWrap .supplierTit{border-bottom:1px solid #F7F7F7;height:7.4vw;line-height:7.4vw;padding:1.3vw 3.3vw;}
    112. 

  112.     .listWrap .cartItem{padding:2.2vw 3.3vw;height:24vw;line-height:24vw;position:relative;}
    113. 

  113.     .listWrap .supplierInfo{border-top:1px solid #F7F7F7;width:93vw;margin:0 auto;height:10.6vw;line-height:10.6vw;color:#22272e;font-size:3.4vw;text-align:right;}
    114. 

  114.     .listWrap .supplierItem .c0{float:left;width:9.6vw;text-align:center}
    115. 

  115.     .listWrap .check{width:3.5vw;height:3.5vw;line-height:3.5vw;vertical-align:middle}
    116. 

  116.     .listWrap .supplierItem .c1{float:left;width:24vw}
    117. 

  117.     .listWrap .supplierItem .image{display:block;box-sizing:border-box;width:24vw;height:24vw;border:1px solid #F7F7F7}
    118. 

  118.     .listWrap .supplierTit .img{width:7.4vw;height:7.4vw;border:1px solid #F7F7F7;margin-right:2vw}
    119. 

  119.     .listWrap .supplierTit .name{color:#9aa5b5}
    120. 

  120.     .listWrap .cartItem .c2,.listWrap .cartItem .c3,.listWrap .cartItem .c4,.listWrap .cartItem .c10{position:absolute;left:39vw;line-height:5vw}
    121. 

  121.     .listWrap .cartItem .c2{top:2.2vw;height:10vw;width:58vw;}
    122. 

  122.     .listWrap .cartItem .c2 .name{color:#22272e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    123. 

  123.     .listWrap .cartItem .c3{top:14vw;height:5vw}
    124. 

  124.     .listWrap .cartItem .c4{bottom:2.2vw;height:5vw}
    125. 

  125.     .listWrap .cartItem .c5{position:absolute;right:3.3vw;bottom:2.2vw;height:6.4vw;line-height:6.4vw}
    126. 

  126.     .listWrap .cartItem .c10{color:#f94b4b;top:16vw;height:5vw}
    127. 

  127.     .listWrap .cartItem .number{display:inline-block;width:26.6vw;line-height:6.4vw;height:6.4vw;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}
    128. 

  128.     .listWrap .cartItem .number>em{display:inline-block;width:6.4vw;height:6.4vw;background:#FFE6DC;font-size:4vw;line-height:6vw;vertical-align:top}
    129. 

  129.     .listWrap .cartItem .number input{width:13.5vw;border:none;line-height:6vw;vertical-align:top;text-align:center;color:#E15616;font-size:3.4vw}
    130. 

  130.     .invalidTit{height:9vw;line-height:9vw;font-size:3.7vw;padding:0 3.3vw;}
    131. 

  131.     .invalidTit .tit{color:#22272e;float:left}
    132. 

  132.     .invalidTit .delAll{color:#e15616;float:right}
    133. 

  133.     .invalidTit .tit em{font-style:normal;color:#e15616}
    134. 

  134.     .supplierItem.disable .name .tag{display:inline-block;background:#f94b4b;color:#FFF;font-size:2.4vw;padding:0 2vw;height:4.4vw;line-height:4.4vw;border-radius:2px;font-style:normal;margin-right:1vw;}
    135. 

  135.     .listWrap .priTag{display:inline-block;margin-right:1vw;padding:0 2vw;height:4.4vw;line-height:4.4vw;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:2.2vw;font-size:2.4vw;color:#FFF;font-style:normal}
    136. 

  136.     .listWrap .price .info .i{display:inline-block;vertical-align:middle;width:3.7vw;height:3.7vw;line-height:3.7vw;text-align:center;font-size:2.4vw;font-style:normal;background-color:#1890f9;border-radius:1.9vw;color:#FFF;}
    137. 

  137.     .listWrap .price .info .ladder{display:none;background-color:rgba(74,79,88,.7);z-index:998;}
    138. 

  138.     .listWrap .price .info .ladder>span{display:block;box-sizing:border-box;width:74.6vw;padding:4vw 0;background:#FFF;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:10vw;font-size:4.2vw}
    139. 

  139.     .listWrap .price .ladder em{white-space:nowrap;text-align:center;}
    140. 

  140.     .listWrap .price .ladder i{font-style:normal;display:inline-block;width:35vw;text-align:center}
    141. 

  141.     .listWrap .price .ladder .t{color:#627386}
    142. 

  142.     .listWrap .price .ladder .p{color:#f94b4b}
    143. 

  143.     .listWrap .price .ladder .close{display:block;width:46vw;height:10vw;line-height:10vw;text-align:center;background-color:#ffe6dc;border-radius:2px;border:1px solid #e15616;margin:6vw auto 0}
    144. 

  144.     .summaryWrap{width:100%;background:#FFF;margin:1.4vw 0}
    145. 

  145.     .summaryWrap .summary{width:93vw;margin:0 auto;font-size:3.4vw;padding-bottom:3.3vw}
    146. 

  146.     .summaryWrap .summary em{font-style:normal}
    147. 

  147.     .summaryWrap .summary .left{height:9.4vw;line-height:9.4vw}
    148. 

  148.     .summaryWrap .summary .right{height:11.2vw;line-height:11.2vw}
    149. 

  149.     .summaryWrap .summary .check{width:3.5vw;height:3.5vw;line-height:3.5vw;vertical-align:top;margin:3vw 3vw 0 3.3vw}
    150. 

  150.     .summaryWrap .summary .delete{width:12vw;height:6vw;line-height:6vw;display:inline-block;text-align:center;color:#f55c5c}
    151. 

  151.     .summaryWrap .summary .right .item{margin-left:6.8vw}
    152. 

  152.     .summaryWrap .summary .right .item em{color:#f55c5c}
    153. 

  153.     .summaryWrap .summary .submit{display:inline-block;width:30.4vw;height:11.2vw;line-height:11.2vw;text-align:center;background-color:#e15616;border-radius:2px;color:#FFF}
    154. 

  154.     .summaryWrap.fixed{position:fixed;bottom:0;left:0;margin:0;z-index:99999;box-shadow:20px 20px 102px rgba(0,0,0,0.1)}
    155. 

  155. 

  156. 

  157. 

  158. }
    159. 

  159.