goods.css 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734
  1. /*=========index-top========*/
  2. .sidebar-back {
  3. animation: sidebar-body-back .2s 1 ease 0;
  4. -webkit-animation: sidebar-body-back .2s 1 ease 0;
  5. left: 0;
  6. }
  7. /*弹出菜单*/
  8. .top_bar {
  9. float: right;
  10. display: block;
  11. width: 80px;
  12. margin-right: 10px;
  13. height: 40px;
  14. background: none
  15. }
  16. .show_cart {
  17. float: right;
  18. width: 40px;
  19. height: 40px;
  20. padding-top: 5px;
  21. position: relative;
  22. background-position: 0 -75px;
  23. background-size: auto 150px;
  24. }
  25. .goods_nav {
  26. width: 30%;
  27. float: right;
  28. right: 5px;
  29. overflow: hidden;
  30. position: fixed;
  31. margin-top: 25px;
  32. z-index: 100
  33. }
  34. .global-nav__nav-shop-cart-num {
  35. position: absolute;
  36. left: 50%;
  37. top: 3px;
  38. color: #fff;
  39. text-align: center;
  40. font-weight: normal;
  41. font-size: 12px;
  42. font-family: 宋体;
  43. width: 16px;
  44. height: 16px;
  45. line-height: 16px;
  46. }
  47. /*商品*/
  48. /*banner*/
  49. #banner {
  50. width: 100%;
  51. position: relative;
  52. }
  53. #banner img {
  54. width: 100%;
  55. }
  56. #banner .slide-main {
  57. position: relative;
  58. }
  59. .flex-control-nav {
  60. display: block;
  61. width: 100%;
  62. position: absolute;
  63. z-index: 124;
  64. bottom: 0;
  65. left: 0;
  66. text-align: center;
  67. margin: 0;
  68. padding: 0;
  69. }
  70. .flex-control-nav li {
  71. display: inline-block;
  72. }
  73. .flex-control-nav a {
  74. display: inline-block;
  75. width: 10px;
  76. height: 10px;
  77. margin: 5px;
  78. background: #fff;
  79. -moz-opacity: 0.6;
  80. filter: alpha(opacity=60);
  81. text-indent: 55px;
  82. overflow: hidden;
  83. -webkit-border-radius: 50%;
  84. -moz-border-radius: 50%;
  85. border-radius: 50%;
  86. }
  87. .flex-control-nav .flex-active {
  88. background: #62C5DA;
  89. }
  90. .flex-direction-nav {
  91. display: none;
  92. }
  93. /*banner*/
  94. .product_info {
  95. margin-bottom: 10px;
  96. padding: 8px;
  97. background: #fff;
  98. }
  99. .product_info .info_dottm {}
  100. .info_dottm .name {
  101. font-size: 16px;
  102. line-height: 25px;
  103. font-weight: normal
  104. }
  105. .info_dottm .right {
  106. width: 18%;
  107. float: left;
  108. height: 50px;
  109. font-size: 16px;
  110. color: #333;
  111. border-left: 1px solid #e2dfdf;
  112. margin-left: -1px;
  113. text-align: center
  114. }
  115. .info_dottm .right .share {
  116. width: 40px;
  117. height: 50px;
  118. margin: auto;
  119. background: url(../images/pub_goods.png) no-repeat;
  120. background-size: auto 350px;
  121. background-position: 0 -150px;
  122. }
  123. .goods_price {
  124. padding-top: 10px;
  125. }
  126. .goods_price span {
  127. font-size: 24px;
  128. line-height: 30px;
  129. color: #dd2726;
  130. }
  131. .goods_price em {
  132. display: block;
  133. float: left;
  134. margin-left: 8px;
  135. padding-left: 5px;
  136. padding-right: 5px;
  137. height: 12px;
  138. font-size: 10px;
  139. color: #FFF;
  140. text-align: center;
  141. line-height: 12px;
  142. margin-top: 6px;
  143. background: #dd0303;
  144. padding-top: 4px;
  145. padding-bottom: 3px;
  146. }
  147. .goods_price strong {
  148. display: block;
  149. margin-left: 8px;
  150. height: 30px;
  151. float: left;
  152. font-size: 12px;
  153. line-height: 30px;
  154. color: #F00;
  155. font-weight: normal;
  156. }
  157. .goods_price del {
  158. margin-left: 8px;
  159. text-decoration: line-through;
  160. font-size: 12px;
  161. line-height: 30px;
  162. color: #999;
  163. }
  164. .goods_price p {
  165. text-indent: 10px;
  166. float: left;
  167. font-size: 12px;
  168. line-height: 30px;
  169. color: #999;
  170. }
  171. .goods_price dd font {
  172. display: block;
  173. float: left;
  174. text-decoration: line-through;
  175. font-size: 12px;
  176. line-height: 30px;
  177. color: #999;
  178. }
  179. .goods_price dd p {
  180. text-indent: 10px;
  181. float: left;
  182. font-size: 12px;
  183. line-height: 30px;
  184. color: #999;
  185. }
  186. .price_dottm {
  187. width: 95%;
  188. height: 30px;
  189. margin: auto
  190. }
  191. .price_dottm li {
  192. width: 50%;
  193. float: left;
  194. height: 30px;
  195. font-size: 13px;
  196. line-height: 30px;
  197. text-align: left;
  198. color: #666
  199. }
  200. /*优惠活动*/
  201. .huodong {
  202. background: #F2F2F2;
  203. width: 100%;
  204. overflow: hidden
  205. }
  206. .huodong .subNav {
  207. margin-right: 10px;
  208. }
  209. .att_title {
  210. width: 100%;
  211. height: 40px;
  212. border-bottom: 1px solid #eee;
  213. border-top: 1px solid #eeeeee
  214. }
  215. .att_title span {
  216. margin-top: 8px;
  217. margin-left: 12px;
  218. float: left;
  219. font-size: 12px;
  220. line-height: 23px;
  221. color: #fff;
  222. width: 23px;
  223. height: 23px;
  224. background: #dd0303;
  225. border-radius: 50%;
  226. text-align: center;
  227. }
  228. .att_title p {
  229. height: 30px;
  230. padding-left: 10px;
  231. float: left;
  232. font-size: 14px;
  233. line-height: 40px;
  234. color: #666;
  235. }
  236. .youhui_list1 a {
  237. font-size: 14px;
  238. color: #666;
  239. text-align: left;
  240. }
  241. .youhui_list1 {
  242. overflow: hidden;
  243. margin-top: 10px;
  244. }
  245. .youhui_list1 li {
  246. width: 50%;
  247. float: left;
  248. font-size: 14px;
  249. line-height: 30px;
  250. color: #666;
  251. }
  252. .youhui_list1 li img {
  253. display: inline-block;
  254. width: 22px;
  255. height: 22px;
  256. margin-right: 7px;
  257. margin-left: 12px;
  258. }
  259. /*属性弹出下拉菜单css*/
  260. .navContent {
  261. display: none;
  262. }
  263. .ui-sx {
  264. width: 100%;
  265. overflow: hidden;
  266. }
  267. .subNavBox {
  268. overflow: hidden;
  269. margin-left: 10px;
  270. padding-bottom: 0px;
  271. margin-right: 10px;
  272. }
  273. .subNav {
  274. background: url(../images/arrow_down_off.png) no-repeat right center;
  275. background-size: auto 13px;
  276. }
  277. .subNav.on {
  278. background: url(../images/arrow_down_on.png) no-repeat right center;
  279. background-size: auto 14px;
  280. }
  281. .subNav strong {
  282. display: block;
  283. width: 100%;
  284. height: 40px;
  285. border-bottom: 1px solid #eeeeee;
  286. color: #666;
  287. font-weight: normal;
  288. font-size: 16px;
  289. line-height: 40px;
  290. }
  291. .currentDt {
  292. background-image: url(../images/jiantou2.png) no-repeat 97% center;
  293. background-size: auto 13px;
  294. }
  295. .navContent li {
  296. overflow: hidden;
  297. width: 100%;
  298. }
  299. .navContent li .title {
  300. width: 100%;
  301. font-size: 16px;
  302. line-height: 30px;
  303. color: #666;
  304. margin-top: 5px;
  305. }
  306. .navContent li .item {
  307. overflow: hidden;
  308. border-bottom: 1px solid #eeeeee;
  309. padding-bottom: 5px;
  310. }
  311. .navContent li .item a {
  312. padding-left: 10px;
  313. padding-right: 10px;
  314. border: 1px solid #CCC;
  315. line-height: 30px;
  316. display: inline-block;
  317. -moz-border-radius: 4px;
  318. -webkit-border-radius: 4px;
  319. border-radius: 4px;
  320. margin-right: 5px;
  321. margin-bottom: 10px;
  322. }
  323. .navContent li .item a.hover {
  324. background: #dd2726;
  325. color: #FFF;
  326. border: 1px solid #dd2726;
  327. -moz-border-radius: 5px;
  328. -webkit-border-radius: 5px;
  329. border-radius: 5px;
  330. }
  331. .navContent li .purchase {
  332. font-size: 14px;
  333. line-height: 25px;
  334. color: #666;
  335. }
  336. .navContent li .purchase_v {
  337. font-size: 16px;
  338. line-height: 25px;
  339. color: #dd2724;
  340. font-weight: bold
  341. }
  342. .navContent li h2 {
  343. font-size: 18px;
  344. line-height: 30px;
  345. color: #333;
  346. font-weight: normal
  347. }
  348. .navContent li p {
  349. width: 95%;
  350. overflow: hidden;
  351. height: 25px;
  352. line-height: 25px;
  353. margin: auto
  354. }
  355. .navContent li .key {
  356. display: block;
  357. float: left;
  358. width: 30%;
  359. font-size: 14px;
  360. color: #666;
  361. text-align: right;
  362. }
  363. .navContent li .p-price-v {
  364. display: block;
  365. width: 70%;
  366. float: left;
  367. font-size: 16px;
  368. color: #dd2724;
  369. }
  370. .navContent li .title1 {
  371. width: 100%;
  372. font-size: 16px;
  373. height: 20px;
  374. line-height: 20px;
  375. color: #666;
  376. padding-top: 10px
  377. }
  378. .navContent li .item1 {
  379. width: 100%;
  380. height: 50px;
  381. overflow: hidden;
  382. padding-bottom: 5px;
  383. }
  384. .navContent li .item1 a {
  385. padding-left: 10px;
  386. padding-right: 10px;
  387. border: 1px solid #CCC;
  388. line-height: 30px;
  389. display: inline-block;
  390. -moz-border-radius: 4px;
  391. -webkit-border-radius: 4px;
  392. border-radius: 4px;
  393. margin-right: 5px;
  394. margin-bottom: 10px;
  395. }
  396. .navContent li .item1 a.hover {
  397. background: #dd2726;
  398. color: #FFF;
  399. border: 0;
  400. -moz-border-radius: 5px;
  401. -webkit-border-radius: 5px;
  402. border-radius: 5px;
  403. }
  404. .navContent li .item1 .ui-number {
  405. border: 1px solid #ddd9da;
  406. overflow: hidden;
  407. height: 30px;
  408. display: block;
  409. width: 100px;
  410. margin-top: 10px;
  411. }
  412. .navContent li .item1 .ui-number .decrease {
  413. display: inline-block;
  414. background: none;
  415. font-size: 24px;
  416. line-height: 30px;
  417. border: 0;
  418. width: 30px;
  419. float: left;
  420. height: 30px;
  421. color: #F8849C;
  422. border-right: 1px solid #ddd9da;
  423. text-indent: -9999px;
  424. background: url(../images/shop-cart.png) no-repeat 6px -25px;
  425. background-size: 60px
  426. }
  427. .navContent li .item1 .ui-number .num {
  428. display: inline-block;
  429. border: 0;
  430. width: 40px;
  431. height: 30px;
  432. float: left;
  433. text-align: center;
  434. font-size: 12px;
  435. line-height: 30px;
  436. color: #666;
  437. font-size: 20px;
  438. text-align: center
  439. }
  440. .navContent li .item1 .ui-number .increase {
  441. display: inline-block;
  442. background: none;
  443. border: 0;
  444. border-left: 1px solid #ddd9da;
  445. float: left;
  446. width: 30px;
  447. height: 30px;
  448. font-size: 24px;
  449. line-height: 30px;
  450. color: #F8849C;
  451. background: url(../images/shop-cart.png) no-repeat -23px -25px;
  452. background-size: 60px;
  453. text-indent: -9999px
  454. }
  455. /*看了又看*/
  456. .scroll_best {
  457. text-align: center;
  458. margin: 0px 8px;
  459. }
  460. .scroll_best .hd {
  461. height: 20px;
  462. overflow: hidden;
  463. font-size: 0;
  464. position: absolute;
  465. width: 100%;
  466. }
  467. .scroll_best .hd ul {
  468. display: inline-block;
  469. padding-top: 5px;
  470. }
  471. .scroll_best .hd li {
  472. display: inline-block;
  473. width: 10px;
  474. height: 10px;
  475. background: #C5C1C0;
  476. margin: 0 4px;
  477. vertical-align: top;
  478. overflow: hidden;
  479. -webkit-border-radius: 8px;
  480. -moz-border-radius: 6px;
  481. border-radius: 6px;
  482. }
  483. .scroll_best .hd .on {
  484. background: #D6505B;
  485. }
  486. .index_floor {
  487. /*width: 100%;*/
  488. overflow: hidden;
  489. margin-bottom: 20px;
  490. background: #FFF;
  491. }
  492. .index_floor h2 {
  493. height: 35px;
  494. line-height: 37px;
  495. background: #ffffff;
  496. position: relative;
  497. font-size: 16px;
  498. font-family: "微软雅黑";
  499. font-weight: normal;
  500. text-indent: 15px;
  501. color: #535353;
  502. }
  503. .index_floor h2 span {
  504. height: 17px;
  505. width: 3px;
  506. background: #f23015;
  507. position: absolute;
  508. display: block;
  509. margin-top: 10px;
  510. margin-left: 6px;
  511. }
  512. .bd {
  513. width: 100%;
  514. overflow: hidden
  515. }
  516. .bd ul {
  517. width: 100%;
  518. overflow: hidden
  519. }
  520. .bd ul li {
  521. width: 33.3%;
  522. float: left;
  523. text-align: center;
  524. margin-bottom: 10px;
  525. }
  526. .bd ul li a {
  527. display: block;
  528. width: 90%;
  529. overflow: hidden;
  530. margin: auto;
  531. }
  532. .bd ul li a .products_kuang {
  533. overflow: hidden;
  534. }
  535. .bd ul li a .products_kuang img {
  536. display: block;
  537. width: 100%;
  538. }
  539. .goods_name {
  540. width: 100%;
  541. font-size: 12px;
  542. color: #585858;
  543. height: 30px;
  544. line-height: 30px;
  545. overflow: hidden;
  546. border-bottom: 1px solid #D7D7D7;
  547. text-align: left;
  548. }
  549. .bd ul li .price {
  550. height: 30px;
  551. width: 100%;
  552. position: relative;
  553. margin-top: 6px;
  554. }
  555. .bd ul li .price p {
  556. text-align: left;
  557. width: 90%;
  558. height: 30px;
  559. font-size: 14px;
  560. color: #666;
  561. line-height: 30px;
  562. }
  563. .bd ul li .price .car {
  564. display: block;
  565. right: 10px;
  566. height: 27px;
  567. width: 27px;
  568. background: #f23;
  569. position: absolute;
  570. -webkit-border-radius: 50%;
  571. -moz-border-radius: 50%;
  572. border-radius: 50%;
  573. top: 0;
  574. }
  575. .bd ul li .price .car img {
  576. display: block;
  577. margin: auto;
  578. width: 25px;
  579. height: 25px;
  580. }
  581. /*详情*/
  582. .xiangq {
  583. padding: 10px;
  584. }
  585. .product_desc {
  586. padding: 5px;
  587. margin-top: 47px;
  588. }
  589. .product_desc img {
  590. width: 100% !important;
  591. height: auto !important
  592. }
  593. /*评价*/
  594. .comment_list {
  595. width: 100%;
  596. overflow: hidden;
  597. margin-top: 50px;
  598. }
  599. .score {
  600. padding-bottom: 20px;
  601. text-align: center;
  602. font-size: 16px;
  603. line-height: 50px;
  604. color: #666;
  605. margin-top: 30px;
  606. }
  607. .comment_list li {
  608. width: 100%;
  609. overflow: hidden;
  610. padding-top: 10px;
  611. padding-bottom: 10px;
  612. }
  613. .content_head {
  614. width: 90%;
  615. overflow: hidden;
  616. margin: auto;
  617. padding-left: 8px;
  618. padding-right: 8px;
  619. padding-bottom: 10px;
  620. }
  621. .comment_item .content_head .info {
  622. overflow: hidden;
  623. width: 100%
  624. }
  625. .comment_item .content_head .info .name {
  626. display: inline-block;
  627. float: left;
  628. font-size: 18px;
  629. color: #666;
  630. line-height: 30px;
  631. }
  632. .comment_item .content_head .info .name em {
  633. display: inline-block;
  634. margin-left: 8px
  635. }
  636. .comment_item .content_head .info .name em img {
  637. height: 12px;
  638. }
  639. .content_head .two {
  640. float: right;
  641. overflow: hidden;
  642. font-size: 14px;
  643. line-height: 30px;
  644. color: #999;
  645. text-indent: 10px;
  646. }
  647. .comment_item .content_head .star_box {
  648. display: inline-block;
  649. width: 100%;
  650. overflow: hidden;
  651. height: 30px;
  652. }
  653. .comment_item .content_head .star_box span {
  654. display: inline-block;
  655. float: left;
  656. font-size: 14px;
  657. line-height: 35px;
  658. color: #999;
  659. }
  660. .comment_item .content_head .star_box em {
  661. display: inline-block;
  662. width: 100px;
  663. top: 0px
  664. }
  665. .comment_item .content_head .star_box em img {
  666. display: block;
  667. width: 100px;
  668. }
  669. .comment_item .content_head p {
  670. font-size: 14px;
  671. line-height: 150%;
  672. color: #999
  673. }
  674. .comment_item .content_head .huifu {
  675. margin-top: 20px;
  676. }
  677. .comment_item .content_head .huifu h3 {
  678. font-size: 14px;
  679. line-height: 150%;
  680. color: #F60;
  681. font-weight: normal
  682. }
  683. .comment_item .content_head .huifu p {
  684. color: #F60;
  685. }
  686. .comment_page {
  687. width: 90%;
  688. text-align: center;
  689. margin: auto;
  690. margin-top: 10px;
  691. }
  692. .comment_page a {
  693. display: inline-block;
  694. padding-left: 10px;
  695. padding-right: 10px;
  696. line-height: 25px;
  697. color: #666;
  698. font-size: 12px;
  699. border: 1px solid #ccc;
  700. -webkit-border-radius: 8%;
  701. -moz-border-radius: 8%;
  702. border-radius: 8%;
  703. }
  704. .summary {
  705. width: 100%;
  706. height: 100px;
  707. font-size: 16px;
  708. line-height: 100px;
  709. color: #666;
  710. text-align: center;
  711. margin-top: 50px;
  712. }
  713. /*晒单*/
  714. .shaidan {
  715. width: 100%;
  716. overflow: hidden;
  717. }
  718. .shaidan h3 {
  719. width: 100%;
  720. height: 30px;
  721. color: #333;
  722. font-size: 16px;
  723. line-height: 30px;
  724. font-weight: normal
  725. }
  726. .shaidan h4 {
  727. width: 100%;
  728. height: 20px;
  729. color: #666;
  730. font-size: 14px;
  731. line-height: 20px;
  732. font-weight: normal
  733. }
  734. .shaidan p {
  735. width: 100%;
  736. overflow: hidden;
  737. color: #999;
  738. font-size: 14px;
  739. line-height: 150%;
  740. }
  741. .sd_img {
  742. width: 100%;
  743. overflow: hidden
  744. }
  745. .sd_img dl {
  746. width: 100%;
  747. overflow: hidden
  748. }
  749. .sd_img dl dd {
  750. float: left;
  751. width: 50px;
  752. height: 50px;
  753. margin: 5px;
  754. }
  755. .sd_img dl dd img {
  756. width: 50px;
  757. height: 50px;
  758. }
  759. /*底部导航*/
  760. .bian {
  761. border-right: 1px solid #eeeeee;
  762. margin-left: -1px;
  763. }
  764. .footer_nav {
  765. width: 100%;
  766. height: 50px;
  767. position: fixed;
  768. z-index: 100;
  769. bottom: 0;
  770. background: #fff;
  771. max-width: 640px;
  772. min-width: 320px;
  773. }
  774. .footer_nav .input-number {
  775. width: 40%;
  776. float: left;
  777. height: 50px;
  778. padding-top: 10px;
  779. text-align: center;
  780. border-top: 1px solid #DD2726;
  781. }
  782. .footer_nav ul li {
  783. width: 33%;
  784. float: left;
  785. height: 50px;
  786. }
  787. .footer_nav ul li span {
  788. display: block;
  789. width: 100%;
  790. height: 30px;
  791. text-align: center;
  792. font-size: 12px;
  793. color: #666;
  794. line-height: 20px;
  795. }
  796. .footer_nav ul li em {
  797. display: block;
  798. width: 30px;
  799. height: 25px;
  800. margin: auto;
  801. background: url(../images/pub_goods.png) no-repeat;
  802. background-size: auto 280px;
  803. }
  804. .footer_nav ul li .goods_nav1 {
  805. background-position: 0 -190px;
  806. }
  807. .footer_nav ul li .goods_nav2 {
  808. background-position: 0 -220px;
  809. }
  810. .footer_nav ul li .goods_nav3 {
  811. background-position: 0 -252px;
  812. }
  813. .footer_nav dl {
  814. width: 60%;
  815. float: left;
  816. height: 50px;
  817. }
  818. .footer_nav dl dd {
  819. width: 50%;
  820. float: left;
  821. height: 51px;
  822. text-align: center;
  823. /*margin-top: -1px;*/
  824. }
  825. .footer_nav dl dd a {
  826. font-size: 18px;
  827. line-height: 51px;
  828. color: #FFF;
  829. display: block;
  830. }
  831. .footer_nav dl .flow {
  832. background: #2ac0ed;
  833. }
  834. .footer_nav dl .goumai {
  835. background: #dd2726
  836. }
  837. /*加减号*/
  838. .xm-input-number {
  839. display: inline-block;
  840. vertical-align: middle;
  841. border: 1px solid #ddd9da;
  842. border-radius: 5px;
  843. }
  844. .xm-input-number .input-add {
  845. display: inline-block;
  846. width: 25px;
  847. height: 25px;
  848. position: relative;
  849. vertical-align: middle;
  850. background-color: #fafafa;
  851. background: url(../images/shop-cart.png) no-repeat -41px -96px;
  852. background-size: 60px;
  853. }
  854. .xm-input-number .input-sub {
  855. display: inline-block;
  856. width: 25px;
  857. height: 25px;
  858. position: relative;
  859. vertical-align: middle;
  860. background-color: #eee;
  861. background: url(../images/shop-cart.png) no-repeat 6px -55px;
  862. background-size: 60px
  863. }
  864. .xm-input-number .input-num {
  865. vertical-align: middle;
  866. display: inline-block;
  867. width: 30px;
  868. height: 25px;
  869. line-height: 25px;
  870. text-align: center;
  871. border-right: #ddd9da 1px solid;
  872. border-left: 1px solid #ddd9da;
  873. border-top: none;
  874. border-bottom: none;
  875. font-size: 18px;
  876. color: #424242;
  877. -webkit-appearance: none;
  878. border-radius: 0;
  879. -webkit-box-flex: 1;
  880. -webkit-flex: 1;
  881. flex: 1;
  882. }
  883. .xm-input-number .input-num span {
  884. font-size: 1.6em;
  885. color: #51555a
  886. }
  887. .xm-input-number .input-add.active {
  888. background-color: #fafafa;
  889. background: url(../images/shop-cart.png) no-repeat -26px -27px;
  890. background-size: 60px
  891. }
  892. .xm-input-number .input-sub.active {
  893. background-color: #fafafa;
  894. background: url(../images/shop-cart.png) no-repeat 6px -27px;
  895. background-size: 60px
  896. }
  897. /*商家入住店铺信息*/
  898. .rzs_info {
  899. width: 100%;
  900. margin-top: 10px;
  901. overflow: hidden;
  902. background: #FFF;
  903. padding-top: 10px;
  904. padding-bottom: 10px;
  905. }
  906. .rzs_info dl {
  907. width: 95%;
  908. margin: auto;
  909. overflow: hidden
  910. }
  911. .rzs_info dl dt {
  912. width: 50px;
  913. float: left;
  914. height: 50px;
  915. overflow: hidden;
  916. }
  917. .rzs_info dl dt div {
  918. height: 48px;
  919. width: 48px;
  920. background-position: center center;
  921. background-size: 48px;
  922. background-repeat: no-repeat;
  923. background-color: #fff;
  924. }
  925. .rzs_info dl dd {
  926. width: 80%;
  927. float: left;
  928. }
  929. .rzs_info dl dd strong {
  930. display: block;
  931. width: 100%;
  932. font-size: 14px;
  933. line-height: 30px;
  934. color: #999;
  935. text-indent: 10px;
  936. font-weight: normal
  937. }
  938. .rzs_info dl dd em {
  939. display: block;
  940. width: 100%;
  941. font-size: 14px;
  942. line-height: 20px;
  943. color: #999;
  944. font-style: normal;
  945. text-indent: 10px;
  946. }
  947. .rzs_info ul {
  948. width: 95%;
  949. margin: auto;
  950. overflow: hidden;
  951. }
  952. .rzs_info ul li {
  953. width: 33.3%;
  954. float: left;
  955. height: 40px;
  956. text-align: center;
  957. margin: 0px;
  958. padding: 0px;
  959. }
  960. .rzs_info ul li span {
  961. display: inline-block;
  962. font-size: 12px;
  963. line-height: 40px;
  964. color: #999;
  965. }
  966. .rzs_info ul li strong {
  967. display: inline-block;
  968. font-size: 12px;
  969. line-height: 40px;
  970. color: #DD2726;
  971. font-weight: normal;
  972. }
  973. .rzs_info ul li em {
  974. display: inline-block;
  975. width: 13px;
  976. height: 13px;
  977. font-size: 10px;
  978. line-height: 14px;
  979. color: #fff;
  980. border-radius: 2px;
  981. background: #DD2726;
  982. text-align: center;
  983. margin-left: 3px;
  984. }
  985. .rzs_img {
  986. width: 100%;
  987. overflow: hidden
  988. }
  989. .rzs_img img {
  990. width: 100% !important;
  991. height: auto !important
  992. }
  993. .s_dianpu {
  994. width: 100%;
  995. margin-top: 5px;
  996. overflow: hidden
  997. }
  998. .s_dianpu span {
  999. display: block;
  1000. float: left;
  1001. width: 50%;
  1002. height: 50px;
  1003. }
  1004. .s_dianpu span a {
  1005. display: block;
  1006. width: 90%;
  1007. height: 40px;
  1008. border: 1px solid #a0a0a0;
  1009. border-radius: 3px;
  1010. font-size: 14px;
  1011. line-height: 40px;
  1012. text-align: center;
  1013. line-height: 40px;
  1014. position: relative;
  1015. color: #333
  1016. }
  1017. .bg1 {
  1018. display: block;
  1019. width: 25px;
  1020. height: 25px;
  1021. position: absolute;
  1022. background: url(../images/rzs.png) no-repeat;
  1023. background-size: auto 50px;
  1024. background-position: 0 0;
  1025. margin-top: 5px;
  1026. left: 15%;
  1027. }
  1028. .bg2 {
  1029. display: block;
  1030. width: 25px;
  1031. height: 25px;
  1032. position: absolute;
  1033. background: url(../images/rzs.png) no-repeat;
  1034. background-size: auto 50px;
  1035. background-position: 0 -25px;
  1036. margin-top: 6px;
  1037. left: 15%;
  1038. }
  1039. /*自提点css*/
  1040. .ziti {
  1041. width: 100%;
  1042. margin-top: 10px;
  1043. border: 1px solid #000
  1044. }
  1045. /*优惠套餐*/
  1046. .index_taocan {
  1047. width: 100%;
  1048. overflow: hidden;
  1049. margin-bottom: 20px;
  1050. }
  1051. .index_taocan h2 {
  1052. height: 35px;
  1053. line-height: 37px;
  1054. background: #ffffff;
  1055. position: relative;
  1056. font-size: 16px;
  1057. font-family: "微软雅黑";
  1058. font-weight: normal;
  1059. text-indent: 15px;
  1060. color: #535353;
  1061. background: url(../images/arrow_down_off.png) no-repeat right center;
  1062. background-size: auto 14px;
  1063. margin-right: 10px;
  1064. }
  1065. .index_taocan h2 span {
  1066. height: 17px;
  1067. width: 3px;
  1068. background: #f23015;
  1069. position: absolute;
  1070. display: block;
  1071. margin-top: 10px;
  1072. margin-left: 6px;
  1073. }
  1074. .tc_goods {
  1075. width: 95%;
  1076. margin: auto;
  1077. overflow: hidden;
  1078. }
  1079. .t_goods {
  1080. width: 30%;
  1081. float: left;
  1082. overflow: hidden;
  1083. }
  1084. .t_goods dt {
  1085. width: 100%;
  1086. overflow: hidden
  1087. }
  1088. .t_goods dt img {
  1089. display: block;
  1090. height: 90px;
  1091. margin: auto
  1092. }
  1093. .t_goods dd {
  1094. text-align: center;
  1095. line-height: 200%;
  1096. font-size: 14px;
  1097. color: #666
  1098. }
  1099. .jia {
  1100. width: 5%;
  1101. float: left;
  1102. }
  1103. .jia img {
  1104. display: block;
  1105. width: 80%;
  1106. margin: auto;
  1107. margin-top: 40px;
  1108. }
  1109. /*优惠套餐详情goods_taocan.dwt*/
  1110. .Packages {
  1111. width: 100%;
  1112. overflow: hidden;
  1113. margin-top: 20px;
  1114. border-bottom: 1px solid #eeeeee;
  1115. }
  1116. .Packages h2 {
  1117. height: 35px;
  1118. line-height: 37px;
  1119. background: #ffffff;
  1120. position: relative;
  1121. font-size: 16px;
  1122. font-family: "微软雅黑";
  1123. font-weight: normal;
  1124. text-indent: 15px;
  1125. color: #535353;
  1126. }
  1127. .Packages h2 span {
  1128. height: 17px;
  1129. width: 3px;
  1130. background: #f23015;
  1131. position: absolute;
  1132. display: block;
  1133. margin-top: 10px;
  1134. margin-left: 6px;
  1135. }
  1136. .Packages dl {
  1137. width: 90%;
  1138. margin: auto;
  1139. overflow: hidden;
  1140. border-bottom: 1px solid #eeeeee;
  1141. padding-top: 10px;
  1142. padding-bottom: 10px;
  1143. }
  1144. .Packages dl dt {
  1145. width: 25%;
  1146. float: left
  1147. }
  1148. .Packages dl dt img {
  1149. width: 100%;
  1150. border: 1px solid #eeeeee
  1151. }
  1152. .Packages dl dd {
  1153. width: 75%;
  1154. float: left
  1155. }
  1156. .Packages dl dd p {
  1157. width: 98%;
  1158. float: right;
  1159. font-size: 14px;
  1160. line-height: 150%;
  1161. color: #333;
  1162. }
  1163. .Packages dl dd span {
  1164. width: 98%;
  1165. float: right;
  1166. font-size: 14px;
  1167. line-height: 30px;
  1168. color: #999;
  1169. }
  1170. .Packages dl dd span font {
  1171. float: left;
  1172. font-size: 18px;
  1173. line-height: 30px;
  1174. color: #F30;
  1175. margin-right: 10px;
  1176. }
  1177. .buypack {
  1178. width: 90%;
  1179. margin: auto;
  1180. overflow: hidden;
  1181. padding-top: 5px;
  1182. padding-bottom: 10px;
  1183. }
  1184. .buypack dl {
  1185. width: 100%;
  1186. overflow: hidden
  1187. }
  1188. .buypack dl dt {
  1189. width: 100%;
  1190. overflow: hidden
  1191. }
  1192. .buypack dl dt span {
  1193. display: block;
  1194. float: left;
  1195. height: 20px;
  1196. font-size: 14px;
  1197. line-height: 20px;
  1198. margin-right: 10px;
  1199. }
  1200. .f_pack1 {
  1201. color: #333
  1202. }
  1203. .f_pack {
  1204. color: #F60
  1205. }
  1206. .f_yuan {
  1207. color: #999;
  1208. text-decoration: line-through;
  1209. }
  1210. .buypack dl dd {
  1211. width: 100%;
  1212. overflow: hidden
  1213. }
  1214. .buypack dl dd strong {
  1215. display: inline-block;
  1216. padding-left: 10px;
  1217. padding-right: 10px;
  1218. border: 1px solid #F30;
  1219. height: 25px;
  1220. font-size: 12px;
  1221. text-align: center;
  1222. line-height: 25px;
  1223. color: #F30;
  1224. font-weight: normal;
  1225. margin-top: 10px;
  1226. border-radius: 3px;
  1227. }
  1228. .btn_pack:hover {
  1229. color: #FFF;
  1230. }
  1231. .btn_pack {
  1232. display: block;
  1233. width: 100%;
  1234. margin-top: 20px;
  1235. background: #F30;
  1236. font-size: 14px;
  1237. line-height: 40px;
  1238. text-align: center;
  1239. color: #FFF;
  1240. height: 40px;
  1241. margin-bottom: 10px;
  1242. }
  1243. .btn_pack:active {
  1244. color: #FFF;
  1245. }
  1246. /*详情页面配送方式和门店自提*/
  1247. .shipping {
  1248. line-height: 25px;
  1249. }
  1250. .list-entry-extra {
  1251. border-bottom: 1px solid #e1e1e1;
  1252. border-width: 0 0 1px 0;
  1253. background-size: auto 13px;
  1254. position: relative;
  1255. margin-left: 10px;
  1256. margin-right: 10px;
  1257. padding-bottom: 10px;
  1258. }
  1259. .list-entry-extra .row01 {
  1260. padding-top: 14px;
  1261. position: relative;
  1262. display: -webkit-box;
  1263. display: -moz-box;
  1264. display: box;
  1265. width: 100%;
  1266. }
  1267. .list-entry-extra .row01 .col01 {
  1268. font-weight: normal;
  1269. font-size: 16px;
  1270. color: #666;
  1271. width: 50px;
  1272. display: block;
  1273. }
  1274. .list-entry-extra .row01 .col01,
  1275. .list-entry-extra .row01 .col02 {
  1276. vertical-align: top;
  1277. }
  1278. .address01 {
  1279. padding-bottom: 5px;
  1280. }
  1281. .address01 {
  1282. position: relative;
  1283. }
  1284. .address01 span {
  1285. font-size: 14px;
  1286. display: inline-block;
  1287. margin-right: 10px;
  1288. }
  1289. .icon-location {
  1290. display: inline-block;
  1291. width: 13px;
  1292. height: 16px;
  1293. background: url('../images/detail-sprites.png') no-repeat center center;
  1294. background-size: 11px 16px;
  1295. }
  1296. .icon {
  1297. display: inline-block;
  1298. vertical-align: middle;
  1299. font-style: normal;
  1300. }
  1301. .row01col03 {
  1302. color: #f58a8a;
  1303. font-size: 14px;
  1304. line-height: 15px;
  1305. padding-bottom: 5px;
  1306. padding-right: 20px;
  1307. }
  1308. /*代码增加_star PC功能同步_自提点*/
  1309. .fo-con .ct-list li.shipping_type {
  1310. padding: 15px 0px;
  1311. }
  1312. .fo-con .ct-list li.shipping_type p {
  1313. padding: 0px 10px
  1314. }
  1315. .con-ct .ct-list li.J_store p.ziti {
  1316. width: auto;
  1317. height: auto;
  1318. margin: 10px 0px 0px;
  1319. border-top: #d9d9d9 solid 1px
  1320. }
  1321. .con-ct .ct-list li.J_store p.ziti span.zitidian {
  1322. display: block;
  1323. width: auto;
  1324. height: 40px;
  1325. line-height: 40px;
  1326. color: #FF0000;
  1327. }
  1328. .con-ct .ct-list li.J_store p.ziti .revise {
  1329. display: block;
  1330. width: auto;
  1331. color: #000;
  1332. height: 30px;
  1333. line-height: 30px;
  1334. }
  1335. .con-ct .ct-list li.J_store p.ziti .revise span {
  1336. display: block;
  1337. text-align: left;
  1338. width: 80%;
  1339. float: left
  1340. }
  1341. .con-ct .ct-list li.J_store p.ziti .revise font {
  1342. display: block;
  1343. color: #FF0000;
  1344. width: 20%;
  1345. text-align: right;
  1346. float: right;
  1347. }
  1348. .pop {
  1349. padding: 15px 10px
  1350. }
  1351. .pop .pop_head {
  1352. background: #F7F7F7;
  1353. height: 40px;
  1354. line-height: 40px;
  1355. text-indent: 10px;
  1356. font-size: 14px;
  1357. border-bottom: #D9D9D9 1px solid;
  1358. border-top-right-radius: 3px;
  1359. border-top-left-radius: 3px;
  1360. }
  1361. .pop .pop_body {
  1362. background: #ffffff;
  1363. width: 100%;
  1364. }
  1365. .pop .pop_body table {}
  1366. .pop .pop_body table.choose_ziti td {
  1367. padding: 10px 0px;
  1368. border-bottom: #D9D9D9 1px solid;
  1369. text-indent: 10px;
  1370. }
  1371. .pop .pop_body table td p.no_ziti {
  1372. height: 50px;
  1373. line-height: 50px;
  1374. text-align: center
  1375. }
  1376. .pop .pop_body table.choose_ziti td.you_ziti {
  1377. text-indent: 0
  1378. }
  1379. .pop .pop_body table td a.ziti_list {
  1380. position: relative;
  1381. display: inline-block;
  1382. width: 95%;
  1383. text-align: left;
  1384. }
  1385. .pop .pop_body table td a.ziti_list p {
  1386. height: 20px;
  1387. line-height: 20px
  1388. }
  1389. .pop .pop_body table td a.ziti_list p.ziti_name {
  1390. height: 25px;
  1391. line-height: 25px
  1392. }
  1393. .pop .pop_body table td a.ziti_list .i-icon-arrow-right {
  1394. position: absolute;
  1395. top: 50%;
  1396. left: 95%;
  1397. margin-top: -10px
  1398. }
  1399. .pop .pop_body table td a.ziti_list p.ziti_name span {
  1400. font-size: 14px;
  1401. color: #666
  1402. }
  1403. #pickup_point {
  1404. color: #ff3300
  1405. }
  1406. #pickup_point .pickup-location {
  1407. vertical-align: middle;
  1408. font-style: normal;
  1409. display: inline-block;
  1410. width: 13px;
  1411. height: 16px;
  1412. margin-left: 5px;
  1413. background: url('../images/detail-sprites.png') no-repeat center center;
  1414. background-size: 11px 16px;
  1415. }
  1416. .sidebar-content1 {
  1417. display: none;
  1418. position: fixed!important;
  1419. top: 0px;
  1420. left: 40%;
  1421. width: 60%;
  1422. height: 100%;
  1423. overflow: scroll;
  1424. z-index: 100;
  1425. background: #666;
  1426. opacity: 0.95;
  1427. padding: 0px;
  1428. overflow: hidden;
  1429. }
  1430. #pickup_point_list {
  1431. width: 100%;
  1432. height: 100%;
  1433. }
  1434. #pickup_point_list .no_ziti {
  1435. width: 90%;
  1436. height: 95%;
  1437. padding: 5%;
  1438. text-align: center;
  1439. color: #fff;
  1440. font-size: 14px
  1441. }
  1442. #pickup_point_list ul {
  1443. width: 90%;
  1444. height: 95%;
  1445. padding: 5%;
  1446. overflow-y: scroll
  1447. }
  1448. #pickup_point_list ul li {
  1449. margin-bottom: 15px;
  1450. color: #fff
  1451. }
  1452. #pickup_point_list ul li p {
  1453. font-size: 14px;
  1454. line-height: 20px;
  1455. }
  1456. #pickup_point_list ul li p.shop_name {
  1457. font-size: 14px;
  1458. border-bottom: 1px #a6a6a6 solid;
  1459. line-height: 30px;
  1460. margin-bottom: 5px;
  1461. }
  1462. #BgDiv {
  1463. background-color: #e3e3e3;
  1464. position: absolute;
  1465. z-index: 100;
  1466. left: 0;
  1467. top: 0;
  1468. display: none;
  1469. width: 100%;
  1470. height: 100%;
  1471. opacity: 0.7;
  1472. filter: alpha(opacity=70);
  1473. -moz-opacity: 0.7;
  1474. }
  1475. .row01col04 {
  1476. font-size: 14px;
  1477. color: #000;
  1478. }
  1479. #treelist_dummy {
  1480. height: 14px;
  1481. line-height: 14px;
  1482. width: 200px;
  1483. border: none;
  1484. background: url(../images/icojiantou1.png) no-repeat right 4px;
  1485. background-size: auto 13px;
  1486. padding-top: 5px;
  1487. padding-bottom: 5px;
  1488. }
  1489. .blank10 {
  1490. height: 10px;
  1491. line-height: 10px;
  1492. clear: both
  1493. }
  1494. .user_price {
  1495. border-bottom: 1px solid #eeeeee;
  1496. padding-bottom: 5px;
  1497. padding-top: 5px;
  1498. }
  1499. .user_price p {
  1500. margin-left: 0px;
  1501. padding-left: 0px;
  1502. width: 100%!important;
  1503. }