Domovská stránka Prehľadávať Pomoc
Prihlásiť sa
caimei365
/
caimei365-www
3
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Strom: 80f31e6bd8
Branche Tagy
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
base
/
base.h5.css

base.h5.css 26 KB
História Raw

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

  2. /**
    3. 

  3. * 移动端
    4. 

  4. */
    5. 

  5. /*定义滚动条样式*/
    6. 

  6. ::-webkit-scrollbar{display: none;}
    7. 

  7. ::-webkit-scrollbar-track{display: none;}
    8. 

  8. ::-webkit-scrollbar-thumb{display: none;}
    9. 

  9. .noneImportant .footTop,
    10. 

  10. .noneImportant .footMain{display:none!important;}
    11. 

  11. .wechat_qrcode{display: none;}
    12. 

  12. #container,.footMain{width:100%;overflow:hidden;}
    13. 

  13. .pcOnly,.jqSelect .pc,.baseHeadCenter .headCart,.baseHeadCenter .hotKey,.baseTopNav_nav{display:none!important;}
    14. 

  14. .baseHeadTop .wrap ul>li,.baseHeadTop .header_top_left{display:none;}
    15. 

  15. .mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/supplier-login/H5.png) no-repeat;background-size:100vw auto;}
    16. 

  16. /*.H5-icon:before{content:'';display:inline-block;font-size:0;background:url(/img/supplier-login/H5.png) no-repeat;background-size:100vw auto;}*/
    17. 

  17. .H5-icon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/H5-icon.png) no-repeat;background-size:100vw auto;}
    18. 

  18. .mIcon.shop,.mIcon.heart{vertical-align:middle;display:inline-block;height:5.5vw;line-height:5.5vw}
    19. 

  19. .mIcon.shop:before{width:7.5vw;height:6vw;background-position:-91vw -.5vw}
    20. 

  20. .mIcon.heart:before{width:5vw;height:5vw;background-position:-0vw -17vw;}
    21. 

  21. .iconmIcon.heart:before{width:5.5vw;height:5.5vw;background-position:0 -17vw}
    22. 

  22. .mIcon.shop .tips{display:none;}
    23. 

  23. .couponTag{padding:0 2vw;border:.27vw solid #f94b4b;background:#fff1eb;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;color: #f94b4b;border-radius: 0.2vw;margin-right: 1vw;}
    24. 

  24. .mf{display:-ms-flexbox;display:-webkit-flex;display:flex;}
    25. 

  25. .mfbt{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
    26. 

  26. .mfc{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
    27. 

  27. .mfhc{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
    28. 

  28. .mfw{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    29. 

  29. .mfi{-ms-flex:1;-webkit-flex:1;flex:1;}
    30. 

  30. .jqSelect{position:relative;}
    31. 

  31. .jqSelect select{box-sizing:border-box;width:24vw;padding: 0 6vw 0 3vw;border-radius:2px;cursor:pointer;position:relative;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
    32. 

  32. .jqSelect select::-ms-expand{display:none;}
    33. 

  33. .jqSelect:before{content:'\276F';font-weight:normal;position:absolute;right:3vw;top:0;transform:rotate(90deg);font-size:3.6vw;color:#4A4F58}
    34. 

  34. .mFixed{position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;z-index:50;overflow-y:scroll;background-color:#FFF;-webkit-overflow-scrolling:touch}
    35. 

  35. /*短信图形验证弹窗统一样式*/
    36. 

  36. .content-model{width: 100%;height: 100%;background: rgba(0,0,0,.3);position: fixed;top: 0;left: 0;display: none;z-index: 999;}
    37. 

  37. .content-model.active{display: block;}
    38. 

  38. .content-model .model-main{width: 63.8vw;height: 63.5vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 4vw;background: #FFFFFF;overflow: hidden;}
    39. 

  39. .content-model .model-title{width: 100%;box-sizing: border-box;height: 10.9vw;padding: 0 2.7vw;border: solid 1px #efefef;position: relative;}
    40. 

  40. .content-model .model-title p{width: 100%;line-height: 10.9vw;font-size: 3.4vw;color: #333333;text-align: center;}
    41. 

  41. .content-model .model-title .mIcon{display: block;width: 5vw;height: 5vw;position: absolute;right: 2.5vw;top: 2.5vw;z-index: 999;cursor: pointer;}
    42. 

  42. .content-model .model-title .mIcon:before{width: 5vw;height: 5vw;background-position:-84.5vw -53.5vw;}
    43. 

  43. .content-model .model-content{width: 100%;height: 52.4vw;box-sizing: border-box;padding:2.7vw;}
    44. 

  44. .content-model .model-content .model-form{width: 100%;height:auto;float: left;position: relative;}
    45. 

  45. .content-model .model-content .model-form .input{box-sizing: border-box;width: 58.4vw;height: 9.6vw;line-height: 6vw; outline: none;float: left;border: 1px solid #b8bfca;border-radius: 5vw;padding:1.8vw 3vw;font-size: 3.4vw;margin-bottom: 1vw;}
    46. 

  46. .content-model .model-content .model-form .image{width: 30.7vw;height: 10vw;float: left;border-radius: 5vw;margin-top: 4.3vw;}
    47. 

  47. .content-model .model-content .model-form .image img{width: 100%;height:10vw;display: block;border-radius: 5vw;}
    48. 

  48. .content-model .model-content .model-form .refresh{height:10.7vw;float: left;margin-top: 4.3vw;}
    49. 

  49. .content-model .model-content .model-form .refresh .mIcon{display: block;width: 4vw;height: 4vw;float: left;margin: 3.3vw 2vw 0 4vw;cursor: pointer;}
    50. 

  50. .content-model .model-content .model-form .refresh .mIcon:before{width: 4vw;height: 4vw;background-position:-0.4vw -61.5vw;}
    51. 

  51. .content-model .model-content .model-form .refresh span{width:auto;height:10.7vw;display: block;float: left;line-height: 10.7vw;font-size: 3.4vw;margin-left: 2vw;}
    52. 

  52. .content-model .model-content .model-button{width: 100%;height: 9.9vw;float: left;margin-top: 7vw;}
    53. 

  53. .content-model .model-content .model-button .button{width: 100%;height: 9.9vw;border-radius: 5.2vw;background-color: #FF5B00;text-align: center;line-height:9.9vw;font-size: 3.4vw;color: #FFFFFF;cursor: pointer;}
    54. 

  54. .content-model .model-content .model-button .button.dep{background: linear-gradient(90deg, #977fb9 0%, #1c1c1c 100%);}
    55. 

  55. /* 头部 */
    56. 

  56. .baseHeadCenter{box-sizing:border-box;width:100%;height:26.8vw;padding:0 2vw;position:relative;background:#FFF}
    57. 

  57. .baseHeadCenter .logo,.classifyBox .logo{width:33.8vw;height:11.2vw;padding:1.2vw 0;position:absolute;top:0;left:50%;margin-left:-16.9vw;}
    58. 

  58. .baseHeadCenter .logo img,.classifyBox .logo img{display:block;width:33.8vw;height:11.2vw;}
    59. 

  59. .baseHeadCenter .mClassBtn,.classifyBox .mClassBtn{float:left}
    60. 

  60. .baseHeadCenter .mUserCenter{float:right}
    61. 

  61. .baseHeadCenter .mClassBtn,
    62. 

  62. .classifyBox .mClassBtn,
    63. 

  63. .baseHeadCenter .mUserIcon,
    64. 

  64. .baseHeadCenter .mAddCart,
    65. 

  65. .baseHeadCenter .mNotice,
    66. 

  66. .baseHeadCenter .supplier_H5,
    67. 

  67. .classifyBox .clsHead .close{padding:3.5vw 1.4vw;width:6.4vw;height:6.4vw}
    68. 

  68. .baseHeadCenter .mClassBtn:before,.baseHeadCenter .supplier_H5:before,.classifyBox .mClassBtn:before,.baseHeadCenter .mUserIcon:before,.baseHeadCenter .mAddCart:before{content:'';display:block;width:6.4vw;height:6.4vw}
    69. 

  69. .baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before{background-position:0 0}
    70. 

  70. .baseHeadCenter .mUserIcon:before{background-position:-8.6vw 0}
    71. 

  71. .baseHeadCenter .mAddCart:before{background-position:-17vw 0}
    72. 

  72. .baseHeadCenter .superVip:before{background-position:-32vw -93vw}
    73. 

  73. .baseHeadCenter .mNotice:before{content:'';display:block;width:6.4vw;height:6.4vw;background-position:0 0}
    74. 

  74. .baseHeadCenter .searchBox{position:absolute;top:13.4vw;left:0;width:100%;padding:1.8vw 3vw 0 3vw;box-sizing: border-box;display: flex;}
    75. 

  75. .baseHeadCenter .searchBox .supplierH5 {
    76. 

  76.     float: right;
    77. 

  77.     height: 9.6vw;
    78. 

  78.     display: flex;
    79. 

  79.     justify-content: center;
    80. 

  80.     align-items: center;
    81. 

  81.     margin-right: 1vw;
    82. 

  82. }
    83. 

  83. .baseHeadCenter .supplier_H5:before {
    84. 

  84.     background-position: -49vw -93vw;
    85. 

  85. }
    86. 

  86. .baseHeadCenter .search{width:99vw;height:9.6vw;border:1px solid #ff5b00;position:relative;border-radius: 5.8vw;box-sizing: border-box;}
    87. 

  87. /*.baseHeadCenter .search {*/
    88. 

  88. /*    width: 86.4vw;*/
    89. 

  89. /*    height: 9.6vw;*/
    90. 

  90. /*    border: 1px solid #FFE6DC;*/
    91. 

  91. /*    border-radius: 2px;*/
    92. 

  92. /*    position: relative;*/
    93. 

  93. /*    float: left;*/
    94. 

  94. /*    margin-left: 2vw;*/
    95. 

  95. /*}*/
    96. 

  96. .baseHeadCenter .search .jqSelect{width:21vw;height:9.6vw;position:relative;font-size: 0;}
    97. 

  97. .baseHeadCenter .search .jqSelect select{width:20vw;height:9.6vw;line-height:9.6vw;border:none;font-size:3.7vw;color:#4A4F58;padding:0 6vw 0 3vw}
    98. 

  98. .baseHeadCenter .search .jqSelect:before{right:4vw;line-height:9.6vw}
    99. 

  99. .baseHeadCenter .search .jqSelect:after{content:'';position:absolute;right:0;top:3.4vw;width:.5vw;height:2.8vw;background:#BEC2C9}
    100. 

  100. .baseHeadCenter .search .keyword{position:absolute;left:2vw;top:0;border:none;outline:none;width:68vw;height:100%;line-height:9.6vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw;border-radius: 5.8vw;}
    101. 

  101. .baseHeadCenter .search .searchBtn{position: absolute;right: 1vw;top: 1vw;font-size: 3vw;padding: 0 4vw;height: 7.5vw;line-height: 7.5vw;text-align: center;background: #ff5b00;border-radius: 4vw;color: #FFFFFF;font-weight: bold;}
    102. 

  102. .baseHeadCenter .searchAi{ width: 9.6vw;height: 9.6vw;margin-left: 1vw;}
    103. 

  103. .baseHeadCenter .searchAi a{ width: 9.6vw;height: 9.6vw;display: flex;justify-content: center;flex-direction: column;align-items: center;}
    104. 

  104. .baseHeadCenter .searchAi a img{ width: 7vw;height: 7vw;display: inline-flex;}
    105. 

  105. .baseHeadCenter.account{height:13.4vw;border-bottom:solid 1px #ebecef}
    106. 

  106. .baseHeadCenter.account .closeAccount{float:right;padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw;text-align:center}
    107. 

  107. .baseHeadCenter.account .closeAccount:before{content:'\2715';font-size:4.5vw;font-weight:bold}
    108. 

  108. .baseHeadCenter.account .accountLogin{display:none;}
    109. 

  109. #mGlobalMenu{position:fixed;bottom:0;left:0;background-color:rgba(74,79,88,.7);width:100%;height:100%;z-index:9990}
    110. 

  110. #mGlobalMenu .cTab{display:none}
    111. 

  111. #mGlobalMenu .cShow{display:none}
    112. 

  112. #mGlobalMenu .cShow{width:100%;position:absolute;bottom:0;left:0;background:#FFF;line-height:14.4vw;text-align:center;font-size:3.4vw;padding:6vw 0;border-radius:3vw 3vw 0 0}
    113. 

  113. #mGlobalMenu .cShow a{display:block}
    114. 

  114. 

  115. /* 分类 */
    116. 

  116. .classifyBox{display:none;background:#F7F7F7;overflow:hidden}
    117. 

  117. .classifyBox .clsHead{position:relative;background:#FFF}
    118. 

  118. .classifyBox .clsHead .close{float:right;text-align:center}
    119. 

  119. .classifyBox .clsHead .close:before{content:'\2715';font-size:4.5vw;font-weight:bold}
    120. 

  120. .classifyBox .mClassBtn:before{transform:rotate(90deg)}
    121. 

  121. .classifyBox .clsTab,.classifyBox .clsCon{height:calc(100% - 13.7vw)}
    122. 

  122. .classifyBox .clsTab{width: 100%;height:12vw;background:#FFF;border-bottom: .27vw solid #eeeeee; padding: 1vw 0;}
    123. 

  123. .classifyBox .clsTab .clsTab-main{width: 100%;height: 12vw;display: flex;}
    124. 

  124. .classifyBox .clsTab .clsTab-main a{flex:1;height: 12vw;text-align: center;font-size: 3.8vw;}
    125. 

  125. .classifyBox .clsCon{width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
    126. 

  126. .classifyBox .clsCon .tabItem{overflow: hidden;height: calc(100%);}
    127. 

  127. .classifyBox .clsCon .tabItem .tabItem_lift{width: 26vw;float: left;text-align: center;color: #93979f;}
    128. 

  128. .classifyBox .clsCon .tabItem .tabItem_right{float: right;width: 74vw;height: calc(100% - 13.7vw);background: #fff;overflow-y: scroll;}
    129. 

  129. .classifyBox a{color:#93979F}
    130. 

  130. .classifyBox .clsCon .tabItem .tabItem_lift a.on{background: #fff;color: #FF5B00;}
    131. 

  131. .classifyBox .clsTab a{display:block;height:13vw;line-height:13vw;text-align:center;font-size:3.4vw}
    132. 

  132. .classifyBox .clsTab a.on,.classifyBox .rgt a.on{color:#FF5B00}
    133. 

  133. .classifyBox .clsTab .clsTab-main a.on{color: #4a4f58;font-weight: bold}
    134. 

  134. .classifyBox .clsTab .clsTab-main a .line{width: 10vw;margin: 0 auto;height: .48vw;background-color: #FF5B00;}
    135. 

  135. .classifyBox .tabItem .lft{height:10.7vw;line-height:10.7vw;padding-left:4vw;font-size:3.6vw;background: #fff;border-bottom: .27vw solid #f5f5f5;font-weight: bold}
    136. 

  136. .classifyBox .tabItem .lft p{color: #4a4f58;}
    137. 

  137. .classifyBox .clsCon .tabItem .tabItem_lift a{display: block;height: 13vw;line-height: 13vw;text-align: center;font-size: 3.4vw;}
    138. 

  138. .classifyBox .tabItem .rgt{background:#FFF;padding-left: 4vw}
    139. 

  139. .classifyBox .tabItem .rgt a{width:20.8vw;height:29.8vw;margin:2.6vw 1.3vw}
    140. 

  140. .classifyBox .tabItem .rgt img{display:block;width:20.8vw;height:20.8vw}
    141. 

  141. .classifyBox .tabItem .rgt span{display:block;line-height:9vw;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:3.4vw;color:#4A4F58}
    142. 

  142. .classifyBox .tabItem .rgt p{text-align: center;color: #4a4f58;margin-top: 2.4vw;}
    143. 

  143. .classifyBox .clsCon .tabItem .tabItem_right .line:last-child{border: none}
    144. 

  144. .classifyBox .clsCon .tabItem .tabItem_right .line{border-bottom: 2.4vw solid #f5f5f5;}
    145. 

  145. /* 底部 */
    146. 

  146. .footTop{width:100%;padding:2vw 0;background:#FFF;}
    147. 

  147. .footTop .wrap span{font-size:2.6vw;padding:0 2vw;text-align:center}
    148. 

  148. .footTop .wrap span:before{width:9.2vw;height:9.2vw;display:block;margin:0 auto}
    149. 

  149. .footTop .wrap span:nth-of-type(1):before{background-position:-14vw -40vw}
    150. 

  150. .footTop .wrap span:nth-of-type(2):before{background-position:-28vw -40vw}
    151. 

  151. .footTop .wrap span:nth-of-type(3):before{background-position:-42vw -40vw}
    152. 

  152. .footTop .wrap span:nth-of-type(4):before{background-position:-56vw -40vw}
    153. 

  153. .footMain{width:100%;box-sizing:border-box;background:#4A4F58;color:#FFF}
    154. 

  154. .footLink .list{width:100%;padding:0 3vw;box-sizing:border-box}
    155. 

  155. .footLink .con{display:none}
    156. 

  156. .footLink .tab,.footLink .con a{width:100%;box-sizing:border-box;display:block;font-size:3.4vw;height:10.6vw;line-height:10.6vw;border-top:1px solid #999FAB;position:relative}
    157. 

  157. .footLink .list:first-child .tab{border-top:none}
    158. 

  158. .footLink .con a{color:#999}
    159. 

  159. .footLink .tab:after,.footLink .con a:after{font-size:5vw;position:absolute;top:2.1vw;right:0;width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center}
    160. 

  160. .footLink .tab:after{content:'\271B';transition:all .8s}
    161. 

  161. .footLink .con a:after{content:'\276F'}
    162. 

  162. .footLink .list.on{background:#2D3036}
    163. 

  163. .footLink .list.on .tab:after{transform:rotate(90deg);content:'\2758'}
    164. 

  164. .footContact{text-align:center;padding:6.4vw 0}
    165. 

  165. .footContact p{display:inline-block;width:20.1vw;background:#FFF;overflow:hidden;color: #4a4f58;height: 5.9vw;font-size: 3vw}
    166. 

  166. .footContact p img{width:26.6vw;height:26.6vw}
    167. 

  167. .footContact p span{line-height:8.8vw;white-space:nowrap;font-size:3.2vw;color:#4A4F58}
    168. 

  168. .footContact .cellNumber{line-height:7.2vw;font-size:2.8vw;color:#FFF;padding-top:3vw}
    169. 

  169. .footContact .cellNumber span{margin:0 2vw;display:inline-block}
    170. 

  170. .footContact .cellNumber span:first-child{display:block}
    171. 

  171. .footContact .cellNumber a{color:#FFF}
    172. 

  172. .copyright{text-align:center;color:#FFF;font-size:2.8vw;padding-bottom:4vw}
    173. 

  173. .copyright .item:before{width:10vw;height:10vw;font-size:0;background-position:-83.8vw -16.8vw}
    174. 

  174. .copyright .item span{display:block;line-height:5.5vw}
    175. 

  175. .copyright .item span a{color: #FFFFFF;}
    176. 

  176. /*商品Item*/
    177. 

  177. .productItem{width:50%;height:81.8vw;overflow:hidden;text-align:center;background:none;border-radius: 2vw;}
    178. 

  178. .productItem .item{position:relative;zoom:1;vertical-align:middle;overflow:hidden;width:45.4vw;height:79.2vw;margin:0 auto;background:#FFF;box-shadow:0 1px 3px #ccc;border-radius:2px;font-size:3.4vw}
    179. 

  179. .productItem .item img{display:block;width:100%;height:45.4vw}
    180. 

  180. .productItem .item a{height:auto;}
    181. 

  181. .productItem .item img{width:45.4vw;height:45.4vw;display:block}
    182. 

  182. .productItem .item .image .icon{position:absolute;right:2.4vw;top:2.4vw}
    183. 

  183. .productItem .item .image .icon.hot:before,.productItem .item .image .icon.new:before{display:block;width:7.6vw;height:9vw}
    184. 

  184. .productItem .item .image .icon.hot:before{background-position:-52vw -16.4vw}
    185. 

  185. .productItem .item .image .icon.new:before{background-position:-43.5vw -16.4vw}
    186. 

  186. .productItem .item .name{display:block;box-sizing:border-box;padding:2.6vw 3.5vw .4vw;height:10vw;line-height:5vw;text-align: left;}
    187. 

  187. .productItem .item .name span{color:#93979F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    188. 

  188. .productItem .item .name em{font-style: normal;color: #FF5B00;}
    189. 

  189. .productItem .item .price{height:21vw;text-align:center}
    190. 

  190. .productItem .item .price em{display:block;height:7vw;line-height:7vw;color:#4A4F58;font-style:normal;}
    191. 

  191. .productItem .item .price em.p{color:#F55C5C}
    192. 

  192. .productItem .item .price .icon{display:inline-block;font-size:0;height:5vw;line-height:5vw;vertical-align:text-bottom;}
    193. 

  193. .productItem .item .price .icon:before{width:11vw;height:5vw;}
    194. 

  194. .productItem .item .price .icon.i0:before{background-position:0 -23.2vw}
    195. 

  195. .productItem .item .price .icon.i1:before{background-position:0 -23.2vw}
    196. 

  196. .productItem .item .price .icon.i2:before{background-position:0 -28.5vw}
    197. 

  197. .productItem .item .price .icon.i3:before{background-position:0 -33.8vw}
    198. 

  198. .productItem .item .price .icon.i4:before{background-position:0 -38.8vw}
    199. 

  199. .productItem .item .price .icon.i5:before{background-position:0 -44vw}
    200. 

  200. .productItem .item .btn{height:9vw;line-height:9vw}
    201. 

  201. .productItem .item .btn{display:inline-block;width:35.8vw;height:9vw;text-align:center;overflow:hidden;color:#F94B4B;background:#FEF6F3;border-radius:2px}
    202. 

  202. .productItem .item .btn.add{background:#FEF6F3;color:#FF5B00;}
    203. 

  203. .productItem .item .btn.cat{font-size:3.1vw;line-height:4vw;white-space:pre-wrap;padding:1vw;width:80%;height:auto}
    204. 

  204. .noMore{height:10vw;line-height:10vw;text-align:center;color:#ccc}
    205. 

  205. /* 加入购物车 */
    206. 

  206. .cartAlert h6{font-size:4.6vw;font-weight:bold;margin:2vw 0;}
    207. 

  207. .cartAlert p{font-size:3.7vw;}
    208. 

  208. .cartAlert p em{font-style:normal;color:#FF5B00;}
    209. 

  209. .btn-to-cart{background:#FF5B00!important;color:#FFF!important;}
    210. 

  210. .btn-to-goon{background:#5bb641!important;color:#FFF!important;}
    211. 

  211. /* 支付 */
    212. 

  212. .payAlert{font-size:3.7vw;}
    213. 

  213. .payAlert p,.payAlert ul{margin-bottom:2vw;}
    214. 

  214. .payAlert em{font-style:normal;color:#FF5B00;}
    215. 

  215. .payAlert i{font-style:normal;color:#f55c5c;}
    216. 

  216. .payAlert .copy{display:inline-block;height:6.4vw;line-height:6.4vw;padding:0 3vw;color:#FFF;margin-left:2vw;background-color:#ff2929;background-image:linear-gradient(214deg,#ff2929 0%,#ff6d1b 100%)}
    217. 

  217. /* 登录弹框 */
    218. 

  218. .loginAlert{padding-top:1vw;text-align:center;font-size:3.4vw;}
    219. 

  219. .loginAlert span{display:block}
    220. 

  220. .loginAlert:before{content:'';display:block;width:26.7vw;height:26.7vw;background:url(/img/account/to_login_m.png) no-repeat left top;background-size:100% 100%;margin:0 auto}
    221. 

  221. .jconfirm .jconfirm-box .jconfirm-buttons button{font-size:3.4vw!important;}
    222. 

  222. /*供应商入口栏*/
    223. 

  223. #supplierLogin {width: 18vw;position:fixed;right:3.2vw;z-index:99;bottom:88.5vw;display: flex;justify-content: flex-end;align-items: flex-end;box-sizing: border-box;;height: 20vw;}
    224. 

  224. #supplierLogin .logo {width: 17vw;height: 17vw;}
    225. 

  225. #supplierLogin .close {width: 4vw;height: 4vw;position: absolute;top: 0;right: 0;}
    226. 

  226. /* 咨询，回到顶部 */
    227. 

  227. #scrollTop{display:none;position:fixed;right:3.2vw;z-index:99;bottom:4vw;}
    228. 

  228. #scrollTop .item{width:15vw;background-color:rgba(190,194,201,.3);box-sizing:border-box;text-align:center;margin-bottom:2.5vw;font-size:3vw;position:relative;border-radius: 0.2vw;}
    229. 

  229. #scrollTop .item>span{box-sizing:border-box;display:block;padding:1.5vw;line-height:3.4vw;}
    230. 

  230. #scrollTop .item .phone,#scrollTop .item .toTop{width:100%;height:100%;white-space: nowrap;}
    231. 

  231. #scrollTop .item .phone:before,#scrollTop .item .toTop:before{display:block;margin:0 auto;width:5.8vw;height:5.8vw;}
    232. 

  232. #scrollTop .item .phone:before{background-position:-66.8vw -9vw}
    233. 

  233. #scrollTop .item .toTop:before{background-position:-58.8vw -9vw}
    234. 

  234. #scrollTop .phoneHover{display:none;background-color:rgba(74,79,88,.7);z-index:999;}
    235. 

  235. #scrollTop .phoneHover>div{box-sizing:border-box;width:74.6vw;height:107.3vw;padding-top:32vw;background:url(/img/common/hotline_m.jpg) no-repeat left top;background-size:100% 100%;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:9.6vw;font-size:4.2vw}
    236. 

  236. #scrollTop .phoneHover i{font-style:normal;color:#FFF}
    237. 

  237. #scrollTop .phoneHover .close{position:absolute;left:50%;bottom:-12vw;margin-left:-2.7vw;width:5.4vw;height:5.4vw;line-height:5.4vw;text-align:center;border:1px solid #FFF;border-radius:50%;font-size:0}
    238. 

  238. #scrollTop .phoneHover .close:before{content:'\2715';font-size:4vw}
    239. 

  239. #scrollTop .phoneHover span{color:#93979F;display:block;margin-top:1.4vw}
    240. 

  240. #scrollTop .phoneHover a{color:#FF5B00}
    241. 

  241. #scrollTop .phoneHover a>i{display:inline-block;height:7.2vw;line-height:7.2vw;padding:0 2vw;background:#F55C5C;border-radius:3.6vw;margin-left:4vw;font-size:3.4vw}
    242. 

  242. /* 活动标签，阶梯价格 */
    243. 

  243. .priceTag .tag,.listTag{width:12vw;height:5vw;line-height:5vw;font-size:3vw;padding:0 6vw 0 3vw;background-color:#ffe6dc;color:#FF5B00;border-radius:2.6vw;font-style:normal;white-space:nowrap;}
    244. 

  244. .priceTag .tag{position:absolute;left:0;top:-6.8vw}
    245. 

  245. .listTag{padding:0 2vw;}
    246. 

  246. .priceTag .tag:before{width:4vw;height:4vw;background-position:-51.6vw -.9vw;position:absolute;right:1.5vw;top:.2vw}
    247. 

  247. .priceTag .tag.on:before{background-position:-43vw -.9vw}
    248. 

  248. .priceTag .ladder,.priceTag .promotion{display:none;background-color:rgba(74,79,88,.7);z-index:998}
    249. 

  249. .priceTag .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}
    250. 

  250. .priceTag .ladder em{white-space:nowrap;text-align:center}
    251. 

  251. .priceTag .ladder i{font-style:normal;display:inline-block;width:35vw;text-align:center}
    252. 

  252. .priceTag .ladder .t{color:#627386}
    253. 

  253. .priceTag .ladder .p{color:#f94b4b}
    254. 

  254. .priceTag .close{display:block;width:30vw;height:9vw;line-height:9vw;text-align:center;background-color:#ffe6dc;border-radius:4.5vw;border:1px solid #FF5B00;margin:6vw auto 0;}
    255. 

  255. .priceTag .promotion>div{display:block;box-sizing:border-box;width:82vw;padding:3.3vw;background:#FFF;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:8vw;font-size:3.7vw}
    256. 

  256. .priceTag .promotion p{text-align:left;clear:both;}
    257. 

  257. .priceTag .promotion p>em{color:#FF5B00;font-style:normal}
    258. 

  258. .priceTag .promotion .p{display:block;height:12vw;padding:1vw 0 1vw 12vw;position:relative;line-height:5vw}
    259. 

  259. .priceTag .promotion .p img{width:10vw;height:10vw;position:absolute;left:0;top:1vw}
    260. 

  260. .priceTag .promotion .p span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
    261. 

  261. .priceTag .promotion .more{color:#f55c5c;text-decoration:underline;float:right;}
    262. 

  262. /* loading */
    263. 

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

  264. .loading.home{position:fixed;z-index:9999;width:100%;height:100%;background:#FFF;}
    265. 

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

  266. .empty img{width:40vw;height:40vw;}
    267. 

  267. .empty a{color:#FF5B00;}
    268. 

  268. .footContact .footContact-code .item{
    269. 

  269.     width: 20.1vw;
    270. 

  270.     display: inline-block;
    271. 

  271. }
    272. 

  272. /*采美豆弹窗样式*/
    273. 

  273. .cmbeans-alert-box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;position: fixed;left: 0;top: 0;background: rgba(51,51,51,0.5);z-index: 99999;opacity: 0;}
    274. 

  274. .cmbeans-alert-box.hide{opacity: 0;}
    275. 

  275. .cmbeans-alert-box.show{opacity: 1;}
    276. 

  276. .cmbeans-alert-image{width: 87.2vw;height: 68.6vw;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;box-sizing: border-box;}
    277. 

  277. .cmbeans-alert-image img{width: 87.2vw;height: 68.6vw;display: block;}
    278. 

  278. .cmbeans-alert-image .mIcon{width:8vw;height:8vw;display: block;position: absolute;top: 45px;right: -3px;cursor: pointer;}
    279. 

  279. .cmbeans-alert-image .mIcon:before{width:8vw;height:8vw;background-position:-36.1vw -78.9vw;}
    280. 

  280. .cmbeans-alert-content{width: 71vw;height: 92vw;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;box-sizing: border-box;padding-top: 54.6vw;background-size: cover;}
    281. 

  281. .cmbeans-alert-content .mIcon{width:8vw;height:8vw;display: block;position: absolute;top: 45px;right: -35px;cursor: pointer;}
    282. 

  282. .cmbeans-alert-content .mIcon:before{width:8vw;height:8vw;background-position:-34.1vw -77.9vw;}
    283. 

  283. .cmbeans-alert-content-text{height: 14vw;line-height: 14vw;text-align: center;width: 100%;font-size: 4vw;color: #333333;}
    284. 

  284. .cmbeans-alert-content-bean{width: 100%;height: 7.6vw;line-height: 7.6vw;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
    285. 

  285. .cmbeans-alert-content-bean .cmbeans-alert-icon{width: 9.2vw;height: 7.6vw;display: block;float: left;}
    286. 

  286. .cmbeans-alert-content-bean .cmbeans-alert-text{color: #FF5B00;line-height: 7.6vw;float: left;font-size: 5.4vw;}
    287. 

  287. .cmbeans-alert-content-bean .icon-add{margin-left: 2.5vw;}
    288. 

  288. .cmbeans-alert-content-bean .icon-text{font-weight: bold;}
    289. 

  289. .cmbeans-alert-content-tips{width: 100%;height: 5.6vw;line-height: 5.6vw;margin-top: 4vw;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
    290. 

  290. .cmbeans-alert-content-tips .tips{width: 27.2vw;height: 5.6vw;background-color: rgba(226, 91, 28, 0.1);border-radius: 2.8vw;line-height: 5.6vw;font-size: 2.6vw;color: #FF5B00;text-align: center;padding: 0 1.2vw;}
    291. 

  291. #globalHead{width: 100%;box-sizing: border-box; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 1200;}
    292. 

  292. 

  293. /*ross宣传弹窗*/
    294. 

  294. .ross-banner-fiexd{width: 100%;height: 113.8vw;position: fixed;z-index: 999999999;background: linear-gradient(0deg, #FFA86E, #FF5B00);left: 0;right: 0;bottom: -113.8vw;box-sizing: border-box;padding: 4vw;background-size: cover;animation: all 1s;}
    295. 

  295. .ross-banner-fiexd.active{animation: rundbottom 0.5s backwards;bottom: 0;opacity: 1;}
    296. 

  296. .ross-mssg{width: 100%; height: 26vw;float: left;margin-bottom: 8vw;}
    297. 

  297. .ross-mssg .ross-mssg-img{width: 26vw;height: 26vw;float: left;margin-right: 4vw;}
    298. 

  298. .ross-mssg .ross-mssg-img img{width: 26vw;height: 26vw;display: block;}
    299. 

  299. .ross-mssg .ross-mssg-text{width: 62vw;height: 26vw; float: left;box-sizing: border-box;}
    300. 

  300. .ross-mssg .ross-mssg-text-t{margin-bottom: 6vw;}
    301. 

  301. .ross-mssg .ross-mssg-text-b{position: relative;}
    302. 

  302. .ross-mssg .ross-mssg-text-b .el-icon-caret-bottom{position: absolute;top:-5vw;left: 0;color: #FFFFFF;font-size: 20px;}
    303. 

  303. .ross-mssg .ross-mssg-text-t p{font-size: 4vw;color: #FFFFFF;line-height: 6vw;}
    304. 

  304. .ross-mssg .ross-mssg-text-b p{font-size: 2.8vw;color: #FFFFFF;line-height: 4vw;}
    305. 

  305. .ross-main{width: 100%;height: auto;box-sizing: border-box;float: right;padding: 0 4vw; position: relative;}
    306. 

  306. .ross-close{width: 6vw;height: 6vw;background: url('/img/activity/pc_close.png') no-repeat;background-size: cover;position: absolute;top: -25vw;right: 0vw;cursor: pointer;}
    307. 

  307. .ross-from{width: 100%;height: auto;}
    308. 

  308. .ross-from .from-row{width: 100%;height: 12vw;float: left;margin: 2vw 0;box-sizing: border-box;}
    309. 

  309. .ross-from .from-row.btn{margin-top: 12vw;}
    310. 

  310. .ross-from .from-row.none{margin: 0;}
    311. 

  311. .ross-from .from-row .label{display: none;}
    312. 

  312. .ross-from .from-row .input{width: 100%;height: 12vw;background: none;float: left;border: none; line-height:12vw;font-size: 4vw;color: #FFFFFF;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;}
    313. 

  313. .ross-from .from-row .input::-webkit-input-placeholder{ color:#FFFFFF;}
    314. 

  314. .ross-from .from-row .input::-moz-input-placeholder{ color:#FFFFFF;}
    315. 

  315. .ross-from .from-row .input::-ms-input-placeholder{ color:#FFFFFF;}
    316. 

  316. .ross-from .from-row .input::input-placeholder{ color:#FFFFFF;}
    317. 

  317. .ross-from .from-row .from-btn{width: 100%;height: 12vw;float: left;line-height: 12vw;font-size: 4vw;color: #FFFFFF;text-align: center;background: #202020;cursor: pointer;border-radius: 6vw;}
    318. 

  318. .ross-from .from-row .from-btn.disabled{background: #CBCBCB;}
    319. 

  319. .ross-from .from-row .link{display: block;line-height: 12vw;font-size: 4vw;color: #FFFFFF;margin: 0 24px;}
    320. 

  320. .ross-from .from-row .link.left{float: left;}
    321. 

  321. .ross-from .from-row .link.right{float: right;}
    322. 

  322. @keyframes rundbottom{ 0%{bottom: -113.8vw;opacity: 0;} 100%{bottom:0;opacity: 1;} }
    323.