Начало Каталог Помощ
Вход
caimei365
/
caimei365-www
3
0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
ИН на ревизия: d7475ec545
Клонове Маркери
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
base
/
base.h5.css

base.h5.css 22 KB
История Директен файл

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

  2. /**
    3. 

  3. * 移动端
    4. 

  4. */
    5. 

  5. .noneImportant .footTop,
    6. 

  6. .noneImportant .footMain{display:none!important;}
    7. 

  7. .wechat_qrcode{display: none;}
    8. 

  8. .baseHeadCenter,#container,.footMain{width:100%;overflow:hidden;}
    9. 

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

  10. .baseHeadTop .wrap ul>li,.baseHeadTop .header_top_left{display:none;}
    11. 

  11. .mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/icon_m.png) no-repeat;background-size:100vw auto;transition:all .5s}
    12. 

  12. .H5-icon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/H5-icon.png) no-repeat;background-size:100vw auto;transition:all .5s}
    13. 

  13. .icon.shop,.icon.heart{vertical-align:middle;display:inline-block;height:5.5vw;line-height:5.5vw}
    14. 

  14. .icon.shop:before{width:7.5vw;height:6vw;background-position:-91vw -.5vw}
    15. 

  15. .icon.heart:before{width:5.5vw;height:5.5vw;background-position:0 -17vw}
    16. 

  16. .icon.shop .tips{display:none;}
    17. 

  17. .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;}
    18. 

  18. .mf{display:-ms-flexbox;display:-webkit-flex;display:flex;}
    19. 

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

  20. .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}
    21. 

  21. .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;}
    22. 

  22. .mfw{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    23. 

  23. .mfi{-ms-flex:1;-webkit-flex:1;flex:1;}
    24. 

  24. .jqSelect{position:relative;}
    25. 

  25. .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;}
    26. 

  26. .jqSelect select::-ms-expand{display:none;}
    27. 

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

  28. .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}
    29. 

  29. /*短信图形验证弹窗统一样式*/
    30. 

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

  31. .content-model.active{display: block;}
    32. 

  32. .content-model .model-main{width: 63.8vw;height: 63.5vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 0.2vw;background: #FFFFFF;-webkit-box-shadow: 0 0.2vw 0.6vw rgba(0,0,0,0.2);box-shadow: 0 0.2vw 0.6vw rgba(0,0,0,0.2);}
    33. 

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

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

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

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

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

  38. .content-model .model-content .model-form{width: 100%;height:auto;float: left;}
    39. 

  39. .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: 0.2vw;padding:1.8vw 1vw;font-size: 3.4vw;}
    40. 

  40. .content-model .model-content .model-form .image{width: 30.7vw;height: 10.7vw;float: left;border-radius: 0.2vw;margin-top: 4.3vw;}
    41. 

  41. .content-model .model-content .model-form .image img{width: 100%;height:10.7vw;display: block;border-radius: 0.2vw;}
    42. 

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

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

  44. .content-model .model-content .model-form .refresh .mIcon:before{width: 4vw;height: 4vw;background-position:-1.2vw -62.5vw;}
    45. 

  45. .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;}
    46. 

  46. .content-model .model-content .model-button{width: 100%;height: 9.9vw;float: left;margin-top: 11vw;}
    47. 

  47. .content-model .model-content .model-button .button{width: 100%;height: 9.9vw;border-radius: .2vw;background-color: #e15616;text-align: center;line-height:9.9vw;font-size: 3.4vw;color: #FFFFFF;cursor: pointer;}
    48. 

  48. /* 头部 */
    49. 

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

  50. .baseHeadCenter .logo,.classifyBox .logo{width:23.8vw;height:5.9vw;padding:3.75vw 0;position:absolute;top:0;left:50%;margin-left:-11.9vw}
    51. 

  51. .baseHeadCenter .logo img,.classifyBox .logo img{display:block;width:24vw;height:6.6vw}
    52. 

  52. .baseHeadCenter .mClassBtn,.classifyBox .mClassBtn{float:left}
    53. 

  53. .baseHeadCenter .mUserCenter{float:right}
    54. 

  54. .baseHeadCenter .mClassBtn,
    55. 

  55. .classifyBox .mClassBtn,
    56. 

  56. .baseHeadCenter .mUserIcon,
    57. 

  57. .baseHeadCenter .mAddCart,
    58. 

  58. .baseHeadCenter .mNotice,
    59. 

  59. .classifyBox .clsHead .close{padding:3.5vw 1.4vw;width:6.4vw;height:6.4vw}
    60. 

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

  61. .baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before{background-position:0 0}
    62. 

  62. .baseHeadCenter .mUserIcon:before{background-position:-8.6vw 0}
    63. 

  63. .baseHeadCenter .mAddCart:before{background-position:-17vw 0}
    64. 

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

  65. .baseHeadCenter .searchBox{position:absolute;top:13.4vw;left:0;width:100%;padding-top:1.8vw}
    66. 

  66. .baseHeadCenter .search{width:93.4vw;height:9.6vw;margin:0 auto;border:1px solid #FFE6DC;border-radius:2px;position:relative}
    67. 

  67. .baseHeadCenter .search .jqSelect{width:27vw;height:9.6vw;position:relative;font-size: 0;}
    68. 

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

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

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

  71. .baseHeadCenter .search .keyword{position:absolute;right:0;top:0;border:none;outline:none;width:66.4vw;height:8.6vw;line-height:8.6vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw}
    72. 

  72. .baseHeadCenter .search .searchBtn{position:absolute;right:1.2vw;top:0}
    73. 

  73. .baseHeadCenter .search .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:-24vw 1.5vw}
    74. 

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

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

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

  77. .baseHeadCenter.account .accountLogin{display:none;}
    78. 

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

  79. #mGlobalMenu .cTab{display:none}
    80. 

  80. #mGlobalMenu .cShow{display:none}
    81. 

  81. #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}
    82. 

  82. #mGlobalMenu .cShow a{display:block}
    83. 

  83. 

  84. /* 分类 */
    85. 

  85. .classifyBox{display:none;background:#F7F7F7;overflow:hidden}
    86. 

  86. .classifyBox .clsHead{position:relative;background:#FFF}
    87. 

  87. .classifyBox .clsHead .close{float:right;text-align:center}
    88. 

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

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

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

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

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

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

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

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

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

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

  98. .classifyBox a{color:#93979F}
    99. 

  99. .classifyBox .clsCon .tabItem .tabItem_lift a.on{background: #fff;color: #e15616;}
    100. 

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

  101. .classifyBox .clsTab a.on,.classifyBox .rgt a.on{color:#E15616}
    102. 

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

  103. .classifyBox .clsTab .clsTab-main a .line{width: 10vw;margin: 0 auto;height: .48vw;background-color: #e15616;}
    104. 

  104. .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}
    105. 

  105. .classifyBox .tabItem .lft p{color: #4a4f58;}
    106. 

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

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

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

  109. .classifyBox .tabItem .rgt img{display:block;width:20.8vw;height:20.8vw}
    110. 

  110. .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}
    111. 

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

  112. .classifyBox .clsCon .tabItem .tabItem_right .line:last-child{border: none}
    113. 

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

  114. /* 底部 */
    115. 

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

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

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

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

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

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

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

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

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

  124. .footLink .con{display:none}
    125. 

  125. .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}
    126. 

  126. .footLink .list:first-child .tab{border-top:none}
    127. 

  127. .footLink .con a{color:#999}
    128. 

  128. .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}
    129. 

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

  130. .footLink .con a:after{content:'\276F'}
    131. 

  131. .footLink .list.on{background:#2D3036}
    132. 

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

  133. .footContact{text-align:center;padding:6.4vw 0}
    134. 

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

  135. .footContact p img{width:26.6vw;height:26.6vw}
    136. 

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

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

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

  139. .footContact .cellNumber span:first-child{display:block}
    140. 

  140. .footContact .cellNumber a{color:#FFF}
    141. 

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

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

  143. .copyright .item span{display:block;line-height:5.5vw}
    144. 

  144. .copyright .item span a{color: #FFFFFF;}
    145. 

  145. /*商品Item*/
    146. 

  146. .productItem{width:50%;height:81.8vw;overflow:hidden;text-align:center;background:none}
    147. 

  147. .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}
    148. 

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

  149. .productItem .item a{height:auto;}
    150. 

  150. .productItem .item img{width:45.4vw;height:45.4vw;display:block}
    151. 

  151. .productItem .item .image .icon{position:absolute;right:2.4vw;top:2.4vw}
    152. 

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

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

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

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

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

  157. .productItem .item .name em{font-style: normal;color: #e15616;}
    158. 

  158. .productItem .item .price{height:21vw;text-align:center}
    159. 

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

  160. .productItem .item .price em.p{color:#F55C5C}
    161. 

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

  162. .productItem .item .price .icon:before{width:11vw;height:5vw;}
    163. 

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

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

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

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

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

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

  169. .productItem .item .btn{height:9vw;line-height:9vw}
    170. 

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

  171. .productItem .item .btn.add{background:#FEF6F3;color:#E15616;}
    172. 

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

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

  174. /* 加入购物车 */
    175. 

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

  176. .cartAlert p{font-size:3.7vw;}
    177. 

  177. .cartAlert p em{font-style:normal;color:#e15616;}
    178. 

  178. .btn-to-cart{background:#e15616!important;color:#FFF!important;}
    179. 

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

  180. /* 支付 */
    181. 

  181. .payAlert{font-size:3.7vw;}
    182. 

  182. .payAlert p,.payAlert ul{margin-bottom:2vw;}
    183. 

  183. .payAlert em{font-style:normal;color:#e15616;}
    184. 

  184. .payAlert i{font-style:normal;color:#f55c5c;}
    185. 

  185. .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%)}
    186. 

  186. /* 登录弹框 */
    187. 

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

  188. .loginAlert span{display:block}
    189. 

  189. .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}
    190. 

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

  191. /* 咨询，回到顶部 */
    192. 

  192. #scrollTop{display:none;position:fixed;right:3.2vw;z-index:9999;bottom:4vw;}
    193. 

  193. #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;}
    194. 

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

  195. #scrollTop .item .phone,#scrollTop .item .toTop{width:100%;height:100%;}
    196. 

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

  197. #scrollTop .item .phone:before{background-position:-66.8vw -9vw}
    198. 

  198. #scrollTop .item .toTop:before{background-position:-58.8vw -9vw}
    199. 

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

  200. #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}
    201. 

  201. #scrollTop .phoneHover i{font-style:normal;color:#FFF}
    202. 

  202. #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}
    203. 

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

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

  205. #scrollTop .phoneHover a{color:#E15616}
    206. 

  206. #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}
    207. 

  207. /* 活动标签，阶梯价格 */
    208. 

  208. .priceTag .tag,.listTag{width:12vw;height:5vw;line-height:5vw;font-size:3vw;padding:0 6vw 0 3vw;background-color:#ffe6dc;color:#E15616;border-radius:2px;font-style:normal;white-space:nowrap;}
    209. 

  209. .priceTag .tag{position:absolute;left:0;top:-6.8vw}
    210. 

  210. .listTag{padding:0 2vw;}
    211. 

  211. .priceTag .tag:before{width:4vw;height:4vw;background-position:-51.6vw -.9vw;position:absolute;right:1.5vw;top:1.2vw}
    212. 

  212. .priceTag .tag.on:before{background-position:-43vw -.9vw}
    213. 

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

  214. .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}
    215. 

  215. .priceTag .ladder em{white-space:nowrap;text-align:center}
    216. 

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

  217. .priceTag .ladder .t{color:#627386}
    218. 

  218. .priceTag .ladder .p{color:#f94b4b}
    219. 

  219. .priceTag .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;}
    220. 

  220. .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}
    221. 

  221. .priceTag .promotion p{text-align:left;clear:both;}
    222. 

  222. .priceTag .promotion p>em{color:#E15616;font-style:normal}
    223. 

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

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

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

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

  227. /* loading */
    228. 

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

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

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

  231. .empty img{width:40vw;height:40vw;}
    232. 

  232. .empty a{color:#E15616;}
    233. 

  233. .footContact .footContact-code .item{
    234. 

  234.     width: 20.1vw;
    235. 

  235.     display: inline-block;
    236. 

  236. }
    237. 

  237. /*采美豆弹窗样式*/
    238. 

  238. .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;}
    239. 

  239. .cmbeans-alert-box.hide{opacity: 0;}
    240. 

  240. .cmbeans-alert-box.show{opacity: 1;}
    241. 

  241. .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;}
    242. 

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

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

  244. .cmbeans-alert-image .mIcon:before{width:8vw;height:8vw;background-position:-34.1vw -77.9vw;}
    245. 

  245. .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;}
    246. 

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

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

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

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

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

  251. .cmbeans-alert-content-bean .cmbeans-alert-text{color: #E15616;line-height: 7.6vw;float: left;font-size: 5.4vw;}
    252. 

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

  253. .cmbeans-alert-content-bean .icon-text{font-weight: bold;}
    254. 

  254. .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;}
    255. 

  255. .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: #E15616;text-align: center;padding: 0 1.2vw;}
    256. 

  256. 

  257.