style.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  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: #fff;-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1);box-shadow: 0 0 1px 1px rgba(0,0,0,.1);width: 10px;border-radius: 4px;}
  6. .chanpin-box.mui-grid-9{background-color: #fff;margin: 10px;width:auto;border: 0;border-radius: 3px;overflow: hidden;}
  7. .chanpin-box.mui-grid-9 .mui-table-view-cell {
  8. padding: 0;
  9. vertical-align: middle;
  10. border-right: 0;
  11. border-bottom: 0;
  12. }
  13. .chanpin-text{text-align: left;padding: 0 10px;}
  14. .chanpin-box.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding:0;}
  15. .chanpin-box .mui-col-xs-6{display: inline-block;}
  16. .chanpin-box .bg-blue{background: #a8ebf7 !important;line-height: 0;}
  17. .chanpin-box .bg-black{background: #c9c9c9 !important;line-height: 0;}
  18. .chanpin-box .bg-green{background: #eefcc8 !important;line-height: 0;}
  19. .chanpin-box .bg-red{background: #55c0dc !important;line-height: 0;}
  20. .chanpin-box .cl-blue{color:#60c1de;}
  21. .chanpin-box .cl-black{color:#525251;}
  22. .chanpin-box .cl-green{color:#97b500;}
  23. .chanpin-box .cl-red{color:#55c0dc;}
  24. .price1{font-size:1.5em;color: #fff;}
  25. .price2{font-size:12px;color: #898989;margin-left:1em;}
  26. .price1:before{content: '楼';font-size:20px;margin-right: 5px;}
  27. .my-btn-red{width: 90px;padding:5px 10px;line-height: 1.42 !important;background:#55c0dc;color: #fff;border: 0;border-radius: 5px;}
  28. .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;}
  29. .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:#55c0dc;}
  30. .my-table-view {background-color:transparent;padding: 0 10px 0 0 !important;}
  31. .my-table-view .mui-table-view-cell{padding: 5px 0 0 14px !important;}
  32. .my-table-view:before{height: 0;}
  33. .my-table-view:after{height: 0;}
  34. .my-content-padded{overflow: hidden;}
  35. .my-content-padded img{width: 100%;border-radius: 5px;}
  36. .iconfont .mui-badge {font-size: 10px;line-height: 1.3;position: absolute;top:-3px;right: 28%;padding: 1px 5px;color: #fff;background:#55c0dc;}
  37. .mui-bar-tab~.mui-content{padding-bottom: 50px !important;}
  38. #footer-bar{background-color: #fff;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.45);box-shadow: 0 0 1px rgba(0,0,0,0.45)}
  39. #footer-bar .mui-tab-label{font-size: 12px;}
  40. /*#footer-bar .mui-tab-item{vertical-align: bottom;color:#a6c8ce;}*/
  41. #footer-bar .mui-tab-item{vertical-align: bottom;color:#d5d5d5;}
  42. #footer-bar .mui-tab-item.mui-active{color: #55c0dc;}
  43. /*#footer-bar .mui-tab-item.mui-active{color: #24cae9;}*/
  44. #footer-bar .mui-tab-item.mui-active .icon-home:before{content: "\e668";}
  45. #footer-bar .mui-tab-item.mui-active .icon-gouwuche:before{content: "\e66a";}
  46. #footer-bar .mui-tab-item.mui-active .icon-dingdan:before{content: "\e664";}
  47. #footer-bar .mui-tab-item.mui-active .icon-vip:before{content: "\e669";}
  48. .loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}
  49. .loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}
  50. .go-index{float: left;width: 32%;margin-right:1%;}
  51. .go-index img{width: 85%;padding-top: 8px;margin-left: 12px;max-height: 42px;max-width: 135px;}
  52. .header{padding: 7px 0;height: 55px;background: #fff;box-shadow:0 0 0 #fff;}
  53. .marquee-show{position: fixed;top: 0;left: 0;background: rgba(255,255,255,.7);z-index: 99;white-space: nowrap;height: 40px;line-height: 40px;padding: 0 10px;color: #55c0dc;width:100%;}
  54. .marquee-show div{position: fixed;top: 0;left: 0;;height: 40px;line-height: 40px;width:100%;background: url(http://static.iamberry.com/watero/images/shop/marquee.png) center center /100% auto no-repeat;}
  55. .marquee_cart{padding: 8px 10px;
  56. background: #fff;
  57. color: #55c0dc;
  58. border-top: 1px solid rgba(0,0,0,.1);}
  59. .search-box .mui-input-row:first-child{display: inline-block;width: 58%;}
  60. .search-box .mui-input-row:last-child{display: inline-block;width:37%;}
  61. .search-box .mui-input-row:last-child input{height: 39px !important;}
  62. .search-box .mui-input-row input{margin-bottom: 0;}
  63. .my-search{width: 50%;display: inline-block;padding-top: 3px;}
  64. .my-search.mui-active{color: #55c0dc;}
  65. .mui-bar .my-search input[type=search]{margin:2px 0;padding:16px 25px;border-radius: 25px !important;background-color: #f1f1f1;color: #000;}
  66. .my-search .mui-placeholder .mui-icon-search{margin-left:0;margin-right:0;color: #55c0dc;}
  67. .my-search .mui-placeholder{text-align: right;}
  68. .box-list-card{display: inline-block;width: 14%;float: right;padding:10px 0;color: #55c0dc;text-align: center;}
  69. .mui-bar-nav~.mui-content {padding-top: 55px;}
  70. .wh-100{width:100px !important;max-width:100px !important; height:100px !important;line-height:100px;margin-top: 0;overflow: hidden;}
  71. .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;}
  72. .wh-80 img{height:80px;}
  73. .wh-50 {width: 50px !important;max-width: 50px !important;height: 50px !important;line-height: 50px;border-radius: 50%;margin: 0;}
  74. .icon-r-c{color:#aaa;position:absolute;right:8px;top:50%;-webkit-transform: translateY(-50%);}
  75. .mui-icon-forward{color:#aaa;}
  76. .gwc-tit {color: #333;font-size: 15px;}
  77. .wt-space {white-space: pre-wrap !important;}
  78. .gwc-pp {color: #999;}
  79. .ft-12 {font-size: 12px;}
  80. .ft-13 {font-size: 12px;}
  81. .price-sp {color: #e06974;font-size:16px;margin-right: 15px;}
  82. .shop-price{padding:0;text-align: left;}
  83. .shop-price s{font-size: 12px;color: #d0d0d0;}
  84. .tab-with-chanpin-list {background: #fff;border: 0;margin-top: 55px;z-index: 10;}
  85. .tab-with-chanpin-list .mui-control-item {
  86. line-height: 1;
  87. height: 50px;
  88. vertical-align: bottom;
  89. border: 0;
  90. border-bottom: 2px solid transparent;
  91. color: #bfbfbf;
  92. background-color: transparent !important;
  93. padding-bottom: 3px;
  94. position: relative;
  95. }
  96. .tab-with-chanpin-list .iconfont{
  97. min-width: 25px;
  98. min-height: 25px;
  99. position: absolute;
  100. top: 2px;
  101. left: 50%;
  102. -webkit-transform: translateX(-50%);
  103. transform: translateX(-50%);
  104. }
  105. .tab-with-chanpin-list .mui-control-item.mui-active {
  106. background-color: transparent !important;
  107. border-bottom: 2px solid #55c0dc !important;
  108. color: #55c0dc;
  109. }
  110. .btn-box{display: inline-block;position: absolute;right:0;bottom:12px;width:100%;text-align: left;padding-left:120px;}
  111. #pullrefresh_chanpin_list .mui-grid-view .btn-box{position: relative;bottom: auto;right: auto; padding-left: 0;}
  112. .my-btn-orange{background: #fff;border: 1px solid #55c0dc;border-radius:4px;color: #55c0dc;}
  113. .my-btn-orange:active{background:#ffa13d !important;}
  114. #pullrefresh_chanpin_list .my-btn-danger{width: 55%;}
  115. .my-btn-danger{background: #55c0dc;border: 1px solid transparent;border-radius: 4px;color: #fff;padding: 6px 18px;margin-right: 8px;}
  116. #pullrefresh_chanpin_list .mui-grid-view .my-btn-danger{margin-right: 0;width: 70%;margin-bottom: 15px;}
  117. .my-btn-danger:active{background: #236d89 !important;}
  118. .my-btn-joincart{border:1px solid #55c0dc;color: #55c0dc;padding-left: 5px;padding-right:4px;font-size: 22px;}
  119. #pullrefresh_chanpin_list .mui-grid-view .my-btn-joincart{float: right;margin-right: 4%;}
  120. .mui-table-view-cell:after{left: 0;}
  121. .mui-content>.mui-table-view:first-child{margin-top: 0;}
  122. .food-tt {color: #333;padding: .5em 0;background: #fff;}
  123. .food-tt>div:first-child {float:left;width: 78%;padding: 0 .8em;}
  124. .food-tt>div:last-child {display: inline-block;width: 20%;text-align: center;position: relative;padding-top: 5px;max-width: 80px;font-size: 16px;}
  125. .del-s {font-size: 12px;color: #ccc;position: absolute;right: 5px;}
  126. .bg-f{background: #fff;}
  127. .cl-baoyou{color: #55c0dc; margin-left: 10px;font-size:24px;}
  128. .food-tt>div:last-child:after {content: '';position: absolute;left: 0;top: 10%;width: 1px;height: 80%;background-color: rgba(0,0,0,.15);}
  129. #tabbar-chanpin-details{background: #fff;border: 0;height: 50px;}
  130. #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;}
  131. #tabbar-chanpin-details .mui-control-item.mui-active{color: #55c0dc;border-bottom: 2px solid #55c0dc;background-color: #fff;}
  132. .go-video{background: #fff3cb;padding: 10px;position: relative;}
  133. .go-video .icon-guanbi{color: #ffb72c;}
  134. .see-2wm{background: #fef6df;padding: 10px;position: relative;color:#55c0dc;}
  135. .btn-see-2wm{position: absolute;right: 10px;top: 14px;color: #444;font-size: 14px;}
  136. .see-2wm .icon-guanbi{color:#55c0dc;}
  137. .video-right{position: absolute;right:0;top:0;width: 52px;padding: 13px 10px 10px 30px;}
  138. .video-right img{width: 100%;}
  139. .chanpin-ditails-dic{padding: 10px;background: #fff;margin: 10px 0 65px 0;color: #444;}
  140. .chanpin-ditails-dic ul li{padding: 3px 0;}
  141. .buy-footer {position: fixed;bottom: 0;left: 0;height: 55px;background-color: #fff;width: 100%;padding: 0;display: table;text-align: center;}
  142. .buy-footer>div:first-child {display: table-cell;width: 40%;border-top: 1px solid #55c0dc;vertical-align: middle;}
  143. .buy-footer>div:first-child img{width: 55%;padding-top: 3px;}
  144. .buy-footer>div:nth-of-type(2) {display: table-cell;width: 30%;background: #a6c8ce;font-size: 18px;color: #fff;vertical-align: middle;}
  145. .buy-footer>div:last-child {display: table-cell;width: 30%;background: #55c0dc;font-size: 18px;color: #fff;vertical-align: middle;}
  146. #gwc_list .mui-table-view-cell {padding: 15px 10px;}
  147. .gwc_null {padding: 22% 0 8% 0;text-align: center;display: none;}
  148. .btn-blue-double{border: 1px solid #63ccde;color: #63ccde;background: #fff;border-radius: 25px;margin: 0 5px;padding: 7px 16px;}
  149. .btn-blue-double:active{color: #63ccde !important;background: #fff !important;}
  150. .shoping-tt {padding: 0 12px 60px 12px;position: relative;}
  151. .shoping-tt .left img,.shoping-tt .right img{width: 100%;}
  152. .shoping-tt .left{position: absolute;left: 0;top: 0;font-size: 0;}
  153. .shoping-tt .right{position: absolute;right: 0;top: 0;font-size: 0;}
  154. .tt-yf {position: relative;padding: .8em 12px;}
  155. .tt-yf .my-btn-danger{position: absolute;right: 12px; top:6px;}
  156. .del {position: absolute;right: 8px;bottom:16px;}
  157. .price_sp {color:#eb4e45;font-size: 16px;margin-right: 10px;}
  158. .shopping-cart-list .mui-numbox{border-radius: 25px;}
  159. .ft-24 {font-size: 28px;}
  160. .mt-7 {margin-top: .7em;}
  161. .jifen {position: absolute;left: 0;top: 0;width: 50px;height: 50px;}
  162. .jifen img {width: 100%;}
  163. .buy-footer1 {position: fixed;bottom: 0;left: 0;height: 50px;background-color: #fff;width: 100%;padding: 0;}
  164. .price{padding: 4px 0;}
  165. .price small{color: #666;float: right;}
  166. .buy-footer1:after {position: absolute;top: 0;left: 0;content: '';height: 1px;width: 100%;background-color: #55c0dc;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
  167. .tb-clearing {width: 100%;background-color: #fff;border-top: 1px solid rgba(0,0,0,.1);}
  168. .tb-clearing tr td:first-child {width: 22%;text-align: center;min-width: 3.5em;}
  169. .quanxuan {position: relative;}
  170. .tb-clearing tr td:nth-of-type(2) {width: 50%;}
  171. .t-r {text-align: right !important;}
  172. .tb-clearing tr td:nth-of-type(3) {min-width: 6em;max-width: 10em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  173. .count_price_box {color: #eb4e45;text-align: center;}
  174. .tb-clearing tr:first-child td:last-child {text-align: center;}
  175. .ft-14 {font-size: 14px;}
  176. .quanxuan:after {content: '';position: absolute;width: 1px;height: 70%;background-color: #ababab;right: 0;top: 15%;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
  177. .mt-mr-che {margin:2.5em .3em 0 0;}
  178. .add_gwc{padding: 18px 25px;border-radius: 0;background-color:#55c0dc !important;color: #fff;border: 0;}
  179. .add_gwc1 {padding: 18px 25px;border-radius: 0;background-color: #ababab;color: #fff;border: 0;}
  180. .add_gwc:active{color: #fff;background-color:#55c0dc;}
  181. #pullrefresh_chanpin_list .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {margin-right: -115px;}
  182. #pullrefresh_chanpin_list .mui-table-view .mui-media-object.mui-pull-left {margin-right: 5px;}
  183. #pullrefresh_chanpin_list .shop-price {padding:0;text-align: left;}
  184. #pullrefresh_chanpin_list .mui-grid-view .shop-price {padding:0;}
  185. .bd-all-1{border: 1px solid rgba(0,0,0,.1);}
  186. .gwc_null h3 {color: #c3c3c3;padding: 0 0 20px 0;font-size:20px;}
  187. .gwc_null img{width:80px;}
  188. .mui-pull {font-weight: 100;font-size: 12px;}
  189. .ml-5 {margin-left: .5em;}
  190. .shipping_address {padding: 0 1em 0 0;margin-top: .5em;line-height: 1.5;}
  191. .price_r {position: absolute;bottom: 8px;text-align: right;right: 1em;color: #666;}
  192. .line-color {background: url(http://static.iamberry.com/watero/images/shop/line-color.png) left bottom no-repeat;background-size: 100% 4px;}
  193. .line-color>a:not(.mui-btn).mui-active{background-color: transparent !important;}
  194. .more {border-bottom: .6em solid #f0f0f0;}
  195. .ipt-yhq {width: 38% !important;height: 30px !important;padding: 0 !important;margin-bottom: 0 !important;text-align: center;}
  196. .how_to_get{color: #666;float: right;padding: 4px 0;}
  197. .how_to_get .d_price{color:#55c0dc;padding-left: 3px;}
  198. .how_to_get .d_price:before{content: '妤�';}
  199. .cl-red{color: #e06974 !important;}
  200. .pay_weixin {text-align: center;background: #fff;padding:0;position: fixed;width: 100%;bottom: 0;}
  201. .pay_weixin>div {padding: 0 0 10px 0;}
  202. .btn-weixin-pay{margin-bottom: 0 !important;}
  203. .my-btn-green{background: #50c747;color: #fff;padding:10px 12px;font-size: 15px;border: 0;}
  204. .my-btn-green:active{background: #63fd57;color: #fff;}
  205. .clearing-count{padding: 15px;text-align: center;margin-bottom: 55px;background: #fff;border-bottom: 30px solid #efeff4;color: #666;font-size: 20px;}
  206. .fenxiao-clearing-count{padding: 10px;text-align: center;background: #fff;}
  207. .fenxiao-clearing-count>div{padding-bottom: 8px;}
  208. .price_l {position: absolute;bottom: 8px;text-align: left;}
  209. .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;}
  210. .pl-win-tt>div{padding:10px 0;}
  211. .pl-win-tt .sp{color: #48990e;}
  212. .pay_win_list{padding: 10px 10px 10px 2.5em;}
  213. .pay_win_list li{color: #666;padding: 3px 0;}
  214. .shopping-cart-list .mui-table-view-cell{padding: 11px 12px;}
  215. .shopping-cart-list .mui-table-view-cell.mui-active{background: #fff;}
  216. .mui-table-view-cell.mui-active>.mui-slider-handle{background: #fff;}
  217. .my-order-list {padding: 10px 0 5px 0;}
  218. .my-order-list .mui-table-view-cell{padding: 5px 10px;}
  219. .my-order-list .mui-table-view-cell:after{height: 0;}
  220. .line-clamp-3{max-height: 4em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
  221. .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;}
  222. .order-price{white-space: nowrap;text-align: right;padding-left: 4px;}
  223. .order-price:before{content: '妤�';}
  224. .my-table-order{font-size: 14px;background: #fff;width: 100%;}
  225. .my-tb-order{font-size: 14px;background: #fff;width: 100%;}
  226. .my-table-order tr td:last-child{padding-right: 10px;width: 120px;}
  227. .table-middle {
  228. vertical-align: middle;
  229. }
  230. .clearing-box {
  231. margin: 14px;
  232. }
  233. .status-list li{font-size: 12px;color: #666;padding: 5px 15px;}
  234. .icon-allorder{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  235. .icon-allorder.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
  236. .icon-allorder>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:15px;left: 15%;}
  237. .icon-topay.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
  238. .icon-topay>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:15px;left: 32%;}
  239. .icon-topay{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  240. .my-scroll-order:after,.my-scroll-order:before{display:none;}
  241. .icon-todelivery.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
  242. .icon-todelivery>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:15px;left: 32%;}
  243. .icon-todelivery{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  244. .icon-delivery.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
  245. .icon-delivery>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:15px;left: 32%;}
  246. .icon-delivery{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
  247. .mr-5{margin-right: 5px;}
  248. .btn-zu .mui-btn{margin-right:0;}
  249. .btn-zu .mui-btn:last-child{margin-right: 8px;}
  250. .my-scroll-order{list-style: none;margin: 0;padding: 0;}
  251. .my-scroll-order>li{border-bottom:8px solid #f0f0f0;}
  252. .my-scroll-order>li:first-child{border-top:8px solid #f0f0f0;}
  253. .vip-tt {position: relative;line-height: 0;}
  254. .vip-tt>img {width: 100%;}
  255. .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:#55c0dc;padding: 4px;}
  256. .tx>img {width: 100%;border-radius: 50%;}
  257. .nikname {position: absolute;left: 30%;width:68%;top: 50%;color: #fff;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
  258. .more_vip{}
  259. .text-center{position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);}
  260. .my-dl-tb-order{width: 100%;font-size: 14px;white-space: nowrap;}
  261. .my-dl-tb-order tr td:last-child{text-align: right;}
  262. .mui-pull-bottom-pocket, .mui-pull-top-pocket{visibility: visible;}
  263. .my-btn-link {padding-top: 6px;padding-bottom: 6px;color: #444;border: 0;background-color: transparent;}
  264. .my-btn-link2 {padding-top: 10px;padding-bottom:10px;color: #444;border: 0;background-color: transparent;position: absolute;left: 25px;}
  265. .my-btn-link:active{background-color: #fff !important;color: #444 !important;}
  266. .my-input{margin-bottom: 0 !important;background-color: #fff !important;font-size:15px;text-indent: 2.5em;}
  267. .ft-18{font-size: 18px;}
  268. .daili-2wm-box{position: absolute;width: 100%;left: 0;top:0;}
  269. .user-2wm{width: 50%;margin:30px auto;}
  270. .user-2wm img{width: 100%;}
  271. .user-2wm-dic{width: 75%;margin: 0 auto;border: 1px solid #55c0dc;border-radius: 5px;padding: 10px;color: #444;background: #f0f1ec;}
  272. .btn-share-box{width: 75%;margin:20px auto;}
  273. .my-pull {
  274. font-weight: 700;
  275. position: absolute;
  276. right: 0;
  277. top: 0;
  278. left: 0;
  279. text-align: center;
  280. color: #777;
  281. padding: 20px 0 50PX 0;
  282. z-index: 100;
  283. background: #efeff4;
  284. }
  285. .my-badge-blue{color:#007aff !important;}
  286. .my-badge-green{color:#4cd964 !important;}
  287. .my-badge-red{color: #55c0dc !important;}
  288. .my-badge-white{color: #fff !important;}
  289. .btn-fenxiao-weixin-pay{width: 50% !important;}
  290. .my-table-view1{padding: 0 0 0 0 !important;}
  291. .my-table-view1 .mui-table-view-cell{padding: 6px 0px !important;}
  292. #chanpin-slider .tit{color: #404040;font-size: 16px;line-height: .9;padding:0 0 2px 0;}
  293. #chanpin-slider .dic{color: #898989;font-size: 12px;padding:0 0 2px 0;}
  294. #chanpin-slider .price_box{padding: 8px 0 12px 0;}
  295. #chanpin-slider .dic-bt{color: #fff;border-radius:10px;padding: 3px 7px;font-size: 12px; background-color:#55c0dc;}
  296. #chanpin-slider .mui-slider-group .mui-slider-item img {width: 45%;float: right;}
  297. .chanpin-cell{position:absolute;right:30%;top:50%;width:60%;height:130px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
  298. .chanpin-cell>div{position: relative;}
  299. .mui-slider-indicator .mui-indicator {
  300. -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1);
  301. box-shadow: 0 0 0 0 rgba(0,0,0,.1);
  302. width: 8px;
  303. border-radius: 8px;
  304. height: 8px;
  305. background: #e1e1e1;
  306. }
  307. .mui-slider-indicator .mui-active.mui-indicator {
  308. background: #63ccde;
  309. -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  310. box-shadow: 0 0 0 0 rgba(0,0,0,0);
  311. }
  312. .swiper-container-horizontal>.swiper-pagination-bullets{bottom: -15px;}
  313. .swiper-pagination-bullet-active{background: #db3f53;}
  314. .index-title{padding: 7px 12px 7px 12px;display: block;position: relative;}
  315. .index-title strong{font-size: 17px;}
  316. .index-title .mui-pull-right{color: #999;}
  317. .index-title font{display: inline-block;-webkit-transform: translateY(-1px);transform: translateY(-1px);}
  318. .pro-list .mui-media-object{background: #f2f2f2;border-radius: 5px;display: block;}
  319. .pro-list:before,.pro-list:after{display: none;}
  320. .pro-list.mui-table-view.mui-grid-view>li:nth-child(odd) {padding: 10px 8px 0 14px;}
  321. .pro-list.mui-table-view.mui-grid-view>li:nth-child(even) {padding: 10px 0 0 22px;}
  322. .pro-list h6{margin: 7px 0;color: #bbb;}
  323. .pro-list .pro-price{font-size: 14px;margin-top: 8px;}
  324. .pro-list .pro-price span{color: #db3f53;}
  325. .pro-list .pro-price s{color: #bbb;margin-left: 15px;}
  326. .my-btn-gray{background: #ccc;border: 0;border-radius: 10px;color: #fff;}
  327. .mui-control-content .mui-loading{margin-top: 50px;text-align: center;}
  328. .mui-popup{position: fixed;}
  329. .wh-100 img{height: 100%;}
  330. #chanpin-slider .opacity_0{opacity: 0;}
  331. #chanpin-slider .mui-slider-group .mui-slider-item{background:#fff;}
  332. #chanpin-slider .mui-slider-item:first-child .opacity_0{opacity:1;}
  333. #banner-slider,#chanpin-slider,#jifen-daili-menu,#advs_banner{display:none;}
  334. .icon-gouwuche .mui-badge{display:none;}
  335. .my-btn-block {font-size: 18px;display: block;width: 100%;padding: 6px 12px;border-radius: 4px !important;}
  336. .title1{color:#55c0dc;width:75px;height:25px;padding:5px 5px;}
  337. .font_text_yahei{font-family: "Microsoft YaHei" ! important;}
  338. .juli_span{color:#666;}
  339. article, section, time, aside {display: block;}
  340. .point-time {content: "";position: absolute;width: 13px;height: 13px;top: 3px;left: 20px;background: #1c87bf;margin-left: -4px;border-radius: 50%;}
  341. .point-red {background-color: #55c0dc;}
  342. .content {width: 100%;margin: 10px auto;}
  343. .content article {position: relative;}
  344. .content article section {padding: 0 0 7px;position: relative;}
  345. .content article section:before {content: "";width: 1px;top: 16px;bottom: -17px;left: 22px;background: #55c0dc;position: absolute;}
  346. .content article section:last-child:before {bottom:0;}
  347. .content article section time {display: block;}
  348. .content article section time > span {display: block;margin-left: 45px;color:#55c0dc;}
  349. .content article section aside {color: #3a3a38;margin-left:45px;margin-right: 5px;}
  350. .content article section aside p{margin-bottom: 0;font-size:13px;}
  351. .content article section aside .things{color:#222;margin-top: 5px;}
  352. .mui-pull-bottom-pocket .mui-pull-caption{font-size: 12px;}
  353. #pullrefresh_order_list .mui-table-view:before{left: 15px;right: 15px;}
  354. .address-cantainner{margin:14px 14px 0 14px;background-color: #f3f3f3;text-align: center;}
  355. .address-cantainner .mui-table-view-cell{background-color: #f3f3f3;border-radius: 5px;padding: 11px 8px;}
  356. .address-cantainner .mui-table-view-cell.mui-active{background-color: #f3f3f3;}
  357. .address-cantainner .mui-table{max-height: 80px;min-height: 42px;}
  358. .address-cantainner .add-address{height: 20px;position: relative;width: 150px; margin: 0 auto;}
  359. .address-cantainner .icon-jia{position: absolute;left:0%;top: 0;font-size: 20px;}
  360. .address-cantainner p{font-size: 12px;padding-top: 7px;}
  361. .icon-dingwei{color: #f16071;}
  362. .btn-add-address{height: 20px;line-height: 20px; position: relative;width: 110px; margin: 0 auto;text-align: right;color: #666;}
  363. .btn-add-address .icon-jia{position: absolute;left:12%;top: 0;font-size: 25px;}
  364. .my-grid-view-no:after,.my-grid-view-no:before,.my-grid-view-no .mui-table-view-cell:after{display: none;}
  365. @media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
  366. }
  367. @media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
  368. }