shop.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. /*新增店铺首页概况*/
  2. .w-shop{
  3. margin: 0;
  4. padding: 65px 6px 6px 75px;
  5. min-width:940px
  6. }
  7. .w-shoptit{
  8. position: relative;
  9. padding: 0 0 0 90px;
  10. height: 80px;
  11. margin-bottom: 15px;}
  12. .shop-logo {
  13. position: absolute;
  14. left: 0;
  15. }
  16. .shop-logo img {
  17. width: 80px;
  18. height: 80px;
  19. }
  20. .shop-intro h2 {
  21. font-size: 16px;
  22. height: 32px;
  23. line-height: 30px;
  24. font-weight: 700;
  25. margin: 0;
  26. color: #333;
  27. }
  28. .shop-intro>p {
  29. margin-bottom: 0;
  30. line-height: 24px;
  31. font-size: 12px;
  32. color:#333
  33. }
  34. .shop-intro>p>span{
  35. margin-right:10px;color:#333
  36. }
  37. .shop-intro>p .iconfont {
  38. color: #f60;
  39. font-size: 16px;
  40. margin-right: 4px;
  41. }
  42. .shop-intro p span.not-rrdshang {
  43. color: #7f8c8d;
  44. margin-right: 10px;
  45. }
  46. .shop-intro p span.not-rrdshang i {
  47. color: #7f8c8d;
  48. }
  49. .btn-default {
  50. color: #333;
  51. background-color: #fff;
  52. border-color: #ccc !important;
  53. }
  54. .shop-shortcut {
  55. position: absolute;
  56. right: 0;
  57. bottom: 10px;
  58. }
  59. .shop-shortcut .btn-success i{color: #fff}
  60. .btn-group-sm>.btn, .btn-sm {
  61. padding: 5px 10px;
  62. font-size: 12px;
  63. line-height: 1.5;
  64. border-radius: 3px;
  65. }
  66. .btn-success {
  67. background-color: #4b0;
  68. border-color: #4b0;
  69. }
  70. .btn {
  71. outline: 0!important;
  72. }
  73. .btn-success {
  74. color: #fff;
  75. background-color: #5cb85c;
  76. border-color: #4cae4c;
  77. }
  78. .btn {
  79. display: inline-block;
  80. padding: 6px 12px;
  81. margin-bottom: 0;
  82. font-size: 12px;
  83. font-weight: 400;
  84. line-height: 1.42857143;
  85. text-align: center;
  86. white-space: nowrap;
  87. vertical-align: middle;
  88. -ms-touch-action: manipulation;
  89. touch-action: manipulation;
  90. cursor: pointer;
  91. -webkit-user-select: none;
  92. -moz-user-select: none;
  93. -ms-user-select: none;
  94. user-select: none;
  95. background-image: none;
  96. border: 1px solid transparent;
  97. border-radius: 4px;
  98. }
  99. .shop-code-btn {
  100. position: relative;
  101. }
  102. .shop-code-btn:hover .code-dov{
  103. display:block
  104. }
  105. .code-dov{
  106. width:160px;height:198px;position:absolute;right:0;top:32px; background-color: #fff; border: 1px solid rgba(0,0,0,.15);
  107. border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,.175);display:none;z-index:99
  108. }
  109. .code-dov h1{
  110. font-size: 12px;
  111. padding: 0 20px;
  112. margin: 0;
  113. line-height: 36px;
  114. text-align: left;
  115. color: #333
  116. }
  117. .code-dov img {
  118. display: inline-block;
  119. max-width: 100%;
  120. height: auto;
  121. padding: 0px;
  122. line-height: 1.42857143;
  123. background-color: #fff;
  124. border: 1px solid #ddd;
  125. border-radius: 4px;}
  126. .link-pos{
  127. text-align: center;
  128. line-height: 38px;
  129. font-size: 12px;
  130. }
  131. .link-pos a{ font-size:12px;color: #38f}
  132. .ml10 {
  133. margin-left: 10px;
  134. }
  135. .widget-mod {
  136. margin-bottom: 20px;
  137. }
  138. .widget-head {
  139. margin-bottom: 5px;
  140. line-height: 40px; padding-left: 10px;
  141. border-bottom: 1px solid #eee;}
  142. .widget-head i {
  143. margin-right: 5px;
  144. color: #F60;
  145. }
  146. .widget-body {
  147. padding: 10px;
  148. }
  149. .table>thead {
  150. background-color: #f9f9f9;
  151. }
  152. .w-pricelist{
  153. padding: 10px 10px;
  154. background: #F8F8F8;
  155. margin-bottom: 40px;
  156. text-align: center;
  157. border: 1px dotted hsl(0, 0%, 93%);
  158. }
  159. .w-pricelist>ul{
  160. list-style: none;
  161. display: -webkit-box;
  162. display: -webkit-flex;
  163. display: -moz-box;
  164. display: -ms-flexbox;
  165. display: flex;
  166. }
  167. .w-pricelist>ul>li {
  168. -webkit-box-flex: 1;
  169. -webkit-flex: 1;
  170. -moz-box-flex: 1;
  171. -ms-flex: 1;
  172. flex: 1;
  173. padding: 0 5px;
  174. }
  175. .w-pricelist li a span {
  176. color: #38f;
  177. cursor: pointer;font-size: 16px;
  178. font-weight:200;
  179. }
  180. .w-pricelist li a .unit {
  181. font-size: 18px;color: #38f; font-style: normal;
  182. }
  183. .w-pricelist li h6{
  184. color:#333
  185. }
  186. .w-searchbox{
  187. margin-bottom: 40px;overflow:hidden
  188. }
  189. .w-searchbox h1{ line-height: 40px; padding-bottom: 10px;
  190. color: #333;}
  191. .searchbox-content ul{
  192. margin-left:-2px
  193. }
  194. .searchbox-content ul li{margin:0 0 2px 2px;box-sizing: border-box;background: #F8F8F8;}
  195. .searchbox-content ul li:hover{background:#f2f2f2}
  196. .searchbox-content ul li a {
  197. display: block;
  198. font-size: 14px;
  199. color: #333333;
  200. padding: 20px;
  201. }
  202. .searchbox-content ul li span,.searchbox-content ul li i {
  203. display: inline-block;
  204. height: 20px;
  205. line-height: 20px;
  206. vertical-align: middle;
  207. }
  208. .searchbox-content ul li a i{
  209. color: #fff;
  210. background: #f15353;
  211. border-radius: 4px;
  212. width: 24px;
  213. height: 24px;
  214. line-height: 25px;
  215. text-align: center;
  216. margin-right: 10px;
  217. }
  218. .more-service-list,.searchbox-content ul{display: -webkit-box;
  219. display: -webkit-flex;
  220. display: -moz-box;
  221. display: -ms-flexbox;
  222. display: flex;
  223. }
  224. .more-service-list>li,.searchbox-content ul li{
  225. flex: 1;
  226. }
  227. .more-service-list>li>a {
  228. text-align: center;
  229. display: inline-block;
  230. opacity: 0.8;
  231. font-size: 12px;
  232. color: #333333;
  233. line-height: 12px;
  234. }
  235. .more-service-list>li>a>i{
  236. background:#f15252;width:40px;height:40px; border-radius: 4px;;color:#fff; display: inline-block; line-height: 36px; margin-bottom: 10px;
  237. }