styleInfo.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757
  1. /*
  2. <!--
  3. * 17素材vip建站专区模块代码
  4. * 详尽信息请看官网:http://www.17sucai.com/pins/vip
  5. *
  6. * Copyright , 温州易站网络科技有限公司版权所有
  7. *
  8. * 请尊重原创,未经允许请勿转载。
  9. * 在保留版权的前提下可应用于个人或商业用途
  10. -->
  11. */
  12. html,body {
  13. color: #333;
  14. margin: 0;
  15. height: 100%;
  16. font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  17. -webkit-font-smoothing: antialiased;
  18. -moz-osx-font-smoothing: grayscale;
  19. font-weight: normal;
  20. }
  21. * {
  22. -webkit-box-sizing: border-box;
  23. -moz-box-sizing: border-box;
  24. box-sizing: border-box;
  25. }
  26. a {
  27. text-decoration: none;
  28. color: #000;
  29. }
  30. a, label, button, input, select {
  31. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  32. }
  33. img {
  34. border: 0;
  35. }
  36. body {
  37. background: #fff;
  38. color: #666;
  39. }
  40. html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
  41. margin: 0;
  42. padding: 0;
  43. }
  44. a {
  45. text-decoration: none;
  46. color: #08acee;
  47. }
  48. button {
  49. outline: 0;
  50. }
  51. img {
  52. border: 0;
  53. }
  54. button,input,optgroup,select,textarea {
  55. margin: 0;
  56. font: inherit;
  57. color: inherit;
  58. outline: none;
  59. }
  60. li {
  61. list-style: none;
  62. }
  63. a {
  64. color: #666;
  65. }
  66. .clearfix::after {
  67. clear: both;
  68. content: ".";
  69. display: block;
  70. height: 0;
  71. visibility: hidden;
  72. }
  73. .clearfix {
  74. }
  75. .divHeight {
  76. width: 100%;
  77. height: 10px;
  78. background: #f5f5f5;
  79. position: relative;
  80. overflow: hidden;
  81. }
  82. .r-line {
  83. position: relative;
  84. }
  85. .r-line:after {
  86. content: '';
  87. position: absolute;
  88. z-index: 0;
  89. top: 0;
  90. right: 0;
  91. height: 100%;
  92. border-right: 1px solid #D9D9D9;
  93. -webkit-transform: scaleX(0.5);
  94. transform: scaleX(0.5);
  95. -webkit-transform-origin: 100% 0;
  96. transform-origin: 100% 0;
  97. }
  98. .b-line {
  99. position: relative;
  100. }
  101. .b-line:after {
  102. content: '';
  103. position: absolute;
  104. z-index: 2;
  105. bottom: 0;
  106. left: 0;
  107. width: 100%;
  108. height: 1px;
  109. border-bottom: 1px solid #e2e2e2;
  110. -webkit-transform: scaleY(0.5);
  111. transform: scaleY(0.5);
  112. -webkit-transform-origin: 0 100%;
  113. transform-origin: 0 100%;
  114. }
  115. .aui-flex {
  116. display: -webkit-box;
  117. display: -webkit-flex;
  118. display: flex;
  119. -webkit-box-align: center;
  120. -webkit-align-items: center;
  121. align-items: center;
  122. padding: 15px;
  123. position: relative;
  124. }
  125. .aui-flex-box {
  126. -webkit-box-flex: 1;
  127. -webkit-flex: 1;
  128. flex: 1;
  129. min-width: 0;
  130. font-size: 13px;
  131. color: #333;
  132. /* width: 100%; */
  133. }
  134. /* 必要布局样式css */
  135. .aui-flexView {
  136. width: 100%;
  137. height: 100%;
  138. margin: 0 auto;
  139. display: -webkit-box;
  140. display: -webkit-flex;
  141. display: -ms-flexbox;
  142. display: flex;
  143. -webkit-box-orient: vertical;
  144. -webkit-box-direction: normal;
  145. -webkit-flex-direction: column;
  146. -ms-flex-direction: column;
  147. flex-direction: column;
  148. }
  149. .aui-scrollView {
  150. width: 100%;
  151. height: 100%;
  152. -webkit-box-flex: 1;
  153. -webkit-flex: 1;
  154. -ms-flex: 1;
  155. flex: 1;
  156. overflow-y: auto;
  157. overflow-x: hidden;
  158. -webkit-overflow-scrolling: touch;
  159. position: relative;
  160. margin-top: 0;
  161. }
  162. .aui-navBar {
  163. height: 44px;
  164. position: relative;
  165. display: -webkit-box;
  166. display: -webkit-flex;
  167. display: -ms-flexbox;
  168. display: flex;
  169. z-index: 1002;
  170. background: #f7f6f6;
  171. }
  172. .aui-navBar-item {
  173. height: 44px;
  174. min-width: 35%;
  175. -webkit-box-flex: 0;
  176. -webkit-flex: 0 0 35%;
  177. -ms-flex: 0 0 35%;
  178. flex: 0 0 35%;
  179. padding: 0 0.9rem;
  180. display: -webkit-box;
  181. display: -webkit-flex;
  182. display: -ms-flexbox;
  183. display: flex;
  184. -webkit-box-align: center;
  185. -webkit-align-items: center;
  186. -ms-flex-align: center;
  187. align-items: center;
  188. font-size: 0.7rem;
  189. white-space: nowrap;
  190. overflow: hidden;
  191. color: #353535;
  192. position: relative;
  193. }
  194. .aui-navBar-item:first-child {
  195. -webkit-box-ordinal-group: 2;
  196. -webkit-order: 1;
  197. -ms-flex-order: 1;
  198. order: 1;
  199. margin-right: -25%;
  200. font-size: 0.9rem;
  201. font-weight: bold;
  202. color: #717171;
  203. }
  204. .aui-navBar-item:last-child {
  205. -webkit-box-ordinal-group: 4;
  206. -webkit-order: 3;
  207. -ms-flex-order: 3;
  208. order: 3;
  209. -webkit-box-pack: end;
  210. -webkit-justify-content: flex-end;
  211. -ms-flex-pack: end;
  212. justify-content: flex-end;
  213. }
  214. .aui-center {
  215. -webkit-box-ordinal-group: 3;
  216. -webkit-order: 2;
  217. -ms-flex-order: 2;
  218. order: 2;
  219. display: -webkit-box;
  220. display: -webkit-flex;
  221. display: -ms-flexbox;
  222. display: flex;
  223. -webkit-box-pack: center;
  224. -webkit-justify-content: center;
  225. -ms-flex-pack: center;
  226. justify-content: center;
  227. -webkit-box-align: center;
  228. -webkit-align-items: center;
  229. -ms-flex-align: center;
  230. align-items: center;
  231. height: 44px;
  232. width: 50%;
  233. margin-left: 25%;
  234. }
  235. .aui-center-title {
  236. text-align: center;
  237. width: 100%;
  238. white-space: nowrap;
  239. overflow: hidden;
  240. display: block;
  241. text-overflow: ellipsis;
  242. font-size: 0.95rem;
  243. color: #333;
  244. }
  245. .icon {
  246. width: 20px;
  247. height: 20px;
  248. display: block;
  249. border: none;
  250. float: left;
  251. background-size: 20px;
  252. background-repeat: no-repeat;
  253. }
  254. .icon-return {
  255. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACh0lEQVRoQ+3ZMW8TMRQH8PcOsTBQISExVCIRCwgWFvZ+hZYBpIrEcTYkBsTGlI2VDamL3YEBpWJoR1BJaOlXYEzyDYp0bMRGRjnJoDuWs/1e3EbKeHf55b33vzsb4YJ98IJ54RKce8XZV1gIcQ8AviDiD2vtC631pzZFYQ2WUt611p4CwM0VcqqU2soSXIN1ztdKqTfZgRuw75RSz9tg3bHsWjomlh04NpYVOAWWDbjf7z8oimLipbH7bUopJdvO7L/Hk8+wwyLiCSLe8H6cww4BwGYFTo0lbWkKLBmYCksCrsNaa99rrZ/FmFnS0GrCdrvd3mg0MqEDqu58yVKaAzZZSwshHgLAsX/rcW2csrJVtaNXeIWdIuL16qJU2OgVrsMCwEGn03mSamaThVYTtizLp+PxeJkioJKFFldslJbmjA0O5o4NCm7AHpZluUM5s1FCSwjxCAA++7ceADiczWaPJ5PJL6qAihJaUspdY8w+Il7xLsASG6SlhRA/EfGa91BxNJ/Pd7hVNtiT1mAwOAeADXdCa637Hi0Wi3zBUsptY8wHRLzqwIh/nlbzbWmna0roLEOrmo11QQd9W1oHdFDwOrR3cLCH/uuFn0uQRQE7dMPKJHl6RwNzRUcF/w9N9VIRHVyhazbLDihWP5KAHbphOzQ5OhmYCzopmAM6OZgaTQL20FMAuOUtHESfaTLwCn3HWnuWEk0KpkCTg1OjWYArtDHmKyJu+jMdeh+KDdghh8NhZ7lcfvPRoXcaWYFToNmBY6NZgj20m+nb3pr3W631yzY7GWzBDtXr9TaLojjz0N+VUvezBXvoPQBw0Fda649Zg9vg6o5l3dKhse58l+AY/yqnc/4GvNDoTFOq8FwAAAAASUVORK5CYII=");
  256. }
  257. .icon-more {
  258. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAADzklEQVRoQ+2bT2gVRxzHf7/dPVgwYiiUoj31DwiC7cFCpYqPQk/p2zezEkUw9NbUQy0IniyK/26CbSk9NJf0D5Y2mN8wwYNBNHiwkBKKpbcKQkoUQXjBtoE2mf3JhCgBk7eTfW8mD7Jzne/M7/uZ7+6yO7uLsMEabjBeqIB9Jt7X19ebJMlhRNyDiFsAYHJhYeHy2NjYPZ91l88dLOEsy97J8/zaEugzD8zMAHBMKfVVCOggwI1GY18URdcA4IUWUCeI6KJv6CDAQog/EfH1IhhjzHat9f0iXTv93oGllC8BwEMXk8w8oJT6wUVbVuMdWAhhL1KXXQwy8zdKqUEXbVmNd+Cl8/eWo8HTRHTWUVtK5h24Vqslvb29fwPApiKHxpj9WmvXxSmabsV+78C2qhDiJiLWWjlk5v9mZ2c3T0xMLJQicRwUBLher+9MkuQ6ALy8iq//AeAIEY04+i4tCwJs3WVZ9kqe5z/bu6zlbpn5L0Q8RES/lKZYw8BgwE891ev1HXEcv2vvuIwxk1rr2wBg77aCtODAQahaFKmA1zsB3/WrhH2v8HrPXyW83gn4rl8l7HuFAQCFEK/meb5lZmbmj6mpqfkANZ+VCJqwlPIDZv4cEV+zDpj5MSKeSZLki5GRERMCPBiwEOIoIn69ChQ1m82Dvp+UbO0gwFLKkwBwviDBq9PT09L3Ie4dWAixFRGbjofrQd+PiCGAa4h40wWYmc8ppU65aMtqvANLKT8EgGFHg98RkdV7a96B0zTdFcfxHUeCT4noS0dtKZl3YOtKCPEIEV8scmiMeVNr/XuRrp3+UMACEa8AQNTC7BARfdQOjMvYIMBLKQ8AwLeI+FxNZv5eKWXPXe9bPcGALbSU8j0A+BgA9jDz4utSRPyRiOxFLXdJqF1NUOB2zXZifAXciVXs5jmqhLs5nU54qxLuxCp28xxVwt2cTie8BU94w7w9lFLapyUFAHuXJ2XfD0dRdGB0dPTXTiRYNEeQhNM03RbH8QQAvLGKoX+Yua6UshqvLQiwEGIYEYt2Mh4Q0TavtCF2Lfv7++P5+fkmIvYUwTDzbqXUVJGunX7vCUsp3weAcUeTF4joM0dtKZl34EajUY+iSDu6u0RExx21pWTegdM07YnjeLZge2fRvDGmobV2XZzuBLauhBC/IeJbrRza76bn5uZ6xsfH/y1F4jjIe8LWR5ZlbzPzDQDYvJovZv4kxEfiQYCfQud5fn2lL+IRcZCIhhxDaksWDNi6XOmfB2PMT1rru21RrGFwUOA1+PImrYC9LW2XTLzhEn4CNL8wTGoNSL0AAAAASUVORK5CYII=');
  259. }
  260. .aui-pay-change {
  261. /* height: 120px; */
  262. background-image: -webkit-gradient(linear,left top,right top,from(rgb(106, 143, 154)),to(#007f86));
  263. background-image: -webkit-linear-gradient(left,rgb(106, 143, 154),#007f86);
  264. background-image: -moz-linear-gradient(left,rgb(106, 143, 154),#007f86);
  265. background-image: linear-gradient(to right,rgb(106, 143, 154),#007f86);
  266. background-color: rgb(106, 143, 154);
  267. /* margin-bottom: 20px; */
  268. }
  269. .aui-pay-zfb {
  270. width: 100px;
  271. }
  272. .aui-pay-zfb img {
  273. width: 100%;
  274. height: auto;
  275. display: block;
  276. border: none;
  277. }
  278. .aui-pay-change .aui-flex {
  279. // padding: 20px 30px;
  280. color: #fff;
  281. }
  282. .aui-pay-change .aui-flex-box {
  283. color: #fff;
  284. }
  285. .aui-flex-add {
  286. width: 40px;
  287. height: 40px;
  288. margin-right: 10px;
  289. }
  290. .aui-flex-add img {
  291. width: 100%;
  292. height: auto;
  293. display: block;
  294. border: none;
  295. }
  296. .aui-flex-box h3 {
  297. /* padding-bottom:10px; */
  298. }
  299. .aui-flex-box h3 em {
  300. font-size: 14px;
  301. color: #999;
  302. font-style: normal;
  303. font-weight: normal;
  304. }
  305. .aui-shop-item {
  306. width: 25px;
  307. height: 25px;
  308. margin-right: 5px;
  309. }
  310. .aui-shop-item img {
  311. width: 100%;
  312. height: auto;
  313. display: block;
  314. border: none;
  315. }
  316. .aui-shop-item-arrow {
  317. position: relative;
  318. font-size: 14px;
  319. color: #333;
  320. }
  321. .aui-shop-item-arrow:after {
  322. content: " ";
  323. display: inline-block;
  324. height: 8px;
  325. width: 8px;
  326. border-width: 2px 2px 0 0;
  327. border-color: #949494;
  328. border-style: solid;
  329. -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  330. transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  331. position: relative;
  332. top: -2px;
  333. position: absolute;
  334. top: 50%;
  335. margin-top: -4px;
  336. right: -13px;
  337. border-radius: 1px;
  338. }
  339. .aui-commodity-bg {
  340. background: #f5f5f5;
  341. }
  342. .aui-commodity-img {
  343. width: 85px;
  344. height: 85px;
  345. margin-right: 5px;
  346. }
  347. .aui-commodity-img img {
  348. width: 100%;
  349. height: auto;
  350. display: block;
  351. border: none;
  352. }
  353. .aui-barter-time {
  354. border: 1px solid #ff5306;
  355. color: #ff5306;
  356. font-size: 13px;
  357. border-radius: 3px;
  358. background: #fff1ec;
  359. padding: 2px 5px;
  360. }
  361. .aui-commodity-bg .aui-flex {
  362. -webkit-box-align: initial;
  363. -webkit-align-items: initial;
  364. align-items: initial;
  365. }
  366. .aui-flex-box p {
  367. font-size: 12px;
  368. color: #999;
  369. padding: 5px 0;
  370. }
  371. .aui-pay-change .aui-flex-box p {
  372. color: #fff;
  373. }
  374. .aui-insurance-img {
  375. width: 25px;
  376. height: 25px;
  377. margin-right: 5px;
  378. }
  379. .aui-insurance-img img {
  380. width: 100%;
  381. height: auto;
  382. display: block;
  383. border: none;
  384. }
  385. .aui-insurance-box .aui-flex-box h5 {
  386. color: #999999;
  387. }
  388. .aui-sml-text {
  389. font-size: 12px;
  390. padding-top: 5px;
  391. }
  392. .aui-flex-ed em {
  393. font-style: normal;
  394. color: #999999;
  395. }
  396. .aui-cp-edu {
  397. position: relative;
  398. padding: 10px 15px;
  399. }
  400. .aui-cp-edu .aui-flex {
  401. padding: 2px 0;
  402. color: #999;
  403. }
  404. .aui-cp-edu .aui-flex-box {
  405. color: #999;
  406. }
  407. .aui-san-sml {
  408. position: absolute;
  409. bottom: 0;
  410. right: 27px;
  411. width: 0;
  412. border-right: 10px solid transparent;
  413. border-left: 10px solid transparent;
  414. border-bottom: 10px solid #e5e5e5;
  415. }
  416. .aui-flex-text-sml p {
  417. color: #666666;
  418. font-size: 12px;
  419. }
  420. .aui-flex-text-sml p em {
  421. font-style: normal;
  422. padding-right: 5px;
  423. }
  424. .aui-btn-copy {
  425. border: 1px solid #ddd;
  426. font-size: 12px;
  427. padding: 2px 10px;
  428. border-radius: 2px;
  429. }
  430. .aui-confirm-flex {
  431. position: relative;
  432. line-height: 40px;
  433. display: -webkit-box;
  434. display: -webkit-flex;
  435. display: -ms-flexbox;
  436. display: flex;
  437. }
  438. .aui-confirm-flex .aui-modify-btn {
  439. position: relative;
  440. text-align: center;
  441. display: block;
  442. -webkit-box-flex: 1;
  443. -webkit-flex: 1;
  444. -ms-flex: 1;
  445. flex: 1;
  446. padding: 0 2px;
  447. font-size: 0.8rem;
  448. color: #191919;
  449. height: 45px;
  450. line-height: 45px;
  451. }
  452. .aui-confirm-flex > a:not(:last-child):after {
  453. content: '';
  454. position: absolute;
  455. z-index: 0;
  456. top: 10px;
  457. right: 0;
  458. height: 50%;
  459. border-right: 1px solid #b3b3b3;
  460. -webkit-transform: scaleX(0.5);
  461. transform: scaleX(0.5);
  462. -webkit-transform-origin: 100% 0;
  463. transform-origin: 100% 0;
  464. }
  465. .icon-kf {
  466. top: 13px;
  467. left: 40px;
  468. position: absolute;
  469. background-image: url('data:image/png;base64,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');
  470. }
  471. .icon-dh {
  472. position: absolute;
  473. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAJ8klEQVRoQ+2be7BVdRXHP+tcLoSAoSk+0kTUiCS1YcyiyZF8ZJgPiK7cvYkkS2sy00xHUxPzEaRC6oxB5Zt9zuWmIoOPaUwxGxk1Ko10FMVIRPFZgWJw7z2rWXufc+4+++x99j7n3Ft/2PqLe35rrd/67t/6/X7r8UN4n5G8z/Dyf8CDuuIrdQibGIOwO9CGsonNbOJ06RnUeUPKB2+F87oLylSEE4ADgD2AXaDGqxR4C3gF5RlyrKCPe5glmwfjIwws4Nt1D3K4CCeiTEbINWl0L7AS4S7aKNAh/2pST43YwABerqN4h/MQzgGGD5Rxvh5lK8ItKD/Flb+3qrs1wHM1xwHMQZhXctd4e5R3Ef4APIHyns8kDEcZjTAa2Ak4BNg1EZDyb2A+25nHHLF/N0XNA+7S/ehjKcKkmJltXz6CchfwKO08SYf0pVrYpRPp42jgWIRjEvifp8iXmSVrUvXFMDQHuKAzKHIrwg5VOm0VhEUMYSEd8lIzBlVklugnyHEpMC1GzzaU03DltkbnaBywp2cgXBc5bftQbvQN7JRXGjWiLr8BFxYiHBnDt4C1nMtcKWadszHAeb0QuDyyqi+iHM8seSbrpDV8nh6OcBwwEeU5cqyih/uZLe9WeAv6dZQFwAcj8y/leZysoLMDzutZwMLIZE/4+82VfzQMVlXoYg5F/3QfHyP/DsJ8dmceU8SuKbhNx9BGvma1lVtwZU4WG7IB9vQUhJsjYB+knePpkODUbYTswCtyJ3BwBjGHHC8wU+yUh5v1AwxlBcJREdlzcMQ8oC6lA+7SCRT5MzAspOletjCtqZCwoHuiPAbsnWYcYAHHVcDFCEfTKb8Pgf4NwuEhHb3kmFz5MAnK6wPu1jZ6seN/QkVeWUk7x9Ih2zMYXM1iqzPMv48nZpS9E+UthNOA1xjNPkyVbb7sCt2BLayusg3WsY2J9e7p+oA9PRvxD4oybWI4E5gm/8xocDVbXm8CMu21kuAM1N/jn6r87YhthYBu1/3J8VTkevwZjpydZF8y4G7dmR7WI4yqCAtT6JSHmwR7ErAss6zyMr0cQjuv+ZmVkXIlrthN0U957QCWhn7pYwjjkuKAZMCeXoZwUUjRMhyZntngMGO3DqeXF8FPC7OR8G2K7Ifwg5DAPBy5oEaBpwWEmaHfb8WRU+Imige8RHckx0ZgZOnLFikynq/KC9msjXDl9Rrg+w3IrgdOBP4IDAnJzSDs0uUBT8chrK14Atg1theOmHdUUTzgvH4D+GWIsxtHTm7A4H7WIES0Uz5wyyykmJv+EPETijJtLLlq/GHp6Q2YV/TTj3HkkqyAVwJHVJiVw3DFgozGydPVCQlGkq4uYAzw+RCDrdgXcOShRAO6dXd6eTm031/ClX3SAVulAl4PxcrP4kj/tdQI5IJ+E+UXKSIG5lqUEQhbUYYhfCf0sa0QcBaO/CV16rxWL1SRg6JZVa1Le/oVhO7QhBfiypWpk0UZghLP86V8N1nc3LBTFlUxFHQsMBZhAzNlXea5o9eocj6uzA/LxwH+OcK3KkzCZ+mUVZknLTPm9Rbga3XllF/jiu3XgaFu3bd0G5T11dwstYDzauA+U5LYzh6MqATvWc0q6GSUR1PYNzKciU0HMUnK8/o33zuMlJp9HLfClqWMKAmswZWDsuL0+RZrOyNZk5ABlVUpOQ5Li3sbmrffs+4FplZkhzCKDnmn/Hc14GU6mvcIp3p340hcxSHZlryeD/wkxZWvw5XvNQUoTcjTBQjh0HICjjwbD7ige/tu0E+LcaR/P6dNFsg/l1K5TA3w06apO17Qi1Auq/BYGtkpD8YDXqIfJ8fTIYV1A/GaiT29D+GLdQwaPFfud+nvgl+CCkg5CVeWZwW8AEes1pxOec2SHFyFI+elK2uBw9MzEa4NaTgBR1YkufRYFDvlyl/nRlyxMLM+BcmBuXK9pP4NhrBPUxWStPnD41GXhmNw5IF4wEFS3V84U5bjiq1cfSroJShzU7jOxJHr01S1PJ5Xq7tZ/S2gHJOYKX+KB2y/evomwodKDOlhZZA3v1S5yuIstnbJjuzK8bK1ZUBpCvJafS31shuzxUJln+ICDwsYJlf0jmJEXUOzpX7NZ1tpAKPj1YHH67iyW5glDnB17qocjSu/jZ3XSq0F3gR2rmuX0lw83ijYIGN6tSKm3I8r/UFI7AoXdFqpJxTIKclBQkE/h/JIBruuwZFw5SKDSBMseZ1lla4Q4AzJQ1BZfKNS7YCNdLI3ItYgq6a8Xg1+izSNNjKCCZwoW9IYWxr31OrVX6royHEIM+Wp+i5to9HqonIcrtxXY4ynD8QUxONtVtbgcHDsh2sJZUk46Eq8GmrCr8eRfaOqk2paFnFZWWZoya2X4kq4SBbo8XQdwriM9r7tl1z7WBE+NTPKprPl1eJ3i+MDUi7FlZqrMrlq2aXHUPTbK9Yp6MKVzpgVtkZ3dcs02bQrUGYgPNN09TNJt6c7IX4OEBQdwbqZ+8W9GEjvPBSZwMk8HeuKnlpFY//0z+93/a3dGRQShE/TKY9nkMvG4umvEE4NMd+EI+G/K0PpvaV6U3pq/Z2kTn1Y0k7ojwFBmCpcTKdUt12zQavl8vQohEroCFizfHzSe5DWAOfVTuirsfM7WdMqFOs+Wv+4XGMemCQir7uh5n2VyDBx75a/VGuA79AD2MbaOmDXM4wj2cY9kYbc6biSVs2sv+bW6OvhoUgHcR2jObDScIvR0Brg8t5R+pBIoV3ZTI4jKLIY4dDQ6WnvQMbGdQUa8uraxpyiHIor1q1IpOYB25Olj/r925Go30Y5MHRwvO33dINrojpltGqEKz9qCFyU2dPrEc6o+lm5HFdszrrUPOAluhc5NpS0BzmnVUzaGIP6VU8rs1S3V5Sl7MmshqugZQjdOpQe32OijbK76WR6lqCmecDdOpJeglAxWvC2ZlwbZ6NMKdm6AeHGplutpiSvVj21Nkx1F8QShO1Mz/pYrXnAZoSnv/MPDevSw6SBeBpY44/d+hF6/Pdas2Pebt7GWuZkfcET3IitUF7NdYNgwg4p27ftLGrqOUTtPrWQ9VzgVIT2yLAdUBdE2yhZoLQGOFjlqyJN6w0odyDczxYezvzwxd5Sv8YnKWIp53SsxRNH6ue7sxNz9EE7tMKKrVJoAUh0JYIHoU8iPIb6J3ocWdfQri17x5H8Ejd41ngDI5jbSprZ+gqXIXg6yX/mm/2FThYPtK1iCYq935xPh1ie3hINHGB/H/uv605C/U68vYpthf5qG4bhLBrIhtvAAg7Du13H0+a/r5qCWuJf93W8ReNPo6wmx+MoD4f7Qa18tajs4AEOzxQEDPbfAz5cKSqUx/voYShPhTt8AwnwfwN4MBE0qPu/s8INGjWY7O87wP8BesQnapgQ7aAAAAAASUVORK5CYII=');
  474. top: 13px;
  475. left: 40px;
  476. }
  477. .aui-like {
  478. width: 100%;
  479. }
  480. .aui-like img {
  481. width: 100%;
  482. height: auto;
  483. display: block;
  484. border: none;
  485. }
  486. /* shop list */
  487. .aui-shop-list {
  488. position: relative;
  489. overflow: hidden;
  490. padding-left: 10px;
  491. background: #f2f2f2;
  492. padding-bottom: 50px;
  493. }
  494. .aui-shop-list-item {
  495. width: 48%;
  496. float: left;
  497. position: relative;
  498. z-index: 0;
  499. /* padding: 0.32rem 0; */
  500. font-size: 0.28rem;
  501. margin-right: 2%;
  502. background: #fff;
  503. border-radius: 10px;
  504. overflow: hidden;
  505. margin-bottom: 10px;
  506. }
  507. .aui-shop-list-item-hd {
  508. position: relative;
  509. }
  510. .aui-shop-list-item-hd img {
  511. width: 100%;
  512. height: auto;
  513. display: block;
  514. border: none;
  515. }
  516. .aui-shop-list-item-bd {
  517. text-align: center;
  518. font-size: 0.9rem;
  519. color: #333;
  520. padding: 10px;
  521. font-weight: bold;
  522. }
  523. .aui-shop-list-selected .aui-shop-list-item h3 {
  524. color: #333;
  525. font-size: 0.8rem;
  526. line-height: 1.4;
  527. overflow: hidden;
  528. text-overflow: ellipsis;
  529. display: -webkit-box;
  530. -webkit-box-orient: vertical;
  531. -webkit-line-clamp: 2;
  532. font-weight: normal;
  533. text-align: left;
  534. margin-top: 0;
  535. margin-bottom: 0.5rem;
  536. }
  537. .aui-shop-list-selected .aui-special-text {
  538. overflow: hidden;
  539. text-overflow: ellipsis;
  540. display: -webkit-box;
  541. -webkit-box-orient: vertical;
  542. -webkit-line-clamp: 1;
  543. font-weight: normal;
  544. }
  545. .aui-shop-list-selected .aui-special-etc {
  546. color: #ff5000;
  547. font-weight: inherit;
  548. /* padding-top: 10px; */
  549. font-size: 16px;
  550. text-align: left;
  551. }
  552. .aui-shop-list-selected .aui-special-etc .aui-special-etc-bd {
  553. text-decoration: line-through;
  554. color: #999;
  555. font-weight: normal;
  556. font-size: 0.7rem;
  557. }
  558. .aui-shop-list-selected .aui-special-text em {
  559. color: #eb2745;
  560. font-size: 0.65rem;
  561. border-radius: 20px;
  562. border: 1px solid #eb2745;
  563. font-style: normal;
  564. padding: 0 0.4rem;
  565. margin-right: 2px;
  566. }
  567. .aui-shop-list-selected .aui-special-text span {
  568. color: #999;
  569. font-weight: normal;
  570. font-size: 0.65rem;
  571. }
  572. .aui-footer {
  573. width: 100%;
  574. position: relative;
  575. z-index: 100;
  576. display: -webkit-box;
  577. display: -webkit-flex;
  578. display: -ms-flexbox;
  579. display: flex;
  580. -webkit-box-align: center;
  581. -webkit-align-items: center;
  582. -ms-flex-align: center;
  583. align-items: center;
  584. padding: 7px 5px 7px 5px;
  585. background: #ffffff;
  586. }
  587. .aui-footer:after {
  588. content: '';
  589. position: absolute;
  590. z-index: 0;
  591. top: 0;
  592. left: 0;
  593. width: 100%;
  594. height: 1px;
  595. border-top: 1px solid #bbbbbb;
  596. -webkit-transform: scaleY(0.5);
  597. transform: scaleY(0.5);
  598. -webkit-transform-origin: 0 100%;
  599. transform-origin: 0 100%;
  600. }
  601. .aui-tabBar-item {
  602. -webkit-box-flex: 1;
  603. -webkit-flex: 1;
  604. -ms-flex: 1;
  605. flex: 1;
  606. display: -webkit-box;
  607. display: -webkit-flex;
  608. display: -ms-flexbox;
  609. display: flex;
  610. -webkit-box-orient: vertical;
  611. -webkit-box-direction: normal;
  612. -webkit-flex-direction: column;
  613. -ms-flex-direction: column;
  614. flex-direction: column;
  615. -webkit-box-pack: center;
  616. -webkit-justify-content: center;
  617. -ms-flex-pack: center;
  618. justify-content: center;
  619. -webkit-box-align: center;
  620. -webkit-align-items: center;
  621. -ms-flex-align: center;
  622. align-items: center;
  623. color: #979797;
  624. }
  625. .aui-tabBar-item-text {
  626. display: inline-block;
  627. font-size: 0.65rem;
  628. color: #757980;
  629. padding-top: 2px;
  630. }
  631. .aui-tabBar-item-active .aui-tabBar-item-text {
  632. color: #fe3542;
  633. }
  634. .aui-footer-fixed {
  635. position: fixed;
  636. bottom: 0;
  637. left: 0;
  638. z-index: 49;
  639. }
  640. .aui-footer-text-info {
  641. width: 100%;
  642. text-align: right;
  643. padding: 10px 0;
  644. }
  645. .aui-footer-text-info a {
  646. border: 1px solid #d6d6d6;
  647. color: #666666;
  648. font-size: 12px;
  649. border-radius: 20px;
  650. padding: 3px 10px;
  651. margin: 0 4px;
  652. }
  653. .aui-footer-text-info .aui-payment {
  654. border-color: #ff5500;
  655. color: #ff5500;
  656. }
  657. .aui-special-etc em {
  658. float: right;
  659. }
  660. .icon-sm-more {
  661. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAADC0lEQVRoQ+2ZO2gUURSG/zPrBIJvyFY+KoXgA2zEIEl2zqywoKgJwgqigoqlYqFg7EVFwUI7JaBo4YrGgA9W5N5J1EYFBUUjIhaCTQo1RpCYmSsDG9CYuTPJVDO50+45/z3/+f57myXMso9mmV8Yw3knbggbwjnbgIl0zoD+Z8cQNoRztgET6ZwBNY+WibSJdM42YCKdM6DmlTaRNpHO2QZMpKOADgwMLAuCYD+A9QCGCoVCrbOz89l0AiClbFVK9QCoNPrqRHSKmYemoyOE2ABgJxGtBPDCsqzeUqn0OYlGIsJCiC1E1AfAniR6jpmPJTnI87z1QRA8IqIFf9crpUYsy9rkOM7zJDpSyvMAjkyq/a2U6nZd916cRqxhz/O2KqVuA5gTIXaGmY/rDpJSrgDwEsC8iLrRIAjWlcvljzE6ZwEcjagZJ6JtjuM80GnEGhZCPCWijRqRcQDzmflXVI2UMiQSkon8iOiw4zgXogrq9fpc27a/E1FBI/OEmTtmbDg8pKmp6Qeg/0smCIJKuVx+qDEcJqQ7Jm43mbkaVSOE2ExEcZENl7+YmUejdLSEpZSLAHyNuxdKqS7Xdfs1w/aHcYvRucPMkUvxPK+7cbW0Ms3NzQvb2tpGZmQ4bJJSfgAQ3sHIz7btJe3t7V80hk8Q0ckYwz3MfFqTkqUAtC+xUuq967qtM4502CiE2EtEVzQil5n5oO6Qxv17S0TLI+o+jY2Nra1UKj91OkKIXiLap6nZzczXUxlumL5KRHumEHoDoIOZv8XFfnBwcJXv+zcArJlU+8qyrF2lUuldAo2i7/tiCo2w9RozTzXjP7Kxr/REtRBiOxEdCA0CeA3g1vDw8MVqterHDTrxe61WK7S0tHQBCO9z+MDcZ+Y+Igqmo1EsFg8B2AFgtVLqMRFdYua7STQSG04iloUaYzgLlNLMaAin2V4Weg3hLFBKM6MhnGZ7Weg1hLNAKc2MhnCa7WWh1xDOAqU0MxrCabaXhV5DOAuU0sxoCKfZXhZ6DeEsUEozoyGcZntZ6P0Df8/XPbmiw0QAAAAASUVORK5CYII=');
  662. }