style.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514
  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. width: 100%;
  35. height: auto;
  36. display: block;
  37. border: 0;
  38. }
  39. body {
  40. background: #f3f3f3;
  41. color: #666;
  42. }
  43. 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 {
  44. margin: 0;
  45. padding: 0;
  46. }
  47. a {
  48. text-decoration: none;
  49. color: #08acee;
  50. }
  51. button {
  52. outline: 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-arrow {
  116. position: relative;
  117. padding-right: 0.8rem;
  118. color:#7f8699;
  119. font-size:0.85rem;
  120. }
  121. .aui-arrow span {
  122. font-size: 0.8rem;
  123. color: #9b9b9b;
  124. }
  125. .aui-arrow:after {
  126. content: " ";
  127. display: inline-block;
  128. height: 6px;
  129. width: 6px;
  130. border-width: 2px 2px 0 0;
  131. border-color: #848484;
  132. border-style: solid;
  133. -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  134. transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  135. position: relative;
  136. top: -2px;
  137. position: absolute;
  138. top: 50%;
  139. margin-top: -6px;
  140. right: 2px;
  141. border-radius: 1px;
  142. }
  143. .aui-flex {
  144. display: -webkit-box;
  145. display: -webkit-flex;
  146. display: flex;
  147. -webkit-box-align: center;
  148. -webkit-align-items: center;
  149. align-items: center;
  150. padding: 15px;
  151. position: relative;
  152. }
  153. .aui-flex-box {
  154. -webkit-box-flex: 1;
  155. -webkit-flex: 1;
  156. flex: 1;
  157. min-width: 0;
  158. font-size: 14px;
  159. color: #333;
  160. }
  161. /* 必要布局样式css */
  162. .aui-flexView {
  163. width: 100%;
  164. height: 100%;
  165. margin: 0 auto;
  166. display: -webkit-box;
  167. display: -webkit-flex;
  168. display: -ms-flexbox;
  169. display: flex;
  170. -webkit-box-orient: vertical;
  171. -webkit-box-direction: normal;
  172. -webkit-flex-direction: column;
  173. -ms-flex-direction: column;
  174. flex-direction: column;
  175. }
  176. .aui-scrollView {
  177. width: 100%;
  178. height: 100%;
  179. -webkit-box-flex: 1;
  180. -webkit-flex: 1;
  181. -ms-flex: 1;
  182. flex: 1;
  183. overflow-y: auto;
  184. overflow-x: hidden;
  185. -webkit-overflow-scrolling: touch;
  186. position: relative;
  187. padding-bottom: 53px;
  188. }
  189. .aui-navBar {
  190. height: 44px;
  191. position: relative;
  192. display: -webkit-box;
  193. display: -webkit-flex;
  194. display: -ms-flexbox;
  195. display: flex;
  196. z-index: 102;
  197. background:#f3f3f3;
  198. }
  199. .aui-navBar-item {
  200. height: 44px;
  201. min-width: 15%;
  202. -webkit-box-flex: 0;
  203. -webkit-flex: 0 0 15%;
  204. -ms-flex: 0 0 15%;
  205. flex: 0 0 15%;
  206. padding: 0 0.9rem;
  207. display: -webkit-box;
  208. display: -webkit-flex;
  209. display: -ms-flexbox;
  210. display: flex;
  211. -webkit-box-align: center;
  212. -webkit-align-items: center;
  213. -ms-flex-align: center;
  214. align-items: center;
  215. font-size: 0.7rem;
  216. white-space: nowrap;
  217. overflow: hidden;
  218. color: #808080;
  219. position: relative;
  220. }
  221. .aui-navBar-item:first-child {
  222. -webkit-box-ordinal-group: 2;
  223. -webkit-order: 1;
  224. -ms-flex-order: 1;
  225. order: 1;
  226. margin-right: -25%;
  227. font-size: 0.9rem;
  228. font-weight: bold;
  229. }
  230. .aui-navBar-item:last-child {
  231. -webkit-box-ordinal-group: 4;
  232. -webkit-order: 3;
  233. -ms-flex-order: 3;
  234. order: 3;
  235. -webkit-box-pack: end;
  236. -webkit-justify-content: flex-end;
  237. -ms-flex-pack: end;
  238. justify-content: flex-end;
  239. font-size: 14px;
  240. color: #333333;
  241. }
  242. .aui-center {
  243. -webkit-box-ordinal-group: 3;
  244. -webkit-order: 2;
  245. -ms-flex-order: 2;
  246. order: 2;
  247. display: -webkit-box;
  248. display: -webkit-flex;
  249. display: -ms-flexbox;
  250. display: flex;
  251. -webkit-box-pack: center;
  252. -webkit-justify-content: center;
  253. -ms-flex-pack: center;
  254. justify-content: center;
  255. -webkit-box-align: center;
  256. -webkit-align-items: center;
  257. -ms-flex-align: center;
  258. align-items: center;
  259. height: 44px;
  260. width: 80%;
  261. margin-left: 22%;
  262. }
  263. .aui-center-title {
  264. text-align: center;
  265. width: 100%;
  266. white-space: nowrap;
  267. overflow: hidden;
  268. display: block;
  269. text-overflow: ellipsis;
  270. font-size: 0.95rem;
  271. color: #333;
  272. font-weight:bold;
  273. }
  274. .icon {
  275. width: 19px;
  276. height: 19px;
  277. display: block;
  278. border: none;
  279. float: left;
  280. background-size: 19px;
  281. background-repeat: no-repeat;
  282. }
  283. .aui-flex-box h1 {
  284. color: #303741;
  285. font-weight: 500;
  286. font-size: 1rem;
  287. overflow: hidden;
  288. }
  289. .aui-flex-box h2 {
  290. color: #303741;
  291. font-weight: 500;
  292. font-size: 1rem;
  293. margin-bottom: 0.8rem;
  294. }
  295. .aui-flex-box p {
  296. overflow: hidden;
  297. display: -webkit-box;
  298. -webkit-line-clamp: 2;
  299. -webkit-box-orient: vertical;
  300. word-break: break-all;
  301. text-overflow: ellipsis;
  302. font-size: 0.9rem;
  303. margin-bottom: 0.1rem;
  304. color: #676767;
  305. }
  306. .aui-flex-box h3 {
  307. font-size: 0.9rem;
  308. color: #8a8a8a;
  309. font-weight: normal;
  310. width: 100%;
  311. overflow: hidden;
  312. margin-bottom: 0.3rem;
  313. }
  314. .aui-palace {
  315. padding: 0.6rem 0;
  316. position: relative;
  317. overflow: hidden;
  318. }
  319. .aui-palace-grid {
  320. position: relative;
  321. float: left;
  322. padding: 1px;
  323. width: 33.333%;
  324. box-sizing: border-box;
  325. margin: 10px 0;
  326. }
  327. .aui-palace-grid img{
  328. width:65%;
  329. margin:0 auto;
  330. }
  331. .icon-return{
  332. background-image:url('data:image/png;base64,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');
  333. }
  334. .icon-more{
  335. background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAEJ0lEQVR4Xu2YzWtcVRjG3/fOVKRQShZug7vW2FY0S4lkIXVRkrnnjmkXRYhUs9WNulBoChZad7q2pW6kMsw9N5NNPygNpZtaCtqitij4B0QIwa+FN+fIhanUNJOcezJ5aOEZmN37nt95f/Pce+dcFX4gBhRCIUQoGhQCiqZokAEQhommaJABEIaJpmiQARCGiaZokAEQhommaJABEIaJpmiQARCGiaZokAEQhommaJABEIaJpmiQARCGiaZokAEQhommaJABEIaJpmiQARCGiaZokAEQhommaJABEIaJpmiQARCGiaZokAEQhommaJABECY40VmWve6ce1FVXxCRfSLyvYjc997/XBTFtZ3c7+zs7LOrq6tvqeqE935CVUvn3BURue2c6/Z6vd93kp+m6WFVfU1EJqqvqlbsG97729baqyHsINFpmn6oqmcHLaiq5/I8fycEWLem1WodTJLkCxGZHNBb/djvFUVRDT/0z7Bm31K0MeZXEXk+YILfrLXPBdQFl6RpelJV50MavPfzRVGcCqkNrRnm7JuKNsbcFJFXQzfmvb9QFMXbofWb1fUv18t11nLOHVpYWLhXp2dQ7bBnHyjaGPOBiHxWd9Oq+m6e51/W7Xu0fnp6ek+j0fhWRPbXXOd6s9k80ul0/q7Z97/ynZh9M9F3ROSViA3/ZK0di+j7ryVN06Oq+k3MGqp6PM/zr2N6H/YYY2Jn/85a+/JG7A1FT05ONkdGRv4UkWdiNry2tra/1+s9iOmteowxH4vIp5H9p621n0T2ytzc3K7l5eU/Imf/Z2VlZffS0lK5nr+haGNM9Rfux9jNisgJa+352P40TS+q6rGYflXt5nn+Zkxv1dNqtcaSJPkhtj9JkgPdbvexfopeZxQqenx8fNfo6Gjs5SO8dQTeOvr3ydgHwrYfhlmWHfPeX4y5fJ+qh2E14FYnokEShvH3bmZmZm9Zlrf6R/06vpfKsjyyuLj4V52m9bU7MftQDywi8pW1dnY7Qz7sbbfbbzjnLtVZK0mSl7rd7t06PYNq6x5Ytpr9iT6CZ1k2770/GSJOVU/leR50XA9Zr3/7HNrrhy1F94EficiZTTZ43lp7InSAOnXtdvuQc+7zQS+VvPcPVPV9a22t9IfuwRgzlNmDRPfv2YeTJBnz3lfH4uo16V3v/X1V/SX0VWHocOvrpqamdjebTSMiY6q6zzlXquq9it1oNC51Op3V2LVD+qr3LtudPVh0yIZYM9gARYPSQdEUDTIAwjDRFA0yAMIw0RQNMgDCMNEUDTIAwjDRFA0yAMIw0RQNMgDCMNEUDTIAwjDRFA0yAMIw0RQNMgDCMNEUDTIAwjDRFA0yAMIw0RQNMgDCMNEUDTIAwjDRFA0yAMIw0RQNMgDCMNEUDTIAwjDRFA0yAMIw0SDR/wLdV15qnSn2vQAAAABJRU5ErkJggg==');
  336. }
  337. .aui-pay-info{
  338. margin-top:15px;
  339. }
  340. .aui-pay-info p em{
  341. text-align:right;
  342. }
  343. .aui-pay-info .aui-flex{
  344. padding:0;
  345. }
  346. .aui-pay-fill{
  347. padding:10px 15px;
  348. }
  349. .aui-pay-flex{
  350. width:100%;
  351. border-radius:10px;
  352. background:white;
  353. padding:20px;
  354. margin-bottom:20px;
  355. }
  356. .aui-pay-text{
  357. text-align:center;
  358. width:100%;
  359. font-size:14px;
  360. color:#939393;
  361. }
  362. .aui-pay-text{
  363. padding:10px 0;
  364. }
  365. .aui-pay-text h2{
  366. color:#333333;
  367. font-size:35px;
  368. font-weight:normal;
  369. margin-top:10px;
  370. margin-bottom:5px;
  371. }
  372. .aui-pay-text h2 em{
  373. color:#333333;
  374. font-size:20px;
  375. font-style:normal;
  376. font-weight:normal;
  377. }
  378. .aui-pay-flex .aui-flex{
  379. padding:0;
  380. }
  381. .aui-pay-title{
  382. font-size:18px;
  383. color:#333333;
  384. position:relative;
  385. padding-left:25px;
  386. }
  387. .aui-flex-box .aui-pay-titleS{
  388. font-size:18px;
  389. color:#333333;
  390. position:relative;
  391. padding-left:25px;
  392. }
  393. .aui-pay-title:after{
  394. width: 20px;
  395. height: 20px;
  396. position: absolute;
  397. z-index: 0;
  398. top: 3px;
  399. left: 0;
  400. content: "";
  401. background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDdBMjk3RkQ4RUYyMTFFQkI4Q0VERjM1NERGMTI4NDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdBMjk3RkU4RUYyMTFFQkI4Q0VERjM1NERGMTI4NDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0N0EyOTdGQjhFRjIxMUVCQjhDRURGMzU0REYxMjg0NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0N0EyOTdGQzhFRjIxMUVCQjhDRURGMzU0REYxMjg0NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prf/GwEAAANVSURBVHja1FlPbAxRHP62tl1KpVKVSgjRVlQcKk1dFQdHhxaJiz8nJ4ImgosDh0pPLo04aCLh5kg4IGkkdRAcaCqNoIT0T0haq7o7b3wz783szOysdmbbmdmXfDvv3+775nu/3+/92ZSu66iElDY/X6eSzXK3rogWp07iGNFO1EVAZZ4YJx4R91TZlVLm1L+yFV1JDBDHjbaY9BsjDhNv7JoOHVVmRjeRIu4SJ1QeMaGFeEY023VMTqLdRE+MBJ2oJ245iaZtosDphLnQAaJFmYKL6J4E+nunm6hmftYlkGi9O45WQMwvj+i6U0BtG/CT4S/7tLi9KgOsP8NAx2GmB4H89xiINl0GWq/L/JazwGgvMHWz0F6zHWhj7F61jb8vgIaDwLuu0ERleBIh0HjI8SvVwI5+1vXKtupdwM4HBZJ6HljdCmQ6w41VlqJzXPFm18i8RWbjUWCChDec5DTPsP29bDNGM/tooc0sPNGRntJtny8QcTrTpqu0yyvSOWwlNamm8YRVtuqssnpC9Zsd4Yt2BxIobdvoYlJDVwiSnrLRr7YZWLGVe6RPy6Sotcn2Iyk0uXL8j6SrLEIoGsRGvSRtpYKQNPLzy0jU8m57YFU2FVVPm4zf0/k9sYw2Oj9TTLIUeavsNAthlalmfmLx4wYmOnqewfw2l84OSWJmFPjxUE6JGS81Zce6IqlmIdPE2Lpf1ok/wIc+n8PGUk599iPw6y33NO2SwPQw8PXawt+r4X6gca9UWvvLvcGTCAK+bV85YPMRxtbuBRzHzzyiWJnMgXKLI2XbZK5gq6IcogGMWg7kdBCvI2keeF7C6C8iUVRX5Py83U9pPjUixXotV6aigYj6kdTcillx1Zp+XfO8XFSKepUTJZQVHmVFuc4UyEZFQTk/ZbW8mua8jznkI7TR7LiDZK7YsaBs0msO1ovMTUY09V/uAL951E6vVauR7thZObZyzjprpTL6z76MiKiRpoZiOi5rlXWunzb28AnjN+E+LssNz1BCbvIsCGLY79qxP2FE7xPf3ETl0fsF0RfqgmDpMUacc15AOBU1cIm4SGRjVPI5sY+YLHWRa+VuEIMEN5rgjheZCJzGGNe4QXtMDJf2en9vG0iS+6cq5Q+xfwIMAEyrpzLOdj3WAAAAAElFTkSuQmCC');
  402. background-size:20px;
  403. }
  404. .aui-pay-titleS:after{
  405. width: 20px;
  406. height: 20px;
  407. position: absolute;
  408. z-index: 0;
  409. top: 3px;
  410. left: 0;
  411. content: "";
  412. background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDdBMjk3Rjk4RUYyMTFFQkI4Q0VERjM1NERGMTI4NDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdBMjk3RkE4RUYyMTFFQkI4Q0VERjM1NERGMTI4NDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0N0EyOTdGNzhFRjIxMUVCQjhDRURGMzU0REYxMjg0NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0N0EyOTdGODhFRjIxMUVCQjhDRURGMzU0REYxMjg0NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkN8CTkAAAP9SURBVHja1JnLaxRBEIdrZvNyA5KsBAQ1QaPkFkQUfMSDgSAY7+LFk4/1cRb05MWDHhQ8KIJ4N+LBR/6DCCLq0QQxiKCYqIRgYqLZ6R6rd7oyNb2z250NZieB3unq6en+purXr4kXhiGsh78m9XN4AkAir4dJcQss88OojGy6J/V7hey+p+uk2dROYLGFblfKKB9oW+UXjmrQFEgfy4bRHkK7B+/l1wByGiHHMf8YIT8QJAGXQQ3IXnx4BO09DfLkNTRvYf4q5kUClEFuxYfH0N7cwHA3Yf4y5guYzpBG/bKLY03ebTDkch7TaTSP0Vgvg+qHe7DweEYgqd8LwEF1p/uxQy9DkPgDhxKgWqOFjEGq1JEAzVi4CRKArUU+ZB3SnJ7qgezKAQwXUDPNUYPUNtWnJIHltT27BPD0B8D7JQskB60HshNj8agfYMuGODwEJTS0ZHAixT7ZDXDijYatBsk16gK5Ow9wsB2guykqP9JRHVIaidqiFOhrZwvAYKcdsiL0tTx5fRfAdgS7PQlwZwqgzY/bVHW/LrJ2PAYGyc2NemBTSyyR9pwF0gy9Ldz87cq2jCHncPQceO0+cCYGAFp93Y+0QJqDyaZJYM/6XGs8xI6ju/yMjL1dE9LcPdmmIE4q9WAhSOWdsb1oe9F9werQC3ANt5A0vFgOThp1mSe5HgMwNIipqy1Fk2m2kcJwlRo1J+/QGBzAOlvEwhsT1edNCjdBXeoDaPaSZXVpNG2FEawzn3lHlZfw5+F39xXn7E5sI8c8Wo9Gqy2DPFR0DbQOffTOlW3GasQ8yyOg+sl57EXDOjRqW7v56NYzVFQPOz7VE8MJpslQDxoa5YK/ZD0adYEUEIeKT08BEnz6HXe+POKxPI89FFqZl7nW5Qo16rILEkYHgpUt4BsMvk3XZLEL4GJf0sMB83iwEo26bNWWR7lkIWWw1QZOYEimQkI2jXJQl/0kjfpiL8C5HbHehJ7wPw4wAC+58kjDi84aNQeT06bX8Eho7pT04CJtSqjuRZ4XNkgXjfK1e66E17YkmGDbu1qhNb1IOld15ksWSPMUajs+vPgWi7/sCRkDBzU8J4w9KM0Syv75B+D5rAWylkbTdkH3pwEm5wH6N+KETW3ouh7TMZ/06dDIpUD31FHkyQzA39IKJnzXg9joHJ5zfjmcceqxLRM+/1Ky+tPi/4CUhkYzC5n4ABEZMxmEnE18gNCefIVgYcY8+TI5PUWe/IxQo1kKN17vVYReQ53H/FRGIB+AchwHZeH+gvkBTO8aCBng9SamYsU8aoR7Es196qMuVhzC1I0pvwaQeJiBcbyOgPpnQ9pan6JJiRWe6bSW4a661nvr5R9i/wQYAOvIHzHhRgCrAAAAAElFTkSuQmCC');
  413. background-size:20px;
  414. }
  415. .aui-pay-flex .aui-pay-info p{
  416. color:#6e6e6e;
  417. padding:5px 0;
  418. font-size:14px;
  419. }
  420. .aui-pay-flex .aui-pay-info p em{
  421. color:#333333;
  422. font-style:normal;
  423. font-size:15px;
  424. }
  425. .aui-pay-com{
  426. width:92%;
  427. margin:0 auto;
  428. }
  429. .aui-pay-com button{
  430. background-color: #6bc3ff;
  431. background: -webkit-linear-gradient(to right,#6bc3ff, #0081ff);
  432. background: -o-linear-gradient(to right,#6bc3ff, #0081ff);
  433. background: -moz-linear-gradient(to right,#6bc3ff, #0081ff);
  434. background: linear-gradient(to right,#6bc3ff, #0081ff);
  435. color:white;
  436. border:none;
  437. width:100%;
  438. padding:12px 0;
  439. border-radius:10px;
  440. font-size:16px;
  441. }