style_jm.css 22 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147
  1. .clearfix:after {
  2. content: ".";
  3. display: block;
  4. height: 0;
  5. clear: both;
  6. visibility: hidden;
  7. }
  8. *html .clearfix {
  9. height: 1%;
  10. }
  11. *+html .clearfix {
  12. height: 1%;
  13. }
  14. .blank10 {
  15. height: 18px;
  16. line-height: 18px;
  17. clear: both;
  18. visibility: hidden;
  19. background: #fff;
  20. }
  21. .block_jm {
  22. width: 100%;
  23. background: #F9F9F9;
  24. height: auto;
  25. }
  26. .flowBox_jm {
  27. width: 990px;
  28. border: 1px solid #ddd;
  29. background: #fff;
  30. margin:0 auto
  31. }
  32. .flowBox_jm a {
  33. color: #666;
  34. text-decoration: none;
  35. }
  36. .flowBox_jm a:hover {
  37. text-decoration: underline;
  38. }
  39. .flowHot {
  40. width: 100%;
  41. background: #fff;
  42. overflow: hidden;
  43. }
  44. .flowHot ul {
  45. padding: 30px 0px;
  46. display: none;
  47. }
  48. .flowHot ul.curr {
  49. display: block;
  50. }
  51. .flowHot ul li {
  52. float: left;
  53. width: 160px;
  54. margin: 20px 0 0 31px;
  55. position: relative;
  56. }
  57. .flowHot ul li a {
  58. text-decoration: none;
  59. color: #555;
  60. }
  61. .flowHot ul li a:hover {
  62. text-decoration: underline;
  63. color: #ff3300;
  64. }
  65. .flowHot ul li p {
  66. padding-bottom: 15px
  67. }
  68. .flowHot ul li p.pic {
  69. text-align: center;
  70. }
  71. .flowHot ul li p.pic img {
  72. width: 150px;
  73. height: 150px;
  74. border: none;
  75. }
  76. .flowHot ul li p.price{
  77. padding-bottom:0px;
  78. }
  79. .flowHot ul li a.j_AddCart{
  80. position: absolute;
  81. bottom: 13px;
  82. right: 0px;
  83. width: 40px;
  84. height: 40px;
  85. background: transparent url("../images/add_to_cart.png") no-repeat scroll 0px 3px;
  86. cursor: pointer;
  87. }
  88. .flowHot ul li p .price {
  89. font-family: "Microsoft YaHei", 微软雅黑;
  90. color: #e31939;
  91. font-size: 17px;
  92. }
  93. .flowHot ul li p.name {
  94. height: 36px;
  95. overflow:hidden;
  96. padding-bottom:0px;
  97. margin-bottom:5px
  98. }
  99. .flowHot ul li p.btn68{text-align:center}
  100. .flowHot ul li p.btn68 a{background:#e31939;color:#fff;padding:5px 10px; text-decoration:none}
  101. .title_jm {
  102. background: #f1f1f1;
  103. height: 32px;
  104. line-height: 32px;
  105. }
  106. .title_jm table tr td {
  107. }
  108. .title_jm ul {
  109. margin: 1px 0 0 40px;
  110. }
  111. .title_jm ul li {
  112. float: left;
  113. margin-right: 20px;
  114. height: 30px;
  115. line-height: 30px;
  116. padding: 0 20px;
  117. color: #666;
  118. cursor: pointer;
  119. }
  120. .title_jm ul li.curr {
  121. background: #fff;
  122. border: 1px solid #ddd;
  123. border-bottom: 1px solid #fff;
  124. color: #e31939;
  125. }
  126. .thumb_name {
  127. float: left;
  128. width: 100%;
  129. }
  130. .thumb_name dl {
  131. float: left;
  132. margin: 13px 10px 13px 30px;
  133. }
  134. .thumb_name dl dt {
  135. float: left;
  136. width: 80px;
  137. text-align: center;
  138. }
  139. .thumb_name dl dt img {
  140. width: 60px;
  141. height: 60px;
  142. }
  143. .thumb_name dl dd {
  144. float: left;
  145. width: 245px;
  146. text-align: left;
  147. font-size: 14px;
  148. }
  149. .thumb_name dl dd span {
  150. float: left;
  151. display: inline;
  152. margin-top: 3px;
  153. width: 36px;
  154. height: 21px;
  155. line-height: 21px;
  156. text-align: center;
  157. background: url(../images/bg_cart_fitting.gif) no-repeat 0 0;
  158. margin-right: 10px;
  159. color: #fff;
  160. }
  161. .thumb_name dl dd .fpack {
  162. font-size: 14px;
  163. }
  164. .thumb_name dl dd .attrname {
  165. color: #bbb;
  166. }
  167. .thumb_name dl dd .package {
  168. float: left;
  169. display: inline;
  170. margin-top: 5px;
  171. width: 78px;
  172. height: 21px;
  173. line-height: 21px;
  174. text-align: center;
  175. background: url(../images/bg_cart_package.gif) no-repeat 0 0;
  176. color: #fff;
  177. }
  178. .thumb_name dl dd a {
  179. color: #666;
  180. text-decoration: none;
  181. font-size: 14px;
  182. }
  183. .thumb_name dl dd a:hover {
  184. color: #e31939;
  185. text-decoration: underline;
  186. }
  187. .thumb_name dl dd a.f6{
  188. font-size:14px;
  189. }
  190. .cart_jmprice {
  191. font-size: 14px;
  192. font-family: "Microsoft YaHei", 微软雅黑;
  193. font-weight: bold;
  194. color:#e31939;
  195. }
  196. .jmamount {
  197. color: #f8296d;
  198. font-size: 19px;
  199. font-family: "Microsoft YaHei", 微软雅黑;
  200. font-weight: bold;
  201. }
  202. a.continue_buy {
  203. display: block;
  204. text-align: center;
  205. text-decoration: none;
  206. font-size: 15px;
  207. margin-left: 15px;
  208. width: 140px;
  209. height: 40px;
  210. line-height: 40px;
  211. background: #fafafa;
  212. border: 1px solid #d9d9d9;
  213. }
  214. a.continue_buy:hover {
  215. background: #f5f5f5;
  216. text-decoration: none;
  217. }
  218. a.jmcheckout:hover {
  219. background: #e31939;
  220. text-decoration: none;
  221. }
  222. a.jmclear {
  223. color: #aaaaaa;
  224. text-decoration: none;
  225. margin-right: 10px;
  226. }
  227. a.jmclear:hover {
  228. text-decoration: underline;
  229. }
  230. .jminputBg {
  231. float: left;
  232. width: 30px;
  233. text-align: center;
  234. margin: 0;
  235. border: 1px solid #b3b3b3;
  236. height: 20px;
  237. line-height:20px
  238. }
  239. .jm_cartnum {
  240. width: 65%;
  241. text-align: center;
  242. margin: 0 auto;
  243. padding: 0 auto;
  244. overflow: hidden;
  245. }
  246. .jm_cartnum span {
  247. float: left;
  248. background: url(../images/inputbg.gif) repeat-x 0 0;
  249. cursor: pointer;
  250. border: 1px solid #bbb;
  251. width: 20px;
  252. height: 20px;
  253. margin: 0;
  254. padding: 0;
  255. font-size: 15px;
  256. font-weight: bold;
  257. }
  258. .jm_cartnum span.jmadd {
  259. border-left: none;
  260. line-height: 20px;
  261. *line-height:19px;
  262. }
  263. .jm_cartnum span.jmminu {
  264. border-right: none;
  265. line-height: 20px;
  266. *line-height:19px;
  267. }
  268. .jmcheckout {
  269. display: block;
  270. text-align: center;
  271. text-decoration: none;
  272. font-size: 17px;
  273. width: 150px;
  274. height: 40px;
  275. line-height: 40px;
  276. background: #E31939;
  277. margin-right: 25px;
  278. margin-left: 10px;
  279. }
  280. a.jm_buy {
  281. background: url(../images/jm_buy.gif);
  282. width: 77px;
  283. height: 24px;
  284. display: block;
  285. color: #fff;
  286. font: bold;
  287. }
  288. .checkBox_jm {
  289. width: 950px;
  290. border-top: 1px solid #ccc;
  291. background: #fff;
  292. padding: 15px 20px 20px 20px;
  293. margin:0 auto
  294. }
  295. .checkBox_jm .title {
  296. font-size: 19px;
  297. font-family: "Microsoft YaHei", 微软雅黑;
  298. font-weight: bold;
  299. }
  300. .songhuo {
  301. padding-left: 20px;
  302. color: #a1a1a1;
  303. font-size: 14px;
  304. font-family: 宋体;
  305. font-weight: normal;
  306. }
  307. .timebox {
  308. width: 100%;
  309. }
  310. .timebox ul {
  311. float: left;
  312. padding-top: 15px;
  313. }
  314. .timebox ul li {
  315. float: left;
  316. margin-right: 20px;
  317. padding: 1px 0px 1px 15px;
  318. height: 30px;
  319. line-height: 30px;
  320. border: 1px solid #ccc;
  321. background: #fff;
  322. }
  323. .timebox ul li:hover,.timebox ul li:hover label{cursor:pointer}
  324. .timebox ul li.curr, .timebox ul li.curr2 {
  325. background: #e6f6de;
  326. padding: 0px 0px 0px 15px;
  327. border: 2px solid #6eaf4f;
  328. }
  329. .timebox ul li.curr2.seltimebox {
  330. display: none;
  331. }
  332. .timebox ul li.curr .seltimebox {
  333. top: 32px;
  334. left: -2px;
  335. border: 2px solid #6eaf4f;
  336. display: block;
  337. }
  338. .timebox ul li label{
  339. padding:10px 15px 10px 0px;
  340. *padding:0px 15px 0px 0px;
  341. }
  342. .seltimebox {
  343. position: absolute;
  344. background: #fff;
  345. top: 32px;
  346. left: -1px;
  347. z-index: 999;
  348. border: 1px solid #ccc;
  349. width: 400px;
  350. height: auto;
  351. display: none;
  352. }
  353. .timebox ul li.cur2 .seltimebox {
  354. display: block;
  355. }
  356. .timebox ul li.cur .seltimebox {
  357. display: none;
  358. }
  359. .seltimebox table tr td {
  360. border-right: 1px solid #ccc;
  361. border-bottom: 1px solid #ccc;
  362. line-height: 16px;
  363. }
  364. .seltimebox table tr td a {
  365. text-decoration: none;
  366. color: #000;
  367. }
  368. .timebox ul li input {
  369. vertical-align:middle;
  370. margin-top:-3px;
  371. }
  372. .payment_tab_jm {
  373. width: 100%;
  374. margin-top: 20px;
  375. border-top: 1px solid #ccc;
  376. }
  377. .payment_tab_jm li {
  378. border: 1px solid #ccc;
  379. border-top: none;
  380. padding: 15px 15px 25px 15px;
  381. overflow: hidden;
  382. font-size: 14px;
  383. font-weight: bold;
  384. }
  385. .payment_subbox {
  386. display: none;
  387. }
  388. .payment_tab_jm li.seled {
  389. padding:15px 15px 25px 15px;
  390. border: 2px solid# ff3300;
  391. }
  392. .payment_tab_jm li.seled .payment_subbox {
  393. display: block;
  394. }
  395. .payment_subbox ul {
  396. margin: 10px;
  397. }
  398. .payment_subbox ul li {
  399. float: left;
  400. margin: 10px 15px 0 0;
  401. padding: 0 10px;
  402. width: 180px;
  403. height: 40px;
  404. line-height: 40px;
  405. border: 1px solid #ddd;
  406. }
  407. .payment_subbox ul li input{
  408. margin-right:8px;
  409. cursor:pointer;
  410. }
  411. .checkgoods {
  412. border: 1px solid #ccc;
  413. margin-top: 10px;
  414. }
  415. .checkgoods th {
  416. background: #f0f0f0;
  417. padding: 8px 10px;
  418. font-weight: normal;
  419. }
  420. .checkgoods td {
  421. background: #fff;
  422. padding: 15px 10px;
  423. border-top: 1px dotted #e2e2e2;
  424. }
  425. .checkgoods .tdone {
  426. padding-left: 33px;
  427. }
  428. .checkgoods .tdother {
  429. padding: 15px 30px;
  430. background: #fdfcfc;
  431. border-top: 1px solid #ddd;
  432. }
  433. .checkgoods .tdother2 {
  434. padding:8px 10px;
  435. background: #fafafa;
  436. border-top: 1px solid #eeeeee;
  437. }
  438. .checkgoods .price_font {
  439. font-family: "Microsoft YaHei", 微软雅黑;
  440. font-size: 14px;
  441. font-weight: bold;
  442. color:#e31939
  443. }
  444. .shipping_jm {
  445. overflow: hidden;
  446. }
  447. .shipping_jm li {
  448. font-size: 14px;
  449. font-weight: normal;
  450. height:30px;
  451. line-height:30px
  452. }
  453. .checkout_other, .checkout_other2 {
  454. }
  455. a.a_other1 {
  456. padding-left: 20px;
  457. color: #000;
  458. text-decoration: none;
  459. }
  460. a.a_other1_h {
  461. color: #ff3300;
  462. text-decoration: none;
  463. }
  464. .span_other2 {
  465. padding-left: 20px;
  466. color: #999;
  467. display: inline-block
  468. }
  469. .subbox_other {
  470. padding-left: 10px;
  471. margin-top: 10px;
  472. background: #fafafa;
  473. }
  474. .subbox_other_t {
  475. background: #ffffff;
  476. }
  477. .subbox_other tr td {
  478. background: #fafafa;
  479. padding: 5px 0;
  480. border: none;
  481. }
  482. .subbox_other_t tr td {
  483. background: #ffffff;
  484. }
  485. .checkout_other .subbox_other {
  486. display: none;
  487. }
  488. .checkout_other2 .subbox_other {
  489. display: block;
  490. }
  491. .jmbag {
  492. color: #E31939;
  493. text-decoration: none; font-size:14px
  494. }
  495. .address_jm {
  496. width: 100%;
  497. margin-bottom: 20px;
  498. overflow: hidden;
  499. }
  500. .address_jm ul {
  501. float: left;
  502. padding-top: 15px;
  503. }
  504. .address_jm ul li {
  505. float: left;
  506. width: 225px;
  507. margin: 0 4px 4px 0;
  508. height: 130px;
  509. background: url(../images/bg_address-0.gif) no-repeat 0 0;
  510. cursor: pointer;
  511. position: relative;
  512. }
  513. .address_jm ul li.curr {
  514. background: url(../images/bg_address.gif) no-repeat 0 0;
  515. }
  516. .address_jm ul li .edit_addr {
  517. position: absolute;
  518. top: 10px;
  519. right: 15px;
  520. display: none;
  521. text-align: right;
  522. }
  523. .address_jm ul li .edit_addr a {
  524. text-decoration: none;
  525. color: #ff3300;
  526. }
  527. .address_jm ul li.curr .edit_addr {
  528. display: block;
  529. }
  530. .address_jm ul li.xxxxxx .edit_addr {
  531. display: block;
  532. }
  533. .address_jm_add {
  534. float: left;
  535. border: 1px solid #ccc;
  536. text-indent: 22px;
  537. width: 93px;
  538. height: 27px;
  539. line-height: 28px;
  540. background: url(../images/add_btn_address.jpg) no-repeat 0 0;
  541. cursor: pointer;
  542. }
  543. .address_jm ul li table {
  544. float: left;
  545. margin: 20px 10px 10px 10px;
  546. }
  547. .address_jm ul li table tr td {
  548. padding: 5px 20px 5px 10px;
  549. }
  550. .address_jm ul li table tr td a {
  551. color: #ff3300;
  552. text-decoration: none;
  553. }
  554. .input_addr1 {
  555. width: 477px;
  556. height:30px;
  557. line-height:30px;
  558. padding:0px 5px;
  559. border:1px #ddd solid
  560. }
  561. .input_addr2 {
  562. width: 200px;
  563. height:25px;
  564. line-height:25px;
  565. padding:0px 5px;
  566. border:1px #ddd solid
  567. }
  568. .input_addr2_t{
  569. width:150px;
  570. }
  571. .input_addr3 {
  572. width: 100px;
  573. height: 25px;
  574. padding:0px 5px;
  575. border:1px #ddd solid
  576. }
  577. .input_addr4 {
  578. width: 50px;
  579. height: 25px;
  580. padding:0px 5px;
  581. border:1px #ddd solid
  582. }
  583. .input_td_addr3 input {
  584. width: 100px;
  585. height: 25px;
  586. padding:0px 5px;
  587. border:1px #ddd solid
  588. }
  589. .otherinput {
  590. width: 300px;
  591. height: 25px;
  592. }
  593. .otherinput2 {
  594. width: 290px;
  595. height: 30px;
  596. line-height: 30px;
  597. padding: 0px 5px;
  598. border: 1px solid #DDD;
  599. }
  600. .otherinput4 {
  601. width: 180px;
  602. height: 30px;
  603. line-height: 30px;
  604. padding: 0px 5px;
  605. border: 1px solid #DDD;
  606. vertical-align:middle
  607. }
  608. .Button_reset {
  609. background: #eee;
  610. color: #a1a1a1;
  611. height: 28px;
  612. width: 70px;
  613. border: 1px solid #ccc;
  614. cursor: pointer;
  615. }
  616. #cart_money_info span {
  617. color:#E31939;
  618. font-family: Helvetica, arial, sans-serif;
  619. font-size: 16px;
  620. font-weight: bold;
  621. }
  622. #cart_money_info .blue {
  623. color: #0abfde;
  624. }
  625. .authentication a {
  626. margin-right: 20px;
  627. }
  628. #footer-2013 .links a {
  629. margin-left: 3px;
  630. margin-right: 3px;
  631. }
  632. .headerCon {
  633. width: 990px;
  634. margin: 0px auto;
  635. }
  636. .pickup_xjd {
  637. width: 980px;
  638. margin: 15px 30px;
  639. }
  640. .pickup_xjd li {
  641. line-height: 30px;
  642. float: none;
  643. }
  644. .pickup_xjd li dl dd {
  645. float: left;
  646. width: 20%;
  647. }
  648. .pickup_xjd li dl .pic_dd1 {
  649. width: 15%;
  650. }
  651. .pick_table tr {
  652. height: 30px;
  653. }
  654. .pick_table tr td {
  655. height: 30px;
  656. border: none;
  657. }
  658. /*店铺优惠 start*/
  659. .flowBox_jm b.gift_68{
  660. width:34px;
  661. height:23px;
  662. display:inline-block;
  663. border:1px solid #FFF;
  664. vertical-align:middle;
  665. background-image:url(../images/icon-tags-gift.png);
  666. }
  667. .flowBox_jm a.choose_gift ,a.choose_gift:hover{
  668. text-decoration:none;
  669. color:#ff0000;
  670. margin-right:10px;}
  671. a.choose_gift:hover{
  672. color:#e70000}
  673. .choose {
  674. background: #fff;
  675. border: 1px solid #ddd;
  676. text-align: center;
  677. font-size: 14px;
  678. font-weight: bold;
  679. z-index: 99999;
  680. width: 650px;
  681. min-height: 300px;
  682. left: 50%;/*FF IE7*/
  683. top: 50%;/*FF IE7*/
  684. margin-left: -325px!important;/*FF IE7 该值为本身宽的一半 150 *2 =300 */
  685. margin-top: -200px!important;/*FF IE7 该值为本身高的一半 60*2=120 */
  686. margin-top: 0px;
  687. -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  688. -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  689. box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  690. position: fixed!important;/*FF IE7*/
  691. position: relative;/*IE6*/
  692. _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
  693. document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
  694. }
  695. .choose-inner {
  696. margin: 0;
  697. padding: 0;
  698. margin-bottom: 10px;
  699. }
  700. .bg123 {
  701. background-color: #ccc;
  702. width: 100%;
  703. height: 100%;
  704. z-index: 99999998;
  705. left: 0;
  706. top: 0;/*FF IE7*/
  707. filter: alpha(opacity=50);/*IE*/
  708. opacity: 0.5;/*FF*/
  709. position: fixed!important;/*FF IE7*/
  710. position: absolute;/*IE6*/
  711. _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
  712. document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
  713. }
  714. .choose .choose-r {
  715. display: block;
  716. position: absolute;
  717. width: 40px;
  718. background: url(../images/cart_pop_close.png) no-repeat 0 0;
  719. top: -10px;
  720. right: -30px;
  721. height: 50px;
  722. line-height: 50px;
  723. cursor: pointer;}
  724. .choose .choose-title{
  725. height:30px;
  726. line-height:30px;
  727. width: 100%;
  728. border-bottom: 1px solid #eee;
  729. background: #faf7f8;
  730. font-family: "微软雅黑";
  731. font-size: 14px;
  732. font-weight: normal;
  733. text-align: left;
  734. color: #999;
  735. padding:0px;}
  736. .choose .title-tab{
  737. margin:0px;
  738. padding:0 14px;
  739. height:30px;
  740. line-height:30px;
  741. float:left;
  742. cursor:pointer;
  743. border-left:1px solid #FAF7F8;
  744. border-right:1px solid #FAF7F8;
  745. }
  746. .choose .cur{
  747. border-bottom:1px solid #fff;
  748. background:#ffffff;
  749. border-left:1px solid #eee;
  750. border-right:1px solid #eee;
  751. color: #ff3300;
  752. font-weight:bold;}
  753. .sub_bonus {
  754. background: #ffffff;
  755. }
  756. .sub_bonus tr td {
  757. background: #ffffff;
  758. }
  759. .giving-68{
  760. font-size:14px;
  761. color:#ed415b}
  762. .givingColor{
  763. color:#ed415b;
  764. }
  765. /*店铺优惠 end*/
  766. .f4_b{color:#E31939}
  767. /*整合teshu.css*/
  768. #sn-bd{ width:990px !important;}
  769. #menu-8{ width:990px !important;}
  770. #menu-8 .site-hot, #menu-8 .site-market, #menu-8 site-brand{ width:285px !important;}
  771. #menu-8 {
  772. width: 990px !important;
  773. }
  774. #menu-8 .site-hot, #menu-8 .site-market, #menu-8 site-brand {
  775. width: 285px !important;
  776. }
  777. .wrapper{ width:990px !important; margin:0 auto;}
  778. .info-text{ width:990px !important;}
  779. .headerCon {
  780. margin: 0 auto;
  781. width: 990px;
  782. }
  783. .flowstep {
  784. margin: 0 auto;
  785. padding: 10px 0 20px;
  786. width: 660x;
  787. position:absolute;
  788. top:40px;
  789. right:175px;
  790. }
  791. .flowstep ol {
  792. overflow: hidden;
  793. }
  794. .flowstep-5 {
  795. margin-left: 0;
  796. margin-right: -40px;
  797. }
  798. ul, ol {
  799. list-style: none outside none;
  800. }
  801. .flowstep-5 li {
  802. width: 140px;
  803. }
  804. .flowstep li {
  805. float: left;
  806. text-align: center;
  807. }
  808. .flowstep .step-name {
  809. color: #888;
  810. font-weight: 700;
  811. padding: 3px 0;
  812. }
  813. .flowstep .step-first .step-done .step-no {
  814. background-position: 50% -204px;
  815. }
  816. .flowstep .step-done .step-no {
  817. background-position: 50% -170px;
  818. }
  819. .flowstep .step-no {
  820. color: #fff;
  821. font-family: 'arial black';
  822. font-size: 18px;
  823. height: 34px;
  824. line-height: 34px;
  825. }
  826. .flowstep .step-last .step-no {
  827. background-position: 50% -136px
  828. }
  829. .flowstep .step-last .step-cur .step-no {
  830. background-position: 50% -68px
  831. }
  832. .flowstep .step-first .step-cur .step-no {
  833. background-position: 50% -34px
  834. }
  835. .flowstep .step-no, .flowstep .step-sub-box .step-sub {
  836. background: url("../images/T1Usl8FnRfXXcVlxZa-734-340.png") no-repeat scroll 50% -102px rgba(0, 0, 0, 0);
  837. *background: url("../images/T1Usl8FnRfXXcVlxZa-734-340.jpg") no-repeat scroll 50% -102px
  838. }
  839. .flowstep li {
  840. text-align: center;
  841. }
  842. /*整合style_pop.css*/
  843. body {
  844. height: 100%;
  845. _background: url(../other/notfound) fixed;
  846. }
  847. .mydiv {
  848. background: #fff;
  849. border: 1px solid #ddd;
  850. text-align: center;
  851. line-height: 40px;
  852. font-size: 14px;
  853. font-weight: bold;
  854. z-index: 99999;
  855. width: 650px;
  856. height: 400px;
  857. left: 50%;/*FF IE7*/
  858. top: 50%;/*FF IE7*/
  859. margin-left: -325px!important;/*FF IE7 该值为本身宽的一半 150 *2 =300 */
  860. margin-top: -200px!important;/*FF IE7 该值为本身高的一半 60*2=120 */
  861. margin-top: 0px;
  862. -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  863. -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  864. box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  865. position: fixed!important;/*FF IE7*/
  866. position: relative;/*IE6*/
  867. _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
  868. document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
  869. }
  870. .mydiv-l {
  871. float: left;
  872. width: 100%;
  873. border-bottom: 1px solid #eee;
  874. background: #faf7f8;
  875. text-indent: 20px;
  876. font-family: "微软雅黑";
  877. font-size: 16px;
  878. font-weight: normal;
  879. height: 60px;
  880. line-height: 70px;
  881. text-align: left;
  882. color: #ff3300;
  883. }
  884. .mydiv-r {
  885. position: absolute;
  886. width: 40px;
  887. background: url(../images/cart_pop_close.png) no-repeat 0 0;
  888. top: -10px;
  889. right: -30px;
  890. height: 50px;
  891. line-height: 50px;
  892. cursor: pointer;
  893. }
  894. .mydiv table {
  895. padding: 10px;
  896. margin: 0;
  897. }
  898. .mydiv table td {
  899. line-height: 130%;
  900. text-align: left;
  901. font-weight: normal;
  902. }
  903. #PopAddressCon {
  904. font-size: 14px;
  905. }
  906. .bg {
  907. background-color: #ccc;
  908. width: 100%;
  909. height: 100%;
  910. left: 0;
  911. top: 0;/*FF IE7*/
  912. filter: alpha(opacity=50);/*IE*/
  913. opacity: 0.5;/*FF*/
  914. z-index: 1;
  915. position: fixed!important;/*FF IE7*/
  916. position: absolute;/*IE6*/
  917. _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
  918. document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
  919. }
  920. .checkBox_jm {
  921. width: 100%;
  922. border-top: 0px solid #CCC;
  923. background: #FFF none repeat scroll 0% 0%;
  924. padding: 0px;
  925. margin: 0px auto;
  926. }
  927. .thumb_name dl dd {
  928. float: left;
  929. text-align: left;
  930. font-size: 14px;
  931. width: 100%;
  932. }
  933. .thumb_name dl {
  934. float: left;
  935. margin: 13px 10px 13px 5px;
  936. width: 100%;
  937. }
  938. .thumb_name dl dt {
  939. float: left;
  940. text-align: center;
  941. width: 45%;
  942. }
  943. .thumb_name dl dd {
  944. float: left;
  945. text-align: left;
  946. font-size: 14px;
  947. width: 50%;
  948. margin: 0px;
  949. margin-left: 5px;
  950. }
  951. .checkBox_jm .title {
  952. font-family: "Microsoft YaHei",微软雅黑;
  953. border: medium none;
  954. margin: 0px;
  955. height: 22px;
  956. line-height: 22px;
  957. font-size: 14px;
  958. font-weight: normal;
  959. text-indent: 10px;
  960. color: #333;
  961. padding: 7px 10px;
  962. border-bottom: 1px solid transparent;
  963. border-top-right-radius: 3px;
  964. border-top-left-radius: 3px;
  965. background: transparent -moz-linear-gradient(center top , #F8F8F8, #F3F3F3) repeat scroll 0% 0%;
  966. }
  967. .otherinput {
  968. width:90%;
  969. height: 50%;
  970. }
  971. .otherinput3 {
  972. width:40%;
  973. height: 30px;
  974. }
  975. .otherinput2 {
  976. width: 80%;
  977. height: 30px;
  978. line-height: 30px;
  979. padding: 0px 5px;
  980. border: 1px solid #DDD;
  981. }
  982. .BonusButton {
  983. background: #e31939;
  984. color: #fff;
  985. height: 34px;
  986. width: 50px;
  987. border: none;
  988. cursor: pointer;
  989. vertical-align: middle; margin-left:4px;
  990. }
  991. a.a_other1 {
  992. padding-left: 5px;
  993. color: #000;
  994. text-decoration: none;
  995. }
  996. /*修改购物车赠品*/
  997. .choose {
  998. background: #fff;
  999. border: 1px solid #ddd;
  1000. text-align: center;
  1001. font-size: 14px;
  1002. font-weight: bold;
  1003. z-index: 99999;
  1004. width: 90%;
  1005. min-height: 50%;
  1006. left: 50%;
  1007. top: 50%;
  1008. margin-left: -45%!important;
  1009. margin-top: -20%!important;
  1010. margin-top: 0px;
  1011. -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  1012. -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  1013. box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  1014. position: fixed!important;
  1015. position: relative;
  1016. _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
  1017. document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
  1018. }
  1019. /*修改购物车确认定单页面*/
  1020. .checkgoods{
  1021. border:0px;
  1022. }
  1023. .subbox_other{
  1024. padding-left:0px;
  1025. }
  1026. .ziti{ margin-top:10px;}
  1027. .pop_head {
  1028. width: 100%;
  1029. border-bottom: 1px solid #EEE;
  1030. background: none repeat scroll 0% 0% #FAF7F8;
  1031. text-indent: 20px;
  1032. font-family: "微软雅黑";
  1033. font-size: 16px;
  1034. font-weight: normal;
  1035. height: 60px;
  1036. line-height: 70px;
  1037. text-align: left;
  1038. color: #F30;
  1039. }
  1040. a.pop_head_r {
  1041. position: absolute;
  1042. width: 40px;
  1043. background: url("../images/cart_pop_close.png") no-repeat scroll 0px 0px transparent;
  1044. top: -10px;
  1045. right: -30px;
  1046. height: 50px;
  1047. line-height: 50px;
  1048. cursor: pointer;
  1049. }
  1050. .pop_head a:hover {
  1051. color: #f60;
  1052. text-decoration: none
  1053. }
  1054. .pop_body {
  1055. padding: 20px 10px;
  1056. width: 630px;
  1057. height: 299px;
  1058. background: #fff
  1059. }
  1060. .pop_body table tr th {
  1061. font-size: 18px;
  1062. padding: 20px 0px
  1063. }
  1064. .pop_body table tr td {
  1065. padding: 8px 5px;
  1066. font-size: 12px;
  1067. border: none
  1068. }
  1069. .pop_body table tr td .ziti_list tr {
  1070. }
  1071. .pop_body table tr td .ziti_list td {
  1072. padding: 8px 8px 0px 0px;
  1073. margin-bottom: 10px;
  1074. }
  1075. span.ziti_name {
  1076. display: block;
  1077. border: 1px solid #ebebeb;
  1078. height: 22px;
  1079. line-height: 22px;
  1080. padding: 4px 10px;
  1081. width: 100px;
  1082. margin-right: 10px;
  1083. overflow: hidden;
  1084. white-space: nowrap;
  1085. text-overflow: ellipsis;
  1086. font-size: 12px;
  1087. cursor: pointer;
  1088. }
  1089. span.site-in-short {
  1090. border: 2px solid #e4393c;
  1091. padding: 4px 10px;
  1092. position: relative;
  1093. }
  1094. span.site-in-short b {
  1095. display: block;
  1096. position: absolute;
  1097. right: 0;
  1098. bottom: 0;
  1099. width: 12px;
  1100. height: 12px;
  1101. overflow: hidden;
  1102. background: url(../images/user_purchase.png) no-repeat;
  1103. background-position: 0 0;
  1104. }
  1105. .pop_body table tr td.ziti_btn .bnt_blue_1 {
  1106. background: #e4393c;
  1107. color: #fff;
  1108. padding: 5px 8px;
  1109. border: none;
  1110. cursor: pointer
  1111. }
  1112. .pop_body table tr td.ziti_btn .bnt_blue_2 {
  1113. background: #EEEEEE;
  1114. color: #A1A1A1;
  1115. padding: 5px 8px;
  1116. border: 1px solid #CCC;
  1117. margin-left: 20px;
  1118. cursor: pointer
  1119. }
  1120. /*配送方式修改*/
  1121. .shipping_jm .shipping_type {
  1122. float: left;
  1123. margin-right: 20px;
  1124. margin-bottom: 10px;
  1125. padding: 2px 20px;
  1126. border: 1px #ddd solid
  1127. }
  1128. .shipping_jm .shipping_type label {
  1129. float: left;
  1130. cursor: pointer;
  1131. line-height: 30px;
  1132. margin: 0 10px 0 10px;
  1133. color: #666;
  1134. text-decoration: none;
  1135. }
  1136. .shipping_jm .shipping_type.shipping_type_curr {
  1137. border: 1px #E31939 solid;
  1138. }
  1139. .checkgoods td.shipping_type {
  1140. line-height: 35px;
  1141. }
  1142. .checkgoods .shipping_desc {
  1143. clear: both;
  1144. margin-top: 10px;
  1145. color: #999999;
  1146. }