style.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. body{font-size:15px;}
  2. ul{list-style: none;padding: 0;margin: 0;}
  3. #cnzz_stat_icon_1260421959{display:none;}
  4. .my-slider-indicator{padding:0 10px;}
  5. .my-slider-indicator .mui-indicator{background: transparent;-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.9);box-shadow: 0 0 1px 1px rgba(255,255,255,.9);}
  6. .chanpin-box{padding: 14px 14px;}
  7. #chanpin-slider{border-radius: 5px;}
  8. #advs_banner{padding:0 4px;}
  9. .price1{font-size:1.5em;color: #fff;}
  10. .price2{font-size:12px;color: #898989;margin-left:1em;}
  11. .price1:before{content: '¥';font-size:20px;margin-right: 5px;}
  12. .my-btn-red{width: 90px;padding:5px 10px;line-height: 1.42 !important;background: #e4004d;color: #fff;border: 0;border-radius: 5px;}
  13. .prev{position: absolute;left:0;top: 50%;margin-top: -20px; width: 40px;height: 40px;line-height: 30px; padding:5px 0;text-align: left;font-size:30px;color: #ccc;}
  14. .next{position: absolute;right:0;top: 50%;margin-top: -20px; width: 40px;height: 40px;line-height: 30px; padding:5px 0;text-align: right;font-size:30px;color: #f64e78;}
  15. .my-table-view {background-color:transparent;padding: 0 10px 0 0 !important;}
  16. .my-table-view .mui-table-view-cell{padding: 5px 0 0 14px !important;}
  17. .my-table-view:before{height: 0;}
  18. .my-table-view:after{height: 0;}
  19. .my-content-padded{overflow: hidden;}
  20. .my-content-padded img{width: 100%;border-radius: 5px;}
  21. .iconfont .mui-badge {font-size: 10px;line-height: 1.4;position: absolute;top:0;right: 22%;padding: 1px 5px;color: #fff;background: red;}
  22. .mui-bar-tab~.mui-content{padding-bottom: 60px !important;}
  23. #footer-bar{background-color: #fff;height: 60px;}
  24. #footer-bar .mui-tab-label{font-size: 14px;}
  25. #footer-bar .mui-tab-item.mui-active{color: #e4004d;}
  26. .loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}
  27. .loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}
  28. .go-index{float: left;width: 30%;margin-right:6%;}
  29. .go-index img{width:87px;padding-top:5px;margin-left: 15px;}
  30. .header{padding: 7px 0;height: 55px;}
  31. .search-box .mui-input-row:first-child{display: inline-block;width: 58%;}
  32. .search-box .mui-input-row:last-child{display: inline-block;width:38%;}
  33. .search-box .mui-input-row:last-child input{height: 38px !important;}
  34. .search-box .mui-input-row input{margin-bottom: 0;}
  35. .my-search{width: 60%;display: inline-block;}
  36. .mui-bar .my-search input[type=search]{margin:2px 0;padding:18px 25px;border-radius: 3px !important;}
  37. .mui-bar-nav~.mui-content {padding-top: 55px;}
  38. .wh-100{width: 70px !important;max-width:70px !important; height:100px !important;line-height:100px;margin-top: 0;overflow: hidden;}
  39. .wh-80{width: 80px !important;max-width: 80px !important; height: 80px !important;margin:5px 5px 0 5px;overflow: hidden;display: inline-block;text-align: center;}
  40. .wh-80 img{height:80px;}
  41. .wh-50 {
  42. width: 50px !important;
  43. max-width: 50px !important;
  44. height: 50px !important;
  45. line-height: 50px;
  46. border-radius: 50%;
  47. margin: 0;
  48. }
  49. .icon-r-c{color:#aaa;position:absolute;right:8px;top:50%;-webkit-transform: translateY(-50%);}
  50. .mui-icon-forward{color:#aaa;}
  51. .gwc-tit {color: #333;font-size: 18px;}
  52. .wt-space {white-space: pre-wrap !important;}
  53. .gwc-pp {color: #999;}
  54. .ft-12 {font-size: 12px;}
  55. .ft-13 {font-size: 12px;}
  56. .price-sp {color: #e4004d;font-size:20px;margin-right: 15px;}
  57. .shop-price{padding:0;text-align: left;}
  58. .shop-price s{font-size: 14px;color: #d0d0d0;}
  59. .btn-box{display: inline-block;position: absolute;right:0;bottom:12px;width:100%;text-align: left;padding-left:100px;}
  60. .my-btn-orange{background: #fff;border: 1px solid #e4004d;border-radius: 10px;color: #e4004d;margin-right: 8px;}
  61. .my-btn-orange:active{background:#ffa13d !important;}
  62. .my-btn-danger{background: #e4004d;border: 1px solid transparent;border-radius: 10px;color: #fff;padding: 6px 18px;}
  63. .my-btn-danger:active{background: #ff1b68 !important;}
  64. .mui-table-view-cell:after{left: 0;}
  65. .mui-content>.mui-table-view:first-child{margin-top: 0;}
  66. .food-tt {color: #333;padding: .5em 0;background: #fff;}
  67. .food-tt>div:first-child {float:left;width: 78%;padding: 0 .8em;}
  68. .food-tt>div:last-child {display: inline-block;width: 20%;text-align: center;position: relative;padding-top: 5px;max-width: 80px;font-size: 16px;}
  69. .del-s {font-size: 14px;color: #ccc;position: absolute;right: 5px;}
  70. .bg-f{background: #fff;}
  71. .cl-baoyou{color: #e4004d; margin-left: 10px;font-size:24px;}
  72. .food-tt>div:last-child:after {content: '';position: absolute;left: 0;top: 10%;width: 1px;height: 80%;background-color: rgba(0,0,0,.15);}
  73. #detail-slider{border-bottom: 1px solid rgba(228,0,77,.5);}
  74. #tabbar-chanpin-details{background: #fff;border: 0;height: 50px;}
  75. #tabbar-chanpin-details .mui-control-item{color:#444;font-weight: 500;border-left: 0;border-bottom: 2px solid transparent;line-height: 50px;font-size: 18px;}
  76. #tabbar-chanpin-details .mui-control-item.mui-active{color: #e4004d;border-bottom: 2px solid #e4004d;background-color: #fff;}
  77. .go-video{background: #fff3cb;padding: 10px;position: relative;}
  78. .go-video .icon-guanbi{color: #ffb72c;}
  79. .see-2wm{background: #fef6df;padding: 10px;position: relative;color: #e4004d;}
  80. .btn-see-2wm{position: absolute;right: 10px;top: 14px;color: #444;font-size: 14px;}
  81. .see-2wm .icon-guanbi{color: #e4004d;}
  82. .video-right{position: absolute;right:0;top:0;width: 52px;padding: 13px 10px 10px 30px;}
  83. .video-right img{width: 100%;}
  84. .chanpin-ditails-dic{padding: 10px;background: #fff;margin: 10px 0 65px 0;color: #444;}
  85. .chanpin-ditails-dic ul li{padding: 3px 0;}
  86. .buy-footer {position: fixed;bottom: 0;left: 0;height: 55px;background-color: #f0f0f0;width: 100%;padding: 0;display: table;text-align: center;}
  87. .buy-footer>div:first-child {display: table-cell;width: 40%;border-top: 1px solid #dd2726;vertical-align: middle;}
  88. .buy-footer>div:first-child img{width: 80px;padding-top: 3px;}
  89. .buy-footer>div:nth-of-type(2) {display: table-cell;width: 30%;background: #fc7e22;font-size: 18px;color: #fff;vertical-align: middle;}
  90. .buy-footer>div:last-child {display: table-cell;width: 30%;background: #e4004d;font-size: 18px;color: #fff;vertical-align: middle;}
  91. #gwc_list .mui-table-view-cell {padding: 15px 10px;}
  92. .gwc_null {padding: 12% 0 8% 0;text-align: center;display: none;}
  93. .shoping-tt {padding: 0 12px 60px 12px;position: relative;}
  94. .shoping-tt .left img,.shoping-tt .right img{width: 100%;}
  95. .shoping-tt .left{position: absolute;left: 0;top: 0;font-size: 0;}
  96. .shoping-tt .right{position: absolute;right: 0;top: 0;font-size: 0;}
  97. .tt-yf {position: relative;padding: .8em 12px;}
  98. .tt-yf .my-btn-danger{position: absolute;right: 12px; top:10px;}
  99. .del {position: absolute;right: 8px;bottom:16px;}
  100. .price_sp {color: #e4004d;font-size: 18px;margin-right: 10px;}
  101. .ft-24 {font-size: 28px;}
  102. .mt-7 {margin-top: .7em;}
  103. .jifen {position: absolute;left: 0;top: 0;width: 50px;height: 50px;}
  104. .jifen img {width: 100%;}
  105. .buy-footer1 {position: fixed;bottom: 0;left: 0;height: 55px;background-color: #f0f0f0;width: 100%;padding: 0;}
  106. .price{padding: 4px 0;}
  107. .price small{color: #666;}
  108. .buy-footer1:after {position: absolute;top: 0;left: 0;content: '';height: 1px;width: 100%;background-color: #f00;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
  109. .tb-clearing {width: 100%;}
  110. .tb-clearing tr td:first-child {width: 18%;text-align: center;min-width: 2.5em;}
  111. .quanxuan {position: relative;}
  112. .tb-clearing tr td:nth-of-type(2) {min-width: 2.5em;}
  113. .t-r {text-align: right !important;}
  114. .tb-clearing tr td:nth-of-type(3) {min-width: 6em;max-width: 10em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  115. .count_price_box {color: #e4004d;text-align: center;padding-top: 5px;}
  116. .tb-clearing tr:first-child td:last-child {text-align: center;}
  117. .ft-14 {font-size: 14px;}
  118. .quanxuan:after {content: '';position: absolute;width: 1px;height: 70%;background-color: #ababab;right: 0;top: 15%;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
  119. .mt-mr-che {margin:2.5em .3em 0 0;}
  120. .add_gwc{padding: 18px 25px;border-radius: 0;background-color: #e4004d !important;color: #fff;border: 0;}
  121. .add_gwc1 {padding: 18px 25px;border-radius: 0;background-color: #ababab;color: #fff;border: 0;}
  122. .add_gwc:active{color: #fff;background-color:#ff1b68;}
  123. .bd-all-1{border: 1px solid rgba(0,0,0,.1);}
  124. .gwc_null h3 {color: #c3c3c3;padding: 0 0 20px 0;font-size:20px;}
  125. .gwc_null img{width:80px;}
  126. .mui-pull {font-weight: 100;}
  127. .ml-5 {margin-left: .5em;}
  128. .shipping_address {padding: 0 1em 0 0;margin-top: .5em;line-height: 1.5;}
  129. .price_r {position: absolute;bottom: 8px;text-align: right;right: 1em;color: #666;}
  130. .line-color {background: url(../images/line-color.png) left bottom no-repeat;background-size: 100% 4px;}
  131. .line-color>a:not(.mui-btn).mui-active{background-color: transparent !important;}
  132. .more {border-bottom: .6em solid #f0f0f0;}
  133. .ipt-yhq {width: 38% !important;height: 30px !important;padding: 0 !important;margin-bottom: 0 !important;text-align: center;}
  134. .how_to_get{color: #666;float: right;padding: 4px 0;}
  135. .how_to_get .d_price{color:#e4004d;padding-left: 3px;}
  136. .how_to_get .d_price:before{content: '楼';}
  137. .cl-red{color: #e4004d !important;}
  138. .pay_weixin {text-align: center;background: #fff;padding:0;position: fixed;width: 100%;bottom: 0;}
  139. .pay_weixin>div {padding: 0 0 10px 0;}
  140. .btn-weixin-pay{margin-bottom: 0 !important;}
  141. .my-btn-green{background: #50c747;color: #fff;padding:10px 12px;font-size: 15px;border: 0;}
  142. .my-btn-green:active{background: #63fd57;color: #fff;}
  143. .clearing-count{padding: 15px;text-align: center;margin-bottom: 55px;background: #fff;border-bottom: 30px solid #efeff4;color: #666;font-size: 20px;}
  144. .fenxiao-clearing-count{padding: 10px;text-align: center;background: #fff;}
  145. .fenxiao-clearing-count>div{padding-bottom: 8px;}
  146. .price_l {position: absolute;bottom: 8px;text-align: left;}
  147. .pl-win-tt {text-align: left;text-indent: 2.5em;border-top: 1px solid rgba(0,0,0,.1);padding: 1em 0 0 0;font-size: 18px;}
  148. .pl-win-tt>div{padding:10px 0;}
  149. .pl-win-tt .sp{color: #48990e;}
  150. .pay_win_list{padding: 10px 10px 10px 2.5em;}
  151. .pay_win_list li{color: #666;padding: 3px 0;}
  152. .shopping-cart-list .mui-table-view-cell{padding: 11px 10px;}
  153. .my-order-list {padding: 10px 0 5px 0;}
  154. .my-order-list .mui-table-view-cell{padding: 5px 10px;}
  155. .my-order-list .mui-table-view-cell:after{height: 0;}
  156. .line-clamp-3{max-height: 4em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
  157. .line-clamp-2{max-height:38px;white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  158. .order-price{white-space: nowrap;text-align: right;padding-left: 4px;}
  159. .order-price:before{content: '楼';}
  160. .my-table-order{font-size: 14px;background: #fff;width: 100%;}
  161. .my-tb-order{font-size: 14px;background: #fff;width: 100%;}
  162. .my-table-order tr td:last-child{padding-right: 10px;}
  163. .icon-allorder.mui-active{color:#fa4b4f !important;border-bottom: 2px solid #F00;}
  164. .icon-allorder.mui-active>span:first-child{background:url(../images/allorder_icon.png) center bottom no-repeat;background-size: 90%;}
  165. .icon-allorder>span:first-child{background:url(../images/myorder_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 90%;position: absolute;top:2px;left: 36%;}
  166. .icon-allorder{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  167. .icon-topay.mui-active{color:#fa4b4f !important;border-bottom: 2px solid #F00;}
  168. .icon-topay.mui-active>span:first-child{background:url(../images/topay_icon.png) center bottom no-repeat;background-size: 90%;}
  169. .icon-topay>span:first-child{background:url(../images/topay_icon1.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 90%;position: absolute;top:2px;left: 36%;}
  170. .icon-topay{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  171. .my-scroll-order:after,.my-scroll-order:before{display:none;}
  172. .icon-todelivery.mui-active{color:#fa4b4f !important;border-bottom: 2px solid #F00;}
  173. .icon-todelivery.mui-active>span:first-child{background:url(../images/todelivery_icon1.png) center bottom no-repeat;background-size: 90%;}
  174. .icon-todelivery>span:first-child{background:url(../images/todelivery_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 90%;position: absolute;top:2px;left: 36%;}
  175. .icon-todelivery{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  176. .icon-delivery.mui-active{color:#fa4b4f !important;border-bottom: 2px solid #F00;}
  177. .icon-delivery.mui-active>span:first-child{background:url(../images/delivery_icon1.png) center bottom no-repeat;background-size: 100%;}
  178. .icon-delivery>span:first-child{background:url(../images/delivery_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 100%;position: absolute;top:2px;left: 36%;}
  179. .icon-delivery{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  180. .mr-5{margin-right: 5px;}
  181. .btn-zu .mui-btn{margin-right:0;}
  182. .btn-zu .mui-btn:last-child{margin-right: 8px;}
  183. .my-scroll-order{list-style: none;margin: 0;padding: 0;}
  184. .my-scroll-order>li{border-bottom:8px solid #f0f0f0;}
  185. .my-scroll-order>li:first-child{border-top:8px solid #f0f0f0;}
  186. .vip-tt {position: relative;line-height: 0;}
  187. .vip-tt>img {width: 100%;}
  188. .tx {position: absolute;left:1em;top: 50%;width:80px;height:80px;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color: #de6982;padding: 4px;}
  189. .tx>img {width: 100%;border-radius: 50%;}
  190. .nikname {position: absolute;left: 30%;width:68%;top: 50%;color: #fff;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
  191. .more_vip{}
  192. .text-center{position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);}
  193. .my-dl-tb-order{width: 100%;font-size: 14px;white-space: nowrap;}
  194. .my-dl-tb-order tr td:last-child{text-align: right;}
  195. .mui-pull-bottom-pocket, .mui-pull-top-pocket{visibility: visible;}
  196. .my-btn-link {padding-top: 6px;padding-bottom: 6px;color: #444;border: 0;background-color: transparent;}
  197. .my-btn-link2 {padding-top: 10px;padding-bottom:10px;color: #444;border: 0;background-color: transparent;position: absolute;left: 25px;}
  198. .my-btn-link:active{background-color: #fff !important;color: #444 !important;}
  199. .my-input{margin-bottom: 0 !important;background-color: #fff !important;font-size:15px;text-indent: 2.5em;}
  200. .ft-18{font-size: 18px;}
  201. .daili-2wm-box{position: absolute;width: 100%;left: 0;top:0;}
  202. .user-2wm{width: 50%;margin:30px auto;}
  203. .user-2wm img{width: 100%;}
  204. .user-2wm-dic{width: 75%;margin: 0 auto;border: 1px solid #e4004d;border-radius: 5px;padding: 10px;color: #444;background: #f0f1ec;}
  205. .btn-share-box{width: 75%;margin:20px auto;}
  206. .my-pull {
  207. font-weight: 700;
  208. position: absolute;
  209. right: 0;
  210. top: 0;
  211. left: 0;
  212. text-align: center;
  213. color: #777;
  214. padding: 20px 0 50PX 0;
  215. z-index: 100;
  216. background: #efeff4;
  217. }
  218. .my-badge-blue{color:#007aff !important;}
  219. .my-badge-green{color:#4cd964 !important;}
  220. .my-badge-red{color: #dd524d !important;}
  221. .my-badge-white{color: #fff !important;}
  222. .btn-fenxiao-weixin-pay{width: 50% !important;}
  223. .my-table-view1{padding: 0 0 0 0 !important;}
  224. .my-table-view1 .mui-table-view-cell{padding: 6px 0px !important;}
  225. #chanpin-slider .tit{color: #404040;font-size: 16px;line-height: .9;padding:0 0 2px 0;}
  226. #chanpin-slider .dic{color: #898989;font-size: 12px;padding:0 0 2px 0;}
  227. #chanpin-slider .price_box{padding: 8px 0 12px 0;}
  228. #chanpin-slider .dic-bt{color: #fff;border-radius:10px;padding: 3px 7px;font-size: 12px; background-color: #ff718f;}
  229. #chanpin-slider .mui-slider-group .mui-slider-item img {width: 45%;float: right;}
  230. .chanpin-cell{position:absolute;right:30%;top:50%;width:60%;height:130px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
  231. .chanpin-cell>div{position: relative;}
  232. .mui-slider-indicator .mui-indicator {
  233. -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
  234. box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
  235. }
  236. .mui-slider-indicator .mui-active.mui-indicator {
  237. background: #f64e78;
  238. -webkit-box-shadow: 0 0 1px 1px rgba(246,78,120,.9);
  239. box-shadow: 0 0 1px 1px rgba(246,78,120,.9);
  240. }
  241. .bg-silvery{background: #868686;}
  242. .bg-pink{background: #e1b5b1;}
  243. .bg-blue{background: #84b1d3;}
  244. .bg-champagne-gold{background:#a4906d;}
  245. .bg-rose-pink{background:#ffcbd4;}
  246. .bg-green-water-before{background:#97ecec;}
  247. .bg-green-water-after{background:#97ecec;}
  248. .bg-lavender{background:#d2c0d2;}
  249. .bg-pink-green{background:#a1d892;}
  250. .bg-pink-red{background:#eccab1;}
  251. .my-btn-gray{background: #ccc;border: 0;border-radius: 10px;color: #fff;}
  252. .mui-control-content .mui-loading{margin-top: 50px;text-align: center;}
  253. .mui-popup{position: fixed;}
  254. .wh-100 img{height: 100%;}
  255. #chanpin-slider .opacity_0{opacity: 0;}
  256. #chanpin-slider .mui-slider-group .mui-slider-item{background:#fff;}
  257. #chanpin-slider .mui-slider-item:first-child .opacity_0{opacity:1;}
  258. #banner-slider,#chanpin-slider,#jifen-daili-menu,#advs_banner{display:none;}
  259. .icon-gouwuche .mui-badge{display:none;}
  260. .my-btn-block {font-size: 18px;display: block;width: 100%;padding: 6px 12px;border-radius: 25px !important;}
  261. .title1{color:#e70444;width:75px;height:25px;padding:5px 5px;}
  262. .font_text_yahei{font-family: "Microsoft YaHei" ! important;}
  263. .juli_span{color:#666;}
  264. article, section, time, aside {display: block;}
  265. .point-time {content: "";position: absolute;width: 13px;height: 13px;top: 3px;left: 20px;background: #1c87bf;margin-left: -4px;border-radius: 50%;}
  266. .point-red {background-color: #e70444;}
  267. .content {width: 100%;margin: 10px auto;}
  268. .content article {position: relative;}
  269. .content article section {padding: 0 0 7px;position: relative;}
  270. .content article section:before {content: "";width: 1px;top: 16px;bottom: -17px;left: 22px;background: #e70444;position: absolute;}
  271. .content article section:last-child:before {bottom:0;}
  272. .content article section time {display: block;}
  273. .content article section time > span {display: block;margin-left: 45px;color:#e70444;}
  274. .content article section aside {color: #3a3a38;margin-left:45px;margin-right: 5px;}
  275. .content article section aside p{margin-bottom: 0;font-size:13px;}
  276. .content article section aside .things{color:#222;margin-top: 5px;}
  277. @media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
  278. }
  279. @media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
  280. }