flow.css 43 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679
  1. /*
  2. 购物车页面
  3. */
  4. /*购物车供货商名称*/
  5. .shop_title {
  6. /* height: 55px; */
  7. border-bottom: 1px solid #908E8E;
  8. text-indent: 15px;
  9. background-color: #dadada;
  10. }
  11. .block {
  12. /* border-top: 1px solid #ebebeb; */
  13. margin-top: 20px;
  14. background: #fff;
  15. overflow: auto;
  16. }
  17. .fl .shopLink {
  18. background: url(../images/dianpu.png) no-repeat left center;
  19. margin-left: 10px;
  20. text-indent: 25px;
  21. background-size: 25px 25px;
  22. font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
  23. font-size: 14px;
  24. color: #000000;
  25. text-decoration: none;
  26. font-weight: bold;
  27. }
  28. .eclipse {
  29. display: block;
  30. overflow: hidden;
  31. white-space: nowrap;
  32. text-overflow: ellipsis;
  33. }
  34. .fl {
  35. float: left;
  36. }
  37. .right_arrow {
  38. height: 100%;
  39. background: url(../images/shop_arrow.png) no-repeat center;
  40. background-size: 6px 14px;
  41. width: 50px;
  42. display: block;
  43. }
  44. .right_arrow_flow {
  45. height: 16px;
  46. background: url(../images/shop_arrow.png) no-repeat center;
  47. background-size: 6px 14px;
  48. width: 20px;
  49. float: right;
  50. }
  51. .checkout_other2 .right_arrow_flow {
  52. height: 22px;
  53. background: url(../images/shop_arrow2.png) no-repeat center;
  54. background-size: 12px 6px;
  55. width: 20px;
  56. display: block;
  57. float: right;
  58. }
  59. .right_arrow_flow2 {
  60. height: 22px;
  61. background: url(../images/shop_arrow2.png) no-repeat center;
  62. background-size: 12px 6px;
  63. width: 20px;
  64. display: block;
  65. float: right;
  66. }
  67. .shop_title div {
  68. line-height: 55px;
  69. }
  70. .page-shopping {}
  71. .page-shopping .header .right .cart .tip {
  72. display: none
  73. }
  74. .page-shopping .shopping-empty {
  75. text-align: center;
  76. background: #f4f4f4
  77. }
  78. .page-shopping .shopping-empty .tips_msg {
  79. padding: 7em 0 0
  80. }
  81. .page-shopping .shopping-empty .img {
  82. width: 16.55em;
  83. margin-bottom: 3em
  84. }
  85. .page-shopping .shopping-empty h3 {
  86. font-size: 1.7em;
  87. color: #50555b;
  88. padding: 0 0 .29412em
  89. }
  90. .page-shopping .shopping-empty p {
  91. font-size: 1.2em;
  92. color: #87888c
  93. }
  94. .page-shopping .shopping-empty .tips_btn {
  95. margin: 0 auto;
  96. padding: 5em 0;
  97. text-align: center;
  98. width: 17em
  99. }
  100. .page-shopping .shopping-empty .tips_btn a {
  101. color: #515459
  102. }
  103. .page-shopping .activity .item {
  104. padding: 0 1.5em;
  105. height: 3.5em;
  106. line-height: 3.5em;
  107. border-top: 1px solid #eee
  108. }
  109. .page-shopping .activity .item span {
  110. font-size: 1.2em;
  111. color: #999;
  112. vertical-align: middle
  113. }
  114. .page-shopping .activity .item:first-child {
  115. border-top: 0 none
  116. }
  117. .page-shopping .activity .item .ico {
  118. display: inline-block;
  119. padding: 0 .58333em;
  120. background-color: #a9d06b;
  121. -webkit-border-radius: .25em;
  122. -moz-border-radius: .25em;
  123. -ms-border-radius: .25em;
  124. -o-border-radius: .25em;
  125. border-radius: .25em;
  126. margin-right: .58333em;
  127. font-size: 1em;
  128. line-height: 1.4em;
  129. color: #fff
  130. }
  131. .page-shopping .item-list .item {
  132. border-bottom: 1px solid #908E8E;
  133. background: #FFF;
  134. position: relative;
  135. }
  136. .page-shopping .item-list .inner {
  137. position: relative;
  138. padding: 20px 10px 5px 150px;
  139. }
  140. /*全选checked标签*/
  141. .check-wrapper {
  142. height: 20px;
  143. width: 20px;
  144. top: 60px;
  145. left: 10px;
  146. display: block;
  147. position: absolute;
  148. }
  149. .check-wrapper .cart-checkbox {
  150. width: 30px;
  151. height: 30px;
  152. }
  153. .cart-checkbox.checked {
  154. background-position: -29px 0;
  155. }
  156. .cart-checkbox {
  157. display: block;
  158. width: 25px;
  159. height: 25px;
  160. margin: 0 auto;
  161. background: url(../images/shop-cart.png) no-repeat 0 0;
  162. background-size: 60px 120px;
  163. }
  164. .page-shopping .item-list .pic {
  165. position: absolute;
  166. width: 105px;
  167. height: 88px;
  168. left: 40px;
  169. top: 28px;
  170. overflow: hidden;
  171. }
  172. .page-shopping .item-list .pic img {
  173. width: 100%
  174. }
  175. .page-shopping .item-list .name {
  176. padding-right: 10px;
  177. line-height: 25px;
  178. }
  179. .page-shopping .item-list .name span {
  180. vertical-align: middle;
  181. font-size: 14px;
  182. overflow: hidden;
  183. -webkit-line-clamp: 1;
  184. -webkit-box-orient: vertical;
  185. display: -webkit-box;
  186. font-weight: normal;
  187. }
  188. .page-shopping .item-list .name .ico {
  189. display: inline-block;
  190. padding: 0 .7em;
  191. background-color: #f66;
  192. -webkit-border-radius: .2em;
  193. -moz-border-radius: .2em;
  194. -ms-border-radius: .2em;
  195. -o-border-radius: .2em;
  196. border-radius: .2em;
  197. margin-right: .5em;
  198. font-size: 1em;
  199. line-height: 1.4em;
  200. color: #fff
  201. }
  202. .page-shopping .item-list .attr {
  203. line-height: 25px;
  204. /* height: 25px; */
  205. }
  206. .page-shopping .item-list .attr span {
  207. font-size: 12px;
  208. color: #999
  209. }
  210. .page-shopping .item-list .price {
  211. /* padding: 0 5px 5px 0; */
  212. /* height: 44px; */
  213. /* line-height: 30px; */
  214. /* text-align: right; */
  215. }
  216. .page-shopping .item-list .price span {
  217. font-size: 20px;
  218. color: #f23015;
  219. /* line-height: 12px; */
  220. /* vertical-align: middle; */
  221. font-family: Arial;
  222. }
  223. .page-shopping .item-list .price span.mar_price {
  224. font-size: 14px;
  225. text-decoration: line-through;
  226. color: #999;
  227. }
  228. .page-shopping .item-list .num {
  229. padding: 0 0 .5em;
  230. position: relative;
  231. }
  232. .page-shopping .item-list .num span {
  233. font-size: 1.4em;
  234. color: #999;
  235. vertical-align: middle
  236. }
  237. .page-shopping .item-list .tip {
  238. line-height: 2.2em
  239. }
  240. .page-shopping .item-list .tip span {
  241. font-size: 1.2em;
  242. color: #999
  243. }
  244. .page-shopping .item-list .delete {
  245. position: absolute;
  246. top: -5px;
  247. right: 0;
  248. width: 35px;
  249. height: 35px;
  250. text-align: center;
  251. overflow: hidden
  252. }
  253. .page-shopping .item-list .delete .icon-shanchu {
  254. color: #999;
  255. display: block;
  256. background: url(../images/icoshanchu.jpg) no-repeat;
  257. width: 2.5em;
  258. height: 2.5em;
  259. background-size: cover;
  260. }
  261. .append {
  262. position: absolute;
  263. top: 0;
  264. left: 0;
  265. width: 60px;
  266. height: 60px;
  267. }
  268. .page-shopping .item-list .append .li {
  269. border-top: 1px dotted #eee
  270. }
  271. .page-shopping .sepa {
  272. background-color: #f4f4f4;
  273. height: .9em;
  274. border: 0 solid #eee;
  275. border-width: 1px 0
  276. }
  277. .page-shopping .bargain .list .item {
  278. border-bottom: 1px solid #eee;
  279. position: relative;
  280. padding: 0 5em 0 1.5em;
  281. height: 4em;
  282. line-height: 4em;
  283. overflow: hidden;
  284. white-space: nowrap;
  285. text-overflow: ellipsis
  286. }
  287. .page-shopping .bargain .list .item span {
  288. font-size: 1.4em;
  289. vertical-align: middle;
  290. color: #666;
  291. white-space: nowrap;
  292. text-overflow: ellipsis;
  293. overflow: hidden
  294. }
  295. .page-shopping .bargain .list .item .check {
  296. display: inline-block;
  297. width: 1.4em;
  298. height: 1.4em;
  299. margin-right: .7em;
  300. border: 2px solid #ddd;
  301. background-color: #f4f4f4;
  302. color: #ddd;
  303. vertical-align: middle;
  304. text-align: center;
  305. position: relative
  306. }
  307. .page-shopping .bargain .list .item .check .icon-checked {
  308. position: absolute;
  309. top: 0;
  310. left: 0;
  311. color: #ddd
  312. }
  313. .page-shopping .bargain .list .item .check-active {
  314. background-color: #fff
  315. }
  316. .page-shopping .bargain .list .item .check-active .icon-checked {
  317. color: #8fcf46
  318. }
  319. .page-shopping .bargain .list .item .label {
  320. display: inline-block;
  321. vertical-align: middle;
  322. margin: 0 .5em;
  323. padding: 0 .5em;
  324. background-color: #f66;
  325. color: #fff;
  326. line-height: 1.4em;
  327. -webkit-border-radius: .1em;
  328. -moz-border-radius: .1em;
  329. -ms-border-radius: .1em;
  330. -o-border-radius: .1em;
  331. border-radius: .1em
  332. }
  333. .page-shopping .bargain .list .item .more {
  334. border-left: 1px solid #eee;
  335. position: absolute;
  336. top: 0;
  337. right: 0;
  338. padding: 0 1em 0 0;
  339. width: 4em;
  340. height: 4em
  341. }
  342. .page-shopping .bargain .list .item .more:after {
  343. display: block;
  344. position: absolute;
  345. top: 50%;
  346. left: 50%;
  347. margin: -.5em 0 0 -1.3em;
  348. width: 1em;
  349. height: 1em;
  350. border-top: .2em solid #9b9b9b;
  351. border-right: .2em solid #9b9b9b;
  352. -webkit-transition: .2s ease;
  353. -webkit-transition-delay: 0s;
  354. -moz-transition: .2s ease;
  355. -o-transition: .2s ease;
  356. transition: .2s ease;
  357. -webkit-transform: rotate(45deg);
  358. -moz-transform: rotate(45deg);
  359. -ms-transform: rotate(45deg);
  360. -o-transform: rotate(45deg);
  361. transform: rotate(45deg)
  362. }
  363. .page-shopping .bargain .more-list .item {
  364. border-bottom: 1px solid #eee;
  365. line-height: 4.4em;
  366. padding: 0 1.5em
  367. }
  368. .page-shopping .bargain .more-list .item span {
  369. font-size: 1.5em;
  370. color: #666
  371. }
  372. .page-shopping .sepa-bottom {
  373. background-color: #f4f4f4;
  374. height: 6em
  375. }
  376. .page-shopping .bottom-panel {
  377. position: fixed;
  378. bottom: 0;
  379. width: 100%;
  380. height: 60px;
  381. min-width: 320px;
  382. max-width: 640px;
  383. background: #fff;
  384. z-index: 2;
  385. display: -webkit-box;
  386. display: -moz-box;
  387. display: -ms-box;
  388. display: -o-box;
  389. display: box;
  390. -webkit-box-align: center;
  391. -moz-box-align: center;
  392. -ms-box-align: center;
  393. -o-box-align: center;
  394. box-align: center;
  395. -webkit-box-pack: center;
  396. -moz-box-pack: center;
  397. -ms-box-pack: center;
  398. -o-box-pack: center;
  399. box-pack: center;
  400. /* border-top: 1px solid #FF2233; */
  401. }
  402. .page-shopping .bottom-panel .info {
  403. -webkit-box-flex: 1;
  404. -moz-box-flex: 1;
  405. -ms-box-flex: 1;
  406. -o-box-flex: 1;
  407. box-flex: 1;
  408. width: 100%;
  409. color: #FF5778;
  410. font-size: 16px;
  411. text-align: right;
  412. margin-right: 5px;
  413. }
  414. .page-shopping .bottom-panel .quanxuan {
  415. -webkit-box-flex: 1;
  416. -moz-box-flex: 1;
  417. -ms-box-flex: 1;
  418. -o-box-flex: 1;
  419. box-flex: 1;
  420. margin-left: 1em;
  421. height: 40px;
  422. width: 60%;
  423. }
  424. .page-shopping .bottom-panel .quanxuan .check-wrapper {
  425. left: 10px;
  426. top: 10px;
  427. margin-left: 0px;
  428. margin-top: 10px;
  429. width: 70px;
  430. }
  431. .page-shopping .bottom-panel .quanxuan .cart-checkbox {
  432. float: left;
  433. }
  434. .page-shopping .bottom-panel .quanxuan .cart-checktext {
  435. float: left;
  436. width: 35px;
  437. height: 20px;
  438. line-height: 20px;
  439. font-size: 14px;
  440. text-indent: 3px;
  441. color: #000;
  442. }
  443. .page-shopping .bottom-panel .info .hot {
  444. font-size: 14px;
  445. color: #f23015;
  446. text-align: right;
  447. }
  448. .page-shopping .bottom-panel .info .hot em {
  449. font-size: 14px;
  450. color: #f23015;
  451. }
  452. .page-shopping .bottom-panel .info .hot_text {
  453. font-size: 14px;
  454. color: #000;
  455. margin-right: 4px;
  456. }
  457. .page-shopping .bottom-panel .right {
  458. width: 120px;
  459. /* height: 40px; */
  460. /* margin-right: 1em; */
  461. }
  462. .page-shopping .bottom-panel .right a {
  463. background: #f60;
  464. }
  465. .xm-input-number {
  466. display: inline-block;
  467. vertical-align: middle;
  468. border: 1px solid #ddd9da;
  469. border-radius: 5px;
  470. }
  471. .xm-input-number .input-add {
  472. display: inline-block;
  473. width: 25px;
  474. height: 25px;
  475. position: relative;
  476. vertical-align: middle;
  477. background-color: #fafafa;
  478. background: url(../images/shop-cart.png) no-repeat -41px -96px;
  479. background-size: 60px;
  480. }
  481. .xm-input-number .input-sub {
  482. display: inline-block;
  483. width: 25px;
  484. height: 25px;
  485. position: relative;
  486. vertical-align: middle;
  487. background-color: #eee;
  488. background: url(../images/shop-cart.png) no-repeat 6px -55px;
  489. background-size: 60px
  490. }
  491. .xm-input-number .input-num {
  492. vertical-align: middle;
  493. display: inline-block;
  494. width: 30px;
  495. height: 25px;
  496. line-height: 25px;
  497. text-align: center;
  498. border-right: #ddd9da 1px solid;
  499. border-left: 1px solid #ddd9da;
  500. border-top: none;
  501. border-bottom: none;
  502. font-size: 18px;
  503. color: #424242;
  504. -webkit-appearance: none;
  505. border-radius: 0;
  506. -webkit-box-flex: 1;
  507. -webkit-flex: 1;
  508. flex: 1;
  509. }
  510. .xm-input-number .input-num span {
  511. font-size: 1.6em;
  512. color: #51555a
  513. }
  514. .xm-input-number .input-add.active {
  515. background-color: #fafafa;
  516. background: url(../images/shop-cart.png) no-repeat -26px -27px;
  517. background-size: 60px
  518. }
  519. .xm-input-number .input-sub.active {
  520. background-color: #fafafa;
  521. background: url(../images/shop-cart.png) no-repeat 6px -27px;
  522. background-size: 60px
  523. }
  524. .page-shopping .bottom-panel .right input.xm-button {
  525. border-radius: 0px;
  526. /*background-color: #FF2233;*/
  527. /*text-align: center;*/
  528. height: 60px;
  529. line-height: 60px;
  530. font-size: 16px;
  531. /*color: #fff;*/
  532. width: 100%;
  533. /*border: none;*/
  534. /*font-family: 微软雅黑;*/
  535. /*display: block*/
  536. }
  537. .xm-button.to_cart {
  538. background-color: #999999;
  539. }
  540. .xm-button-gray {
  541. background-color: #fdfdfd;
  542. border: 1px solid #bbb
  543. }
  544. .xm-button-gray span {
  545. color: #666
  546. }
  547. /*
  548. 购物车为空
  549. */
  550. .qb_tac {
  551. text-align: center;
  552. color: #534949;
  553. line-height: 40px;
  554. color: #999;
  555. font-size: 18px;
  556. margin-top: 20px;
  557. }
  558. .qb_tac img {
  559. margin-bottom: 20px;
  560. }
  561. .qb_gap {
  562. padding-left: 10px;
  563. padding-right: 10px;
  564. margin-bottom: 10px
  565. }
  566. .mod_btn {
  567. text-align: center;
  568. text-decoration: none;
  569. line-height: 45px;
  570. height: 45px;
  571. font-size: 15px;
  572. display: block;
  573. width: 100%;
  574. color: #ffffff!important;
  575. -webkit-border-radius: .3em;
  576. -moz-border-radius: .3em;
  577. -ms-border-radius: .3em;
  578. -o-border-radius: .3em;
  579. border-radius: .3em;
  580. background-color: #DD2726;
  581. }
  582. /*
  583. 收货地址页面
  584. */
  585. .textlink {
  586. padding: 4px 5px;
  587. background: #41CCB4;
  588. border: #33c7ad 1px solid;
  589. color: #fff!important;
  590. font-size: 14px;
  591. margin: 10px;
  592. }
  593. .fl {
  594. float: left;
  595. }
  596. .fr {
  597. float: right;
  598. }
  599. .address_add_content {
  600. padding: 10px;
  601. margin: 10px;
  602. border-radius: 5px;
  603. background: url(../images/addr_top_bg.jpg) #ffffff repeat-x;
  604. background-size: 36px;
  605. font-size: 14px;
  606. }
  607. .address_add_content li {
  608. position: relative;
  609. display: -webkit-box;
  610. display: -webkit-flex;
  611. display: flex;
  612. margin: 10px 0;
  613. }
  614. .address_add_content li:last-child {
  615. margin: 10px 0;
  616. }
  617. .address_add_content input[type=text],
  618. .address_add_content input[type=email],
  619. .address_add_content input[type=tel] {
  620. height: 14px;
  621. line-height: 14px;
  622. padding: 9px 0 9px 10px;
  623. -webkit-appearance: none;
  624. border: 1px solid #e5e5e5;
  625. display: block;
  626. -webkit-box-flex: 1;
  627. -webkit-flex: 1;
  628. flex: 1;
  629. border-radius: 0;
  630. }
  631. .address_add_content input[type=text]:focus,
  632. .address_add_content input[type=tel]:focus {
  633. border: 1px solid #aae3fe;
  634. }
  635. .address_add_content input[type=text]::-webkit-input-placeholder,
  636. .address_add_content input[type=tel]::-webkit-input-placeholder {
  637. padding-top: 2px;
  638. }
  639. .address_add_content li .name {
  640. height: 34px;
  641. line-height: 34px;
  642. display: block;
  643. color: #aaa;
  644. }
  645. .address_add_content li .minText {
  646. width: 50%;
  647. border: none;
  648. background: rgba(0, 0, 0, 0);
  649. vertical-align: top;
  650. padding-left: 0;
  651. display: block;
  652. -webkit-box-flex: 1;
  653. -webkit-flex: 1;
  654. flex: 1;
  655. }
  656. .address_add_content li .minText:focus {
  657. border: none;
  658. }
  659. .address_add_content select {
  660. -webkit-appearance: none;
  661. border-radius: 0;
  662. border: 1px solid #e5e5e5;
  663. height: 34px;
  664. line-height: 34px;
  665. padding: 0 23px 0 10px;
  666. color: #333;
  667. background-repeat: no-repeat;
  668. background-image: url('../images/down.png');
  669. background-position: center right;
  670. background-size: 23px 7px;
  671. display: block;
  672. -webkit-box-flex: 1;
  673. -webkit-flex: 1;
  674. flex: 1;
  675. }
  676. .address_add_content select[disabled] {
  677. background-color: #e5e5e5;
  678. color: #999;
  679. }
  680. .address_add_content li p {
  681. -webkit-box-flex: 1;
  682. -webkit-flex: 1;
  683. flex: 1;
  684. line-height: 32px;
  685. height: 32px;
  686. border: 1px solid #e5e5e5;
  687. padding-left: 10px;
  688. position: relative;
  689. display: block;
  690. display: -webkit-box;
  691. display: -webkit-flex;
  692. display: flex;
  693. }
  694. .address_add_content li p label {
  695. display: inline-block;
  696. width: 100%;
  697. height: 100%;
  698. }
  699. .address_add_content .province_select {
  700. margin-right: 10px;
  701. }
  702. .address_add_content input.save {
  703. display: block;
  704. -webkit-appearance: none;
  705. -webkit-box-flex: 1;
  706. -webkit-flex: 1;
  707. flex: 1;
  708. margin: 0 26px;
  709. background: #fe5955;
  710. color: #fff;
  711. border: none;
  712. height: 40px;
  713. border-radius: 3px;
  714. }
  715. .c-btn-orange {
  716. width: 100%;
  717. height: 40px;
  718. font-size: 16px;
  719. font-weight: blod;
  720. }
  721. .c-btn-orange {
  722. display: block;
  723. background-color: #FF2233;
  724. border-radius: 5px;
  725. text-align: center;
  726. height: 40px;
  727. line-height: 40px;
  728. color: #FFF;
  729. font-size: 16px;
  730. border: none;
  731. font-family: 微软雅黑
  732. }
  733. a.c-btn-orange {
  734. width: 100%;
  735. height: 40px;
  736. font-size: 16px;
  737. font-weight: blod;
  738. color: #FFF;
  739. font-size: 16px;
  740. font-family: 微软雅黑
  741. }
  742. /*
  743. 结算
  744. */
  745. .address_phone {
  746. background: url(../images/address_phone.png) no-repeat left center;
  747. margin-left: 20px;
  748. text-indent: 20px;
  749. background-size: 16px;
  750. display: inline-block;
  751. color: #999;
  752. }
  753. .text-limit {
  754. margin-top: 5px;
  755. }
  756. .btn1 {
  757. display: block;
  758. width: 70px;
  759. height: 30px;
  760. line-height: 30px;
  761. background: #FF6600;
  762. font-size: 14px;
  763. font-weight: normal;
  764. color: #fff;
  765. text-align: center;
  766. border-radius: 2px;
  767. -moz-border-radius: 2px;
  768. -webkit-border-radius: 2px;
  769. float: right;
  770. border: none;
  771. }
  772. .isfapiao {
  773. background-color: #B3B3B3;
  774. border-radius: 2px;
  775. color: #FFFFFF;
  776. display: inline-block;
  777. height: 25px;
  778. line-height: 25px;
  779. overflow: hidden;
  780. padding: 1px;
  781. text-align: center;
  782. width: 44px;
  783. }
  784. .isfapiao .fl {
  785. margin-left: 1px;
  786. }
  787. .isfapiao i {
  788. background: none repeat scroll 0 0 #FFFFFF;
  789. border-radius: 2px;
  790. display: inline-block;
  791. height: 23px;
  792. margin: 1px 1px 0 0;
  793. width: 20px;
  794. -webkit-transform: none;
  795. -moz-transform: none;
  796. -o-transform: none;
  797. top: 0;
  798. right: 0;
  799. position: static;
  800. }
  801. .panel-heading a.link {
  802. border-radius: 5px;
  803. background: #FF6600;
  804. color: #fff;
  805. line-height: 20px;
  806. font-size: 14px;
  807. padding: 0px 3px;
  808. margin: 0 3px;
  809. position: absolute;
  810. top: 7px;
  811. right: 5px;
  812. }
  813. .title a.link {
  814. border-radius: 5px;
  815. background: #FF6600;
  816. color: #fff;
  817. padding: 2px 3px;
  818. margin: 0 3px;
  819. display: inline-block;
  820. font-size: 14px;
  821. }
  822. a.modify {
  823. border-radius: 5px;
  824. background: #FF6600;
  825. color: #fff;
  826. float: right;
  827. padding: 2px 3px;
  828. margin: 0 3px;
  829. display: inline-block;
  830. font-size: 14px;
  831. font-weight: normal;
  832. }
  833. .pay-btn .sub-btn {
  834. display: block;
  835. width: 100%;
  836. height: 40px;
  837. line-height: 40px;
  838. color: #FFF;
  839. }
  840. .jh-btn {
  841. background: -webkit-gradient(linear, left top, left bottom, from(#ffb22d), to(#ffaa05));
  842. }
  843. .btn2 {
  844. background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
  845. color: #5f5f5f;
  846. border: #d4d4d4 solid 1px;
  847. }
  848. .panel {
  849. margin: 0 0 10px;
  850. background-color: #fff;
  851. overflow: hidden
  852. }
  853. .panel-heading {
  854. padding: 7px 10px;
  855. border-bottom: 1px solid transparent;
  856. border-top-right-radius: 3px;
  857. border-top-left-radius: 3px;
  858. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#f0f0f0');
  859. background: -ms-linear-gradient(top, #ededed, #f0f0f0);
  860. background: -moz-linear-gradient(top, #ededed, #f0f0f0);
  861. background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed), to(#f0f0f0));
  862. border: 1px solid transparent;
  863. }
  864. .panel-title {
  865. margin-top: 0;
  866. margin-bottom: 0;
  867. font-size: 14px;
  868. color: #333;
  869. height: 20px;
  870. line-height: 20px;
  871. }
  872. .panel-title>a {
  873. color: inherit
  874. }
  875. .panel-body:after,
  876. .panel-body:before {
  877. display: table;
  878. content: " "
  879. }
  880. .panel-body:after {
  881. clear: both
  882. }
  883. .panel-default {
  884. border-color: #E5E5E5
  885. }
  886. .panel-default>.panel-heading {
  887. color: #333;
  888. background-color: #f5f5f5;
  889. border-color: #E5E5E5
  890. }
  891. .panel-default>.panel-heading+.panel-collapse .panel-body {
  892. border-top-color: #ddd
  893. }
  894. .panel-body:after,
  895. .panel-body:before {
  896. display: table;
  897. content: " "
  898. }
  899. .panel-body:after {
  900. clear: both
  901. }
  902. .info-box,
  903. .pay-box {
  904. border: none
  905. }
  906. .info-box .title {
  907. padding: 15px 10px;
  908. font-size: 14px;
  909. }
  910. .info-box .title span {
  911. font-weight: bold
  912. }
  913. .info-box .title .i-icon-arrow-down,
  914. .info-box .title .i-icon-arrow-right {
  915. float: right;
  916. margin-right: 0
  917. }
  918. .info-box .info-address {
  919. border-bottom: 1px solid #E5E5E5
  920. }
  921. .info-box .info-address .title {
  922. padding: 10px;
  923. font-size: 14px;
  924. border: none
  925. }
  926. .info-box .info-address .i-icon-arrow-right,
  927. .info-box .info-address .icon-radio {
  928. margin-top: 15px
  929. }
  930. .nav-list-sidenav>li>.i-icon-arrow-down {
  931. float: right;
  932. margin-right: 0
  933. }
  934. .nav-list-sidenav>li>.pull-right {
  935. float: right
  936. }
  937. .icon-radio {
  938. width: 15px;
  939. height: 15px;
  940. background-position: 0 -120px
  941. }
  942. .icon-radio-active,
  943. .icon-radio.active {
  944. background-position: 0 -100px
  945. }
  946. .icon-check {
  947. width: 18px;
  948. height: 18px;
  949. background-position: 0 -140px
  950. }
  951. .icon-check-active,
  952. .icon-check.active {
  953. background-position: 0 -160px
  954. }
  955. .i-icon-arrow-right {
  956. background-position: -82px -65px
  957. }
  958. .i-icon-arrow-down {
  959. background-position: -96px -62px
  960. }
  961. .i-icon-arrow-up {
  962. background-position: -96px -80px
  963. }
  964. .icon-pay {
  965. background-position: 0 -50px
  966. }
  967. .icon-goodsnum {
  968. background-position: 0 -25px
  969. }
  970. .icon-money {
  971. background-position: 0 -76px
  972. }
  973. em.qxz {
  974. font-size: 14px;
  975. color: #999;
  976. margin-left: 10px;
  977. }
  978. .extra_info {
  979. color: #bbbbbb
  980. }
  981. .ct-list .price {
  982. color: #eb4d4d;
  983. }
  984. /*配件*/
  985. .scroll_best {
  986. text-align: center;
  987. margin: 0px 8px;
  988. }
  989. .scroll_best .hd {
  990. height: 20px;
  991. overflow: hidden;
  992. font-size: 0;
  993. position: absolute;
  994. width: 100%;
  995. }
  996. .scroll_best .hd ul {
  997. display: inline-block;
  998. padding-top: 5px;
  999. }
  1000. .scroll_best .hd li {
  1001. display: inline-block;
  1002. width: 10px;
  1003. height: 10px;
  1004. background: #C5C1C0;
  1005. margin: 0 4px;
  1006. vertical-align: top;
  1007. overflow: hidden;
  1008. -webkit-border-radius: 8px;
  1009. -moz-border-radius: 6px;
  1010. border-radius: 6px;
  1011. }
  1012. .scroll_best .hd .on {
  1013. background: #D6505B;
  1014. }
  1015. .index_floor {
  1016. width: 100%;
  1017. overflow: hidden;
  1018. margin-bottom: 20px;
  1019. background: #FFF;
  1020. }
  1021. .index_floor h2 {
  1022. height: 35px;
  1023. line-height: 37px;
  1024. background: #ffffff;
  1025. position: relative;
  1026. font-size: 18px;
  1027. font-family: "微软雅黑";
  1028. font-weight: normal;
  1029. text-indent: 15px;
  1030. color: #535353;
  1031. }
  1032. .index_floor h2 span {
  1033. height: 17px;
  1034. width: 3px;
  1035. background: #f23015;
  1036. position: absolute;
  1037. display: block;
  1038. margin-top: 10px;
  1039. margin-left: 6px;
  1040. }
  1041. .bd {
  1042. width: 100%;
  1043. overflow: hidden
  1044. }
  1045. .bd ul {
  1046. width: 100%;
  1047. overflow: hidden
  1048. }
  1049. .bd ul li {
  1050. width: 33.3%;
  1051. float: left;
  1052. text-align: center;
  1053. margin-bottom: 10px;
  1054. }
  1055. .bd ul li a {
  1056. display: block;
  1057. width: 90%;
  1058. overflow: hidden;
  1059. margin: auto;
  1060. }
  1061. .bd ul li a .products_kuang {
  1062. overflow: hidden;
  1063. }
  1064. .bd ul li a .products_kuang img {
  1065. display: block;
  1066. width: 100%;
  1067. }
  1068. .goods_name {
  1069. width: 100%;
  1070. font-size: 14px;
  1071. color: #585858;
  1072. height: 30px;
  1073. line-height: 30px;
  1074. overflow: hidden;
  1075. text-align: left;
  1076. }
  1077. .bd ul li .price {
  1078. height: 30px;
  1079. width: 100%;
  1080. position: relative;
  1081. margin-top: 6px;
  1082. }
  1083. .bd ul li .price p {
  1084. text-align: left;
  1085. width: 90%;
  1086. height: 30px;
  1087. font-size: 14px;
  1088. color: #666;
  1089. line-height: 30px;
  1090. }
  1091. .bd ul li .price .car {
  1092. display: block;
  1093. right: 10px;
  1094. height: 25px;
  1095. width: 25px;
  1096. background: #f23;
  1097. position: absolute;
  1098. -webkit-border-radius: 50%;
  1099. -moz-border-radius: 50%;
  1100. border-radius: 50%;
  1101. top: 0;
  1102. }
  1103. .bd ul li .price .car img {
  1104. display: block;
  1105. margin: auto;
  1106. width: 25px;
  1107. height: 25px;
  1108. }
  1109. /*购物车提交订单结算页面*/
  1110. .clear {
  1111. clear: both
  1112. }
  1113. .h {
  1114. color: #f50
  1115. }
  1116. .order-buy {}
  1117. .order-buy .address {
  1118. /* color: #fff; */
  1119. padding: 12px;
  1120. /* padding-left: 40px; */
  1121. padding-right: 24px;
  1122. background: #FFFFFF;
  1123. position: relative;
  1124. background: #fff url(../images/line.jpg) bottom no-repeat;
  1125. background-size: 100%;
  1126. }
  1127. .order-buy .address.trial_order {
  1128. background-image: none;
  1129. }
  1130. .order-buy .address>div {
  1131. padding: 4px 0
  1132. }
  1133. .order-buy .address::before {
  1134. /* content: ''; */
  1135. display: inline-block;
  1136. width: 20px;
  1137. height: 20px;
  1138. position: absolute;
  1139. left: 12px;
  1140. top: 32%;
  1141. /* background: #5e6b85 url('../images/address.png') no-repeat; */
  1142. background-size: 20px;
  1143. background-position: 0 0
  1144. }
  1145. .order-buy .address::after {
  1146. content: '';
  1147. display: inline-block;
  1148. width: 10px;
  1149. height: 10px;
  1150. position: absolute;
  1151. right: 12px;
  1152. top: 40%;
  1153. border-right: 1px solid #5E6B85;
  1154. border-top: 1px solid #5E6B85;
  1155. -webkit-transform: rotate(45deg)
  1156. }
  1157. .order-buy .address.trial_order::after {
  1158. display: none;
  1159. }
  1160. .trial_order a::after {
  1161. content: '';
  1162. display: inline-block;
  1163. width: 8px;
  1164. height: 8px;
  1165. position: absolute;
  1166. /* right: 12px; */
  1167. top: 20%;
  1168. margin-left: 5px;
  1169. /* margin-top: -100px; */
  1170. border-right: 1px solid #B8B8B8;
  1171. border-top: 1px solid #B8B8B8;
  1172. -webkit-transform: rotate(135deg);
  1173. }
  1174. .trial_order #btn.up::after {
  1175. top: 40%;
  1176. -webkit-transform: rotate(-45deg);
  1177. }
  1178. .hide {
  1179. display: none;
  1180. }
  1181. .trial_order a {
  1182. display: block;
  1183. text-align: center;
  1184. position: relative;
  1185. text-decoration: underline;
  1186. color: #B8B8B8;
  1187. }
  1188. .trial_order_btn {
  1189. border-top: 1px solid #B8B8B8;
  1190. height: 25px;
  1191. }
  1192. .trial_order_btn input {
  1193. float: right;
  1194. }
  1195. .order-buy .address .address-info {
  1196. display: -webkit-box
  1197. }
  1198. .order-buy .address .address-info p {
  1199. -webkit-box-flex: 1;
  1200. width: 100%;
  1201. font-size: 16px;
  1202. /* color: #fff; */
  1203. overflow: hidden;
  1204. -webkit-line-clamp: 1;
  1205. -webkit-box-orient: vertical;
  1206. display: -webkit-box;
  1207. word-break: break-all
  1208. }
  1209. .order-buy .address .address-info .address-phone {
  1210. /*text-align: right*/
  1211. }
  1212. .order-buy .address .address-details {
  1213. font-size: 14px;
  1214. line-height: 16px
  1215. }
  1216. .order-buy .address .address-vice-explain {
  1217. font-size: 10px;
  1218. color: rgba(255, 255, 255, .5)
  1219. }
  1220. .order-buy .order {
  1221. margin-top: 12px;
  1222. }
  1223. .order-buy .order-info {
  1224. background: #fff;
  1225. margin-top: 12px;
  1226. /* padding: 0 12px; */
  1227. }
  1228. .order-buy .order-info .seller-name {
  1229. font-size: 14px;
  1230. padding: 16px 0;
  1231. border-bottom: 1px solid #eee
  1232. }
  1233. .order-buy .order-info .order-list-info li {
  1234. position: relative;
  1235. padding: 0 12px;
  1236. border-top: 1px solid #CCC;
  1237. }
  1238. .order-list-info li input[type="button"] {
  1239. float: right;
  1240. margin: 5px 0;
  1241. }
  1242. .order-buy .order-info .order-list-info .list-info {
  1243. display: -webkit-box;
  1244. padding: 12px 0;
  1245. /* padding-right: 70px; */
  1246. border-bottom: 1px solid #eee
  1247. }
  1248. .order-buy .order-info .order-list-info .list-info .list-cont {
  1249. -webkit-box-flex: 1
  1250. }
  1251. .order-buy .order-info .order-list-info .list-info .package {
  1252. color: #999;
  1253. height: 30px;
  1254. line-height: 30px;
  1255. }
  1256. .order-buy .order-info .order-list-info .list-info .list-img {
  1257. display: inline-block;
  1258. width: 120px;
  1259. height: 100px;
  1260. margin-right: 8px;
  1261. text-align: center
  1262. }
  1263. .order-buy .order-info .order-list-info .list-info .list-img a {
  1264. /* max-height: 60px; */
  1265. /* line-height: 60px; */
  1266. display: block
  1267. }
  1268. .order-buy .order-info .order-list-info .list-info .list-img a img {
  1269. width: 120px;
  1270. height: 100px;
  1271. }
  1272. .order-buy .order-info .order-list-info .list-info .list-img p img {
  1273. width: 100%
  1274. }
  1275. .order-buy .order-info .order-list-info .list-price-nums {
  1276. /* margin: 12px 12px 0 8px; */
  1277. /* width: 120px; */
  1278. /* position: absolute; */
  1279. /* bottom: 0; */
  1280. /* right: 0; */
  1281. /* text-align: right; */
  1282. /* line-height: 16px */
  1283. }
  1284. .order-buy .order-info .order-list-info .list-price-nums .price {
  1285. color: #f23015;
  1286. /* display: inline-block; */
  1287. }
  1288. .order-buy .order-info .order-list-info .list-price-nums p {
  1289. font-size: 14px;
  1290. display: inline-block;
  1291. }
  1292. .order-buy .order-info .order-list-info .list-price-nums .nums {
  1293. font-weight: 700;
  1294. float: right;
  1295. }
  1296. .order-buy .order-info .order-list-info .list-cont .goods-title {
  1297. font-size: 14px;
  1298. overflow: hidden;
  1299. -webkit-line-clamp: 2;
  1300. -webkit-box-orient: vertical;
  1301. display: -webkit-box;
  1302. line-height: 16px;
  1303. font-weight: normal;
  1304. }
  1305. .order-buy .order-info .order-list-info .list-cont .goods-title img {
  1306. width: 18px
  1307. }
  1308. .order-buy .order-info .order-list-info .list-cont .godds-specification {
  1309. margin-top: 8px;
  1310. font-size: 12px;
  1311. color: #999;
  1312. line-height: 20px;
  1313. }
  1314. .order-buy .order-info .goods-preferential {
  1315. font-size: 14px;
  1316. color: #999;
  1317. border-bottom: 1px solid #ddd;
  1318. padding: 8px 0
  1319. }
  1320. .order-buy .order-info .buy-nums {
  1321. position: relative
  1322. }
  1323. .order-buy .order-info .buy-nums .nums {
  1324. width: 120px;
  1325. position: absolute;
  1326. right: 0;
  1327. top: 7px;
  1328. display: inline-block;
  1329. border: 1px solid #c5c8cf;
  1330. text-align: left;
  1331. overflow: hidden
  1332. }
  1333. .order-buy .order-info .buy-nums .minus,
  1334. .order-buy .order-info .buy-nums .plus,
  1335. .order-buy .order-info .buy-nums .input-nums {
  1336. float: left
  1337. }
  1338. .order-buy .order-info .buy-nums .minus,
  1339. .order-buy .order-info .buy-nums .plus {
  1340. width: 32px;
  1341. height: 32px;
  1342. line-height: 32px;
  1343. text-align: center;
  1344. color: #6e758a;
  1345. font-size: 18px
  1346. }
  1347. .order-buy .order-info .buy-nums .minus.lock,
  1348. .order-buy .order-info .buy-nums .plus.lock {
  1349. color: #d5d5d5
  1350. }
  1351. .order-buy .order-info .buy-nums .minus {
  1352. border-right: 1px solid #c5c8cf
  1353. }
  1354. .order-buy .order-info .buy-nums .plus {
  1355. border-left: 1px solid #c5c8cf
  1356. }
  1357. .order-buy .order-info .buy-nums .input-nums {
  1358. width: 53px;
  1359. height: 32px;
  1360. text-align: center
  1361. }
  1362. .order-buy .order-info .subtotal {
  1363. padding: 12px 0;
  1364. text-align: center;
  1365. font-size: 14px;
  1366. /* border-top: 1px solid #eee; */
  1367. line-height: 25px;
  1368. }
  1369. .order-buy .order-info .subtotal .total-text {
  1370. color: #999
  1371. }
  1372. .order-buy .order-info .subtotal .price_total {
  1373. font-size: 18px;
  1374. font-weight: 700;
  1375. color: #ff2233;
  1376. }
  1377. .order-buy .order .b-box {
  1378. padding: 16px 0
  1379. }
  1380. .order-buy .b-box {
  1381. display: -webkit-box;
  1382. position: relative;
  1383. padding: 16px 12px;
  1384. border-top: 1px solid #eee;
  1385. margin-top: -1px
  1386. }
  1387. .order-buy .b-box .title {
  1388. display: inline-block
  1389. }
  1390. .order-buy .b-box .interpret {
  1391. -webkit-box-flex: 1;
  1392. width: 100%;
  1393. text-align: right;
  1394. font-size: 14px;
  1395. color: #999;
  1396. padding-left: 10px
  1397. }
  1398. .order-buy .b-box.arrow,
  1399. .order-buy .b-box .arrow {
  1400. padding-right: 24px
  1401. }
  1402. .order-buy .b-box.arrow::after,
  1403. .order-buy .b-box .arrow::after {
  1404. content: '';
  1405. display: inline-block;
  1406. width: 8px;
  1407. height: 8px;
  1408. position: absolute;
  1409. right: 8px;
  1410. top: 34%;
  1411. border-right: 1px solid #5f646e;
  1412. border-top: 1px solid #5f646e;
  1413. -webkit-transform: rotate(45deg)
  1414. }
  1415. .order-buy .b-box .multi-select>div {
  1416. position: relative;
  1417. min-height: 20px
  1418. }
  1419. .order-buy .b-box .multi-select .arrow span {
  1420. line-height: 20px
  1421. }
  1422. .order-buy .b-box .multi-select hr {
  1423. border: 0;
  1424. height: 1px;
  1425. background: #eee;
  1426. margin: 16px 0
  1427. }
  1428. .order-buy .b-box .multi-select .c-order-select {
  1429. position: absolute;
  1430. right: 0;
  1431. top: 0;
  1432. opacity: 0;
  1433. height: 100%
  1434. }
  1435. .order-buy .bridge {
  1436. padding-left: 12px;
  1437. padding-right: 12px;
  1438. background: #fff
  1439. }
  1440. .order-buy .order-inputs {
  1441. width: 100%
  1442. }
  1443. .order-buy .order-inputs p:last-child {
  1444. padding-bottom: 16px;
  1445. border-bottom: 1px solid #eee
  1446. }
  1447. .order-buy .order-inputs p {
  1448. padding-top: 16px
  1449. }
  1450. .order-buy .inputs {
  1451. padding: 12px 0
  1452. }
  1453. .order-buy .anyChannel {
  1454. padding: 0 12px;
  1455. background: #fff
  1456. }
  1457. .order-buy .options {
  1458. padding: 12px
  1459. }
  1460. .order-buy .options .vice-t {
  1461. font-size: 10px;
  1462. color: #999
  1463. }
  1464. .order-buy .options .title {
  1465. -webkit-box-flex: 1;
  1466. display: -webkit-box;
  1467. width: 100%;
  1468. -webkit-box-align: center
  1469. }
  1470. .order-buy .options .interpret {
  1471. -webkit-box-flex: none;
  1472. width: auto;
  1473. display: inline-block
  1474. }
  1475. .order-buy .table {
  1476. width: 100%
  1477. }
  1478. .order-buy .table p {
  1479. padding-bottom: 10px;
  1480. margin-bottom: 10px;
  1481. border-bottom: 1px solid #eee;
  1482. line-height: 18px
  1483. }
  1484. .order-buy .table p span {
  1485. margin-right: 10px;
  1486. word-break: break-all
  1487. }
  1488. .order-buy .table p:last-child {
  1489. margin: 0;
  1490. padding: 0;
  1491. border: 0
  1492. }
  1493. .order-buy .terms {
  1494. background: #fff
  1495. }
  1496. .order-buy .terms .title {
  1497. padding-right: 30px;
  1498. background: url(../images/TB1FbHNGXXXXXXQXFXXWA_BHXXX-48-48.png) no-repeat right 5px;
  1499. background-size: 24px
  1500. }
  1501. .order-buy .terms.d {
  1502. padding-right: 0;
  1503. padding-left: 0
  1504. }
  1505. .order-buy .bottom-bar .total-price {
  1506. bottom: 0;
  1507. left: 0;
  1508. height: 60px;
  1509. width: 100%;
  1510. background: #fff;
  1511. border-top: 1px solid #ddd;
  1512. color: #f50;
  1513. font-size: 14px;
  1514. text-align: right;
  1515. display: -webkit-box;
  1516. -webkit-box-align: center
  1517. }
  1518. .order-buy .bottom-bar .total-price>div {
  1519. width: 100%
  1520. }
  1521. .order-buy .bottom-bar .total-price p {
  1522. display: inline-block;
  1523. height: 45px;
  1524. color: #f50;
  1525. margin-right: 8px;
  1526. float: right;
  1527. overflow: hidden
  1528. }
  1529. .order-buy .bottom-bar .total-price .realPay {
  1530. line-height: 47px;
  1531. margin-right: 16px
  1532. }
  1533. .order-buy .bottom-bar .total-price .price {
  1534. font-size: 16px;
  1535. font-weight: 700
  1536. }
  1537. .order-buy .c-order-btn {
  1538. border: 0;
  1539. display: inline-block;
  1540. text-align: center;
  1541. text-decoration: none;
  1542. width: 130px;
  1543. height: 45px;
  1544. line-height: 45px;
  1545. color: #fff;
  1546. font-size: 16px;
  1547. -webkit-border-radius: 5px;
  1548. background: #ff2233;
  1549. font-family: '微软雅黑'
  1550. }
  1551. .order-buy .c-order-btn-disabled {
  1552. background: #dedede;
  1553. color: #4e4e4e
  1554. }
  1555. .voucher-num {
  1556. height: 60px;
  1557. width: 100%;
  1558. line-height: 20px;
  1559. border: #ddd 1px solid;
  1560. -webkit-appearance: none;
  1561. -webkit-box-flex: 1;
  1562. -webkit-flex: 1;
  1563. flex: 1;
  1564. border-radius: 0;
  1565. -webkit-rtl-ordering: logical;
  1566. -webkit-user-select: text;
  1567. cursor: auto;
  1568. background-color: white
  1569. }
  1570. #fapiao68 input {
  1571. height: 28px;
  1572. line-height: 28px;
  1573. margin-top: 10px;
  1574. margin-bottom: 10px;
  1575. }
  1576. /* 购物车登录、注册页面 修改部分 */
  1577. .nl-frame-container {
  1578. margin-top: 20px!important;
  1579. }
  1580. .ng-form-area {
  1581. margin-top: 20px;
  1582. }
  1583. .enter-item {
  1584. width: 94%!important;
  1585. margin-top: 5px;
  1586. }
  1587. .button {
  1588. width: 98%!important;
  1589. }
  1590. /*订单提交成功页面*/
  1591. .content_success {
  1592. padding: 10px;
  1593. background: #FFF;
  1594. }
  1595. .content_success li {
  1596. height: 40px;
  1597. line-height: 40px;
  1598. padding: 0 15px;
  1599. font-size: 14px;
  1600. }
  1601. .successtijiao {
  1602. border-bottom: #ddd 1px solid;
  1603. font-size: 16px;
  1604. color: #9EC069;
  1605. font-weight: bold;
  1606. background: url(../images/iconfont-duihao.png) no-repeat 10px center;
  1607. background-size: 30px;
  1608. text-indent: 60px;
  1609. height: 50px;
  1610. line-height: 50px;
  1611. margin-bottom: 15px;
  1612. }
  1613. .pay-btn {
  1614. margin: 0 12px;
  1615. padding-bottom: 12px;
  1616. }
  1617. .pay-btn a {
  1618. color: #FFF;
  1619. }
  1620. .content_success li em {
  1621. color: #000
  1622. }
  1623. /*优惠活动代码*/
  1624. .huodong_list {
  1625. width: 100%;
  1626. overflow: hidden;
  1627. border-bottom: 1px dotted #CCC;
  1628. padding-top: 10px;
  1629. }
  1630. .h_title {
  1631. width: 95%;
  1632. overflow: hidden;
  1633. margin: auto
  1634. }
  1635. .h_title dt {
  1636. float: left;
  1637. height: 25px;
  1638. width: 25px;
  1639. background: #FF2233;
  1640. font-size: 16px;
  1641. color: #FFF;
  1642. text-align: center;
  1643. line-height: 25px;
  1644. border-radius: 50%;
  1645. }
  1646. .h_title dd {
  1647. float: left;
  1648. height: 30px;
  1649. font-size: 16px;
  1650. color: #333;
  1651. line-height: 30px;
  1652. text-indent: 10px
  1653. }
  1654. .h_title1 {
  1655. width: 95%;
  1656. overflow: hidden;
  1657. margin: auto
  1658. }
  1659. .h_title1 dt {
  1660. float: left;
  1661. overflow: hidden;
  1662. width: 25%;
  1663. font-size: 14px;
  1664. line-height: 150%;
  1665. }
  1666. .h_title1 dd {
  1667. width: 75%;
  1668. float: left;
  1669. overflow: hidden;
  1670. font-size: 14px;
  1671. color: #666;
  1672. line-height: 150%;
  1673. }
  1674. .btn_orange {
  1675. display: block;
  1676. width: 96%;
  1677. margin-left: 2%;
  1678. margin-right: 2%;
  1679. height: 40px;
  1680. margin: auto;
  1681. background: #FF2233;
  1682. font-size: 16px;
  1683. line-height: 40px;
  1684. color: #FFF;
  1685. text-align: center;
  1686. border-radius: 5px;
  1687. border: 0px;
  1688. margin-top: 10px;
  1689. margin-bottom: 10px;
  1690. font-family: 微软雅黑
  1691. }
  1692. .activity {
  1693. padding: 10px 10px 10px 10px;
  1694. font-size: 14px;
  1695. }
  1696. .order_total_li {
  1697. border: 0;
  1698. text-align: right;
  1699. color: #999;
  1700. padding-bottom: 20px;
  1701. font-size: 14px;
  1702. line-height: 22px;
  1703. }
  1704. .order_total_ul {
  1705. /* line-height: 18px; */
  1706. padding-top: 10px;
  1707. /* padding-bottom: 10px; */
  1708. }
  1709. .txt1 {
  1710. border: 1px solid #DFDFDF;
  1711. height: 18px;
  1712. line-height: 18px;
  1713. padding-top: 7px;
  1714. padding-bottom: 7px;
  1715. width: 195px;
  1716. padding-left: 5px;
  1717. -webkit-appearance: none;
  1718. -webkit-box-flex: 1;
  1719. -webkit-flex: 1;
  1720. flex: 1;
  1721. border-radius: 0;
  1722. -webkit-rtl-ordering: logical;
  1723. -webkit-user-select: text;
  1724. cursor: auto;
  1725. background-color: white;
  1726. }
  1727. .txt2 {
  1728. border: 1px solid #DFDFDF;
  1729. height: 18px;
  1730. line-height: 18px;
  1731. padding-top: 5px;
  1732. padding-bottom: 6px;
  1733. width: 195px;
  1734. padding-left: 5px;
  1735. -webkit-appearance: none;
  1736. -webkit-box-flex: 1;
  1737. -webkit-flex: 1;
  1738. flex: 1;
  1739. border-radius: 0;
  1740. -webkit-rtl-ordering: logical;
  1741. -webkit-user-select: text;
  1742. cursor: auto;
  1743. background-color: white;
  1744. }
  1745. /*发票*/
  1746. #fapiao68 select {
  1747. -webkit-appearance: none;
  1748. border-radius: 0;
  1749. border: 1px solid #e5e5e5;
  1750. height: 34px;
  1751. line-height: 34px;
  1752. padding: 0 33px 0 10px;
  1753. color: #333;
  1754. background-repeat: no-repeat;
  1755. background-image: url('../images/down.png');
  1756. background-position: center right;
  1757. background-size: 23px 7px;
  1758. display: inline-block;
  1759. -webkit-box-flex: 1;
  1760. -webkit-flex: 1;
  1761. flex: 1;
  1762. }
  1763. /*选择赠品*/
  1764. /*html5 reset*/
  1765. .have_gift {
  1766. line-height: 44px;
  1767. height: 44px;
  1768. border-bottom: #ddd 1px solid;
  1769. text-indent: 15px;
  1770. }
  1771. .have_gift span {
  1772. float: left;
  1773. }
  1774. .have_gift span:first-child {
  1775. color: #ff463c;
  1776. font-size: 14px;
  1777. width: 51px;
  1778. }
  1779. .have_gift span:nth-child(2) {
  1780. text-overflow: ellipsis;
  1781. overflow: hidden;
  1782. white-space: nowrap;
  1783. width: 60%;
  1784. font-size: 14px;
  1785. font-weight: normal;
  1786. }
  1787. .have_giftf1 {
  1788. line-height: 24px;
  1789. margin-left: 14px;
  1790. padding-top: 10px;
  1791. padding-bottom: 10px;
  1792. }
  1793. .have_giftf1 span {
  1794. float: left;
  1795. }
  1796. .have_giftf1 span:first-child {
  1797. color: #ff463c;
  1798. font-size: 14px;
  1799. width: 51px;
  1800. }
  1801. .have_giftf1 span:nth-child(2) {
  1802. color: #787878;
  1803. font-size: 14px;
  1804. width: 60%;
  1805. }
  1806. /*赠品弹出框*/
  1807. ::-webkit-scrollbar {
  1808. width: 0px;
  1809. }
  1810. .f_block {
  1811. width: 100%;
  1812. }
  1813. .p-link {
  1814. display: block;
  1815. height: 100%;
  1816. }
  1817. .f_block .f_content {
  1818. background: #F1F1F5;
  1819. overflow-y: scroll
  1820. }
  1821. #choose {
  1822. position: fixed;
  1823. bottom: 0;
  1824. left: 0;
  1825. height: 0px;
  1826. background: #FFF;
  1827. z-index: 99999999;
  1828. overflow: hidden;
  1829. }
  1830. .f_foot {
  1831. background: #f7f7f7;
  1832. border-top: 1px solid #e6e6e6;
  1833. width: 100%;
  1834. }
  1835. .f_mask {
  1836. background-color: #000;
  1837. opacity: 0.4;
  1838. height: 100%;
  1839. width: 100%;
  1840. position: absolute;
  1841. top: 0;
  1842. left: 0;
  1843. z-index: 111;
  1844. display: none;
  1845. }
  1846. .f_select {
  1847. width: 96%;
  1848. border: 1px solid #5c5d5f;
  1849. border-radius: 5px;
  1850. margin: .5rem auto;
  1851. }
  1852. .f_select div:first-child {
  1853. height: 3.9rem;
  1854. }
  1855. .f_select div:last-child {
  1856. border-top: 1px solid #5c5d5f;
  1857. padding-bottom: 1rem;
  1858. display: none;
  1859. }
  1860. .f_foot {
  1861. background: #f7f7f7;
  1862. border-top: 1px solid #e6e6e6;
  1863. width: 100%;
  1864. }
  1865. .f_foot a.c_btn {
  1866. margin: 1.05rem auto;
  1867. font-size: 1.6rem;
  1868. }
  1869. a.c_btn {
  1870. width: 7.8rem;
  1871. height: 3.9rem;
  1872. line-height: 3.9rem;
  1873. color: #000000;
  1874. font-family: "黑体";
  1875. font-size: 1.5rem;
  1876. display: block;
  1877. border-radius: 6px;
  1878. text-align: center;
  1879. cursor: pointer;
  1880. border: .1rem solid #000000;
  1881. }
  1882. .c_close {
  1883. background: url(../images/c_cancel.png) center no-repeat;
  1884. background-size: 16px 16px;
  1885. width: 26px;
  1886. height: 50px;
  1887. display: block;
  1888. float: right;
  1889. margin: 0;
  1890. }
  1891. .f_title {
  1892. line-height: 50px;
  1893. border-top: 1px solid #ebebeb;
  1894. border-bottom: 1px solid #ebebeb;
  1895. height: 50px;
  1896. font-size: 14px;
  1897. text-align: left;
  1898. text-indent: 15px;
  1899. color: #58595b;
  1900. padding-right: 15px;
  1901. font-weight: normal;
  1902. font-size: 18px
  1903. }
  1904. .in-title {
  1905. float: left;
  1906. line-height: 25px;
  1907. margin-right: 10px;
  1908. font-weight: normal;
  1909. margin-top: 10px;
  1910. margin-bottom: 10px;
  1911. }
  1912. .in-title {
  1913. font-size: 14px;
  1914. padding-left: 15px;
  1915. }
  1916. .p-img {
  1917. border: 1px solid #e7e7e7;
  1918. width: 60px;
  1919. height: 60px;
  1920. float: left;
  1921. }
  1922. .p-info {
  1923. padding-top: 0px;
  1924. margin-left: 70px;
  1925. line-height: 18px;
  1926. }
  1927. .p-info1 {
  1928. padding-top: 0px;
  1929. margin-left: 38px;
  1930. line-height: 18px;
  1931. }
  1932. .in-desc {
  1933. clear: both;
  1934. font-size: 14px;
  1935. color: #999;
  1936. padding: 0 20px;
  1937. line-height: 22px;
  1938. }
  1939. .no_gift {
  1940. font-size: 14px;
  1941. color: #333;
  1942. padding: 30px 20px 20px;
  1943. }
  1944. .miblebox {
  1945. border-bottom: 1px solid #e1e1e1;
  1946. border-width: 1px 0 1px 0;
  1947. background-color: #fff;
  1948. margin-bottom: 12px;
  1949. width: 100%;
  1950. overflow: hidden;
  1951. }
  1952. .mible-suit {
  1953. padding-bottom: 14px;
  1954. min-height: 105px;
  1955. }
  1956. .list-suit {
  1957. position: static;
  1958. padding-left: 5px;
  1959. padding-right: 5px;
  1960. height: auto;
  1961. width: auto;
  1962. }
  1963. .list-suit .list-suit-item:nth-child(n+1) {
  1964. padding-top: 14px;
  1965. }
  1966. .list-suit .list-suit-item {
  1967. padding-bottom: 6px;
  1968. border-bottom: 1px solid #dedede;
  1969. width: 99%;
  1970. display: block;
  1971. }
  1972. .list-suit-item {
  1973. padding-right: 0;
  1974. }
  1975. .list-suit li {
  1976. display: table-cell;
  1977. height: 72px;
  1978. overflow: hidden;
  1979. }
  1980. /*input标签样式*/
  1981. input,
  1982. select,
  1983. textarea {
  1984. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1985. -webkit-appearance: none;
  1986. border: 0;
  1987. border-radius: 0;
  1988. }
  1989. .c_checkbox {
  1990. width: 20px;
  1991. height: 20px;
  1992. background-image: url(../images/c_checkbox_off.png);
  1993. background-repeat: no-repeat;
  1994. background-size: 20px 20px;
  1995. border-radius: 50%;
  1996. margin: 20px 10px 0 0;
  1997. float: left;
  1998. }
  1999. .c_checkbox:checked {
  2000. background-image: url(../images/c_checkbox_on.png);
  2001. }
  2002. .p-name {
  2003. font-size: 13px;
  2004. font-weight: 400;
  2005. margin-bottom: 6px;
  2006. line-height: 16px;
  2007. margin-left: 50px;
  2008. overflow: hidden;
  2009. display: -webkit-box;
  2010. -webkit-line-clamp: 2;
  2011. -webkit-box-orient: vertical;
  2012. }
  2013. .p-price {
  2014. color: #f23015;
  2015. margin-left: 50px;
  2016. margin-right: 15px;
  2017. }
  2018. .p-price1 {
  2019. color: #58595b;
  2020. margin-left: 0px;
  2021. margin-right: 15px;
  2022. margin-top: 5px;
  2023. font-size: 13px;
  2024. }
  2025. .p-name1 {
  2026. font-size: 13px;
  2027. font-weight: 400;
  2028. margin-bottom: 6px;
  2029. line-height: 16px;
  2030. margin-left: 0px;
  2031. overflow: hidden;
  2032. display: -webkit-box;
  2033. -webkit-line-clamp: 2;
  2034. -webkit-box-orient: vertical;
  2035. }
  2036. .input_btn {
  2037. margin-top: 10px;
  2038. }
  2039. .add_gift {
  2040. border-radius: 5px;
  2041. background: #FF2233;
  2042. text-align: center;
  2043. height: 40px;
  2044. line-height: 40px;
  2045. font-size: 16px;
  2046. color: #fff;
  2047. width: 96%;
  2048. font-family: 微软雅黑;
  2049. border: none;
  2050. margin: 0 auto;
  2051. }
  2052. .flow_youhui {
  2053. padding: 10px 5px;
  2054. }
  2055. .flow_youhui_no {
  2056. padding: 10px 5px;
  2057. border-bottom: #eee 1px solid;
  2058. font-size: 14px;
  2059. }
  2060. .goods-list-title {
  2061. height: 50px;
  2062. line-height: 50px;
  2063. background: url(../images/dianpu.png) no-repeat left center;
  2064. text-indent: 25px;
  2065. background-size: 25px 25px;
  2066. border-bottom: #eee 1px solid;
  2067. font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
  2068. font-size: 14px;
  2069. color: #000000;
  2070. text-decoration: none;
  2071. font-weight: bold
  2072. }
  2073. .shipping_title {
  2074. height: 25px;
  2075. line-height: 25px;
  2076. margin: 11px 5px 5px 0;
  2077. }
  2078. .nav-list-sidenav {
  2079. padding-bottom: 14px;
  2080. font-size: 14px;
  2081. padding-left: 5px;
  2082. }
  2083. .baojia {
  2084. line-height: 20px;
  2085. line-height: 20px;
  2086. margin: 7px 5px 5px 5px;
  2087. border-bottom: 1px solid #eeeeee;
  2088. width: 100%;
  2089. padding-bottom: 10px;
  2090. font-size: 14px;
  2091. }
  2092. .baojia input {
  2093. margin-top: 4px;
  2094. margin-left: 2px;
  2095. }
  2096. .c_checkbox_t {
  2097. width: 20px;
  2098. height: 20px;
  2099. background-image: url(../images/c_checkbox_off.png);
  2100. background-repeat: no-repeat;
  2101. background-size: 20px 20px;
  2102. border-radius: 50%;
  2103. margin: 14px 5px 5px 0;
  2104. float: left;
  2105. }
  2106. .c_checkbox_t:checked {
  2107. background-image: url(../images/c_checkbox_on.png);
  2108. }
  2109. .c_checkbox_t:disabled {
  2110. background-image: url(../images/c_checkbox_dis.png);
  2111. }
  2112. .b_checkbox {
  2113. width: 17px;
  2114. height: 17px;
  2115. background-color: #fff;
  2116. background-image: url(../images/b_checkbox_off.png);
  2117. background-repeat: no-repeat;
  2118. background-size: 16px 16px;
  2119. margin: 7px 5px 5px 0;
  2120. }
  2121. .b_checkbox:checked {
  2122. background-image: url(../images/b_checkbox_on.png);
  2123. }
  2124. .b_checkbox:disabled {
  2125. background-image: url(../images/b_checkbox_dis.png);
  2126. }
  2127. .checkout_other select,
  2128. .checkout_other2 select {
  2129. -webkit-appearance: none;
  2130. border-radius: 0;
  2131. border: 1px solid #e5e5e5;
  2132. height: 34px;
  2133. line-height: 34px;
  2134. padding: 0 33px 0 10px;
  2135. color: #333;
  2136. background-repeat: no-repeat;
  2137. background-image: url('../images/down.png');
  2138. background-position: center right;
  2139. background-size: 23px 7px;
  2140. display: inline-block;
  2141. -webkit-box-flex: 1;
  2142. -webkit-flex: 1;
  2143. flex: 1;
  2144. }
  2145. .flow_bottom_list {
  2146. width: 100%;
  2147. margin: 10px 0px;
  2148. }
  2149. .flow_bottom_list textarea {
  2150. width: 96%;
  2151. height: 80px;
  2152. padding: 0 2%;
  2153. line-height: 22px;
  2154. }
  2155. .flow_bottom_list .c_checkbox_t {
  2156. margin-top: 5px
  2157. }
  2158. .free_freight {
  2159. font-size: 14px;
  2160. color: #333;
  2161. text-align: center;
  2162. }
  2163. .free_freight span {
  2164. font-size: 16px;
  2165. font-family: 微软雅黑;
  2166. color: #E31939;
  2167. margin: 0 5px;
  2168. }
  2169. #zk_ {
  2170. width: 100%;
  2171. }
  2172. .flow_shipping {
  2173. margin-bottom: 10px;
  2174. display: block
  2175. }
  2176. .touchweb_com-indexPop1 {
  2177. display: none;
  2178. position: fixed;
  2179. left: 0;
  2180. top: 0;
  2181. display: -webkit-box;
  2182. display: -webkit-flex;
  2183. display: -ms-flexbox;
  2184. display: flex;
  2185. -ms-flex-pack: center;
  2186. -webkit-box-pack: center;
  2187. box-pack: center;
  2188. -webkit-justify-content: center;
  2189. justify-content: center;
  2190. -ms-flex-align: center;
  2191. -webkit-box-align: center;
  2192. box-align: center;
  2193. -webkit-align-items: center;
  2194. align-items: center;
  2195. width: 100%;
  2196. height: 100%;
  2197. background-color: rgba(0, 0, 0, 0.7);
  2198. visibility: hidden;
  2199. opacity: 0;
  2200. -webkit-transition: opacity .3s;
  2201. transition: opacity .3s;
  2202. z-index: 99999999
  2203. }
  2204. .touchweb_com-indexPop1.show {
  2205. opacity: 1;
  2206. visibility: visible;
  2207. }
  2208. .touchweb_com-indexPop1 .inner {
  2209. width: 265px;
  2210. -webkit-box-sizing: border-box;
  2211. box-sizing: border-box;
  2212. padding: 18px 20px 15px;
  2213. -webkit-border-radius: 5px;
  2214. border-radius: 5px;
  2215. background-color: #fff;
  2216. height: auto;
  2217. }
  2218. .touchweb_com-indexPop1 .inner .btn_box {
  2219. display: -webkit-box;
  2220. display: -webkit-flex;
  2221. display: -ms-flexbox;
  2222. display: flex;
  2223. -ms-flex-pack: justify;
  2224. -webkit-box-pack: justify;
  2225. box-pack: justify;
  2226. -webkit-justify-content: space-between;
  2227. justify-content: space-between;
  2228. height: 30px;
  2229. margin-top: 10px;
  2230. text-align: center;
  2231. }
  2232. .touchweb_com-indexPop1 .inner .btn_box .btn {
  2233. display: block;
  2234. height: 30px;
  2235. line-height: 28px;
  2236. width: 105px;
  2237. font-size: 1.4rem;
  2238. -webkit-box-sizing: border-box;
  2239. box-sizing: border-box;
  2240. -webkit-border-radius: 4px;
  2241. border-radius: 4px;
  2242. color: #333;
  2243. }
  2244. .touchweb_com-indexPop1 .inner .btn_box .btn_confirm {
  2245. color: #fff;
  2246. background-color: #FF6766;
  2247. }
  2248. .touchweb_com-indexPop1 .inner .btn_box .btn_confirm:active {
  2249. background-color: #ff0909;
  2250. }
  2251. .touchweb_com-indexPop1 .inner .btn_box .btn_cancel {
  2252. border: 1px solid #757575;
  2253. color: #2B292C
  2254. }
  2255. .touchweb_com-indexPop1 .inner .btn_box .btn_cancel:active {
  2256. background-color: #25C6FC;
  2257. }
  2258. .touchweb_com-indexPop1 {
  2259. font-size: .12rem;
  2260. }
  2261. .touchweb_com-indexPop1 .inner .content_name {
  2262. margin-bottom: 15px;
  2263. }
  2264. .touchweb_com-indexPop1 .inner .content_name p {
  2265. line-height: 20px;
  2266. font-size: 14px;
  2267. color: #000;
  2268. border-bottom: #D5D5D5 1px solid;
  2269. padding-bottom: 5px;
  2270. }
  2271. .touchweb_com-indexPop1 .inner .btn_box .btn {
  2272. font-size: 14px;
  2273. }
  2274. a.revise {
  2275. color: #FF4650;
  2276. font-size: 14px;
  2277. margin-left: 5px;
  2278. }
  2279. .order-buy .address .success_text {
  2280. padding-left: 60px;
  2281. margin: 10px 36px;
  2282. background: url(../images/icon_success.png) center left no-repeat;
  2283. background-size: auto 85%;
  2284. }