You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

486 lines
8.9 KiB

  1. body{
  2. position: relative;
  3. background:#f6f6f6;
  4. }
  5. .clearfix:after {
  6. content: ".";
  7. display: block;
  8. height: 0;
  9. font-size: 0;
  10. clear: both;
  11. visibility: hidden;
  12. }
  13. .content{
  14. position: relative;
  15. margin:0 auto;
  16. width: 3.2rem;
  17. }
  18. .content .warp{
  19. width:9.125rem;
  20. padding-left: 0.4375rem;
  21. padding-right: 0.4375rem;
  22. }
  23. .content .marwarp{
  24. width:9.125rem;
  25. margin:0 auto;
  26. }
  27. .content .amonth{
  28. background: #fff;
  29. }
  30. .content .amonth>.aday{
  31. margin-bottom: 1px;
  32. float: left;
  33. width: 0.445rem;
  34. height: 0.445rem;
  35. margin-left:1px;
  36. text-align: center;
  37. font-size: 0.16rem;
  38. display: -webkit-box;
  39. display: -moz-box;
  40. display: box;
  41. position:relative;
  42. -webkit-box-align:center;
  43. -moz-box-align:center;
  44. box-align:center;
  45. -webkit-box-pack:center;
  46. -moz-box-pack:center;
  47. box-pack:center;
  48. -webkit-box-orient:vertical;
  49. -moz-box-orient:vertical;
  50. box-orient:vertical;
  51. }
  52. .content .amonth>.disday{
  53. background:#f5f5f5;
  54. }
  55. .content .amonth>.thisday{
  56. border-radius: 5px;
  57. background: #ff8800;
  58. }
  59. .content .amonth>.aweek{
  60. float: left;
  61. width: 0.445rem;
  62. height: 0.445rem;
  63. margin-left:1px;
  64. text-align: center;
  65. line-height: 0.445rem;
  66. font-size: 0.16rem;
  67. background: #e1e1e1;
  68. border-radius: 3px;
  69. }
  70. .content .amonth>.showdate{
  71. height: 0.5rem;
  72. line-height: 0.5rem;
  73. text-align: center;
  74. font-size: 0.16rem;
  75. }
  76. .content .amonth>.showdate>.monthleft{
  77. padding-right: 0.5rem;
  78. }
  79. .content .amonth>.showdate>.monthright{
  80. padding-left: 0.5rem;
  81. }
  82. /*选择票种界面*/
  83. .content .asell_list .sell_info{
  84. float: right;
  85. }
  86. .content .asell_list .sell_info>img{
  87. margin-right: 0.5em;
  88. }
  89. .content .asell_list>.ticket_title{
  90. background: #fff;
  91. height: 0.4375rem;
  92. padding-top: 0.4375rem;
  93. padding-bottom :0.4375rem;
  94. font-size: 0.4375rem;
  95. line-height: 0.4375rem;
  96. border-top:1px solid #e2e2e2;
  97. border-bottom:1px solid #e2e2e2;
  98. }
  99. .content .asell_list>.ticket_title>img{
  100. height: 0.4375rem;
  101. }
  102. .content .asell_list .sel_ticket{
  103. background: #fff;
  104. border-top:1px solid #e2e2e2;
  105. border-bottom:1px solid #e2e2e2;
  106. }
  107. .content .asell_list .sel_tickettitle{
  108. background: #fff;
  109. font-size: 0.40625rem;
  110. line-height: 0.40625rem;
  111. padding-bottom: 0.234375rem;
  112. padding-top: 0.234375rem;
  113. /*border-top: 1px solid #e2e2e2e2e2e2;*/
  114. border-bottom: 1px solid #e2e2e2;
  115. }
  116. .content .asell_list .sel_tickettitle>.sell_info{
  117. font-size: 0.34375rem;
  118. line-height: 0.40625rem;
  119. }
  120. .content .asell_list .sel_tickettitle>.sell_info>img{
  121. height: 0.40625rem;
  122. }
  123. .content .asell_list .sel_tickettitle>img{
  124. height: 0.34375rem;
  125. }
  126. .content .asell_list>.sel_ticket>.ticket_list>.ticket_man{
  127. background: #fff;
  128. float: left;
  129. font-size: 0.375rem;
  130. line-height: 0.5625rem;
  131. }
  132. .content .asell_list>.sel_ticket>.ticket_list>.ticket_price{
  133. float: left;
  134. font-size: 0.4375rem;
  135. color: #ff8800;
  136. margin-left: 0.9375rem;
  137. line-height: 0.5625rem;
  138. }
  139. .content .asell_list>.sel_ticket>.ticket_list>.ticket_num{
  140. float: right;
  141. }
  142. .content .asell_list>.sel_ticket>.ticket_list>.ticket_num>img{
  143. float: left;
  144. height: 0.5625rem;
  145. border: 1px solid #e2e2e2;
  146. }
  147. .content .asell_list>.sel_ticket>.ticket_list>.ticket_num>input{
  148. float: left;
  149. height: 0.5625rem;
  150. width: 0.75rem;
  151. border: 0;
  152. border-top:1px solid #e2e2e2;
  153. border-bottom:1px solid #e2e2e2;
  154. text-align: center;
  155. font-size: 0.375rem;
  156. line-height: 0.5625rem;
  157. outline: none;
  158. }
  159. .content .asell_list>.sel_ticket>.ticket_list{
  160. padding-bottom: 0.4375rem;
  161. padding-top: 0.4375rem;
  162. /*border-top: 1px solid #e2e2e2;*/
  163. border-bottom: 1px dashed #e2e2e2;
  164. }
  165. .content .asell_list>.sel_ticket>.ticket_list:last-child{
  166. border-bottom: 0;
  167. }
  168. .content .asell_list .sel_goback{
  169. background: #fff;
  170. font-size: 0.40625rem;
  171. line-height: 1.03125rem;
  172. padding-top:0.171875rem;
  173. padding-bottom:0.171875rem;
  174. border-top:1px solid #e2e2e2;
  175. border-bottom:1px solid #e2e2e2;
  176. }
  177. .content .asell_list .sel_goback .goback_date{
  178. float: left;
  179. font-size: 0.40625rem;
  180. line-height: 1.03125rem;
  181. }
  182. .content .asell_list .sel_goback .goback_time1{
  183. float: left;
  184. }
  185. .content .asell_list .sel_goback .goback_time1>img{
  186. margin-top: 0.1875rem;
  187. margin-left: 0.125rem;
  188. margin-right: 0.125rem;
  189. float: left;
  190. width: 0.21875rem;
  191. }
  192. .content .asell_list .sel_goback .goback_time1>.goback_timeinfo{
  193. float: left;
  194. }
  195. .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>p{
  196. line-height: 0.515625rem;
  197. font-size: 0.375rem;
  198. }
  199. .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.go{
  200. color: #ff8800;
  201. }
  202. .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.back{
  203. color: #00be96;
  204. }
  205. .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.go>.agodata{
  206. margin-right: 0.5em;
  207. }
  208. .content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.back>.backtime{
  209. margin-right: 0.5em;
  210. }
  211. .content .asell_list .sel_goback .goback_time2{
  212. float: left;
  213. }
  214. .content .asell_list .sel_goback .goback_time2>.goback_timeinfo>.onego{
  215. text-indent: 0.5em;
  216. color: #ff8800;
  217. float: left;
  218. }
  219. .content .asell_list .sel_goback .goback_time3>.goback_timeinfo>.onego{
  220. text-indent: 0.5em;
  221. color: #00be96;
  222. float: left;
  223. }
  224. .content .asell_list .sel_goback:before{
  225. content: "";
  226. float: right;
  227. width: 0.1875rem;
  228. height: 0.375rem;
  229. margin-top:0.375rem;
  230. background-image:url(../images/icon-more.png);
  231. background-size: 100% 100%;
  232. }
  233. .content .aonelist{
  234. background: #fff;
  235. }
  236. .content .cartime {
  237. background: #fff;
  238. }
  239. .content .cartime li{
  240. float: left;
  241. font-size: 0.375rem;
  242. padding:0.1875rem 0.25rem;
  243. line-height: 0.375rem;
  244. border: 0.03125rem solid #e0e0e0;
  245. background: #f5f5f5;
  246. border-radius: 0.09375rem;
  247. margin-left: 0.75rem;
  248. margin-bottom: 0.34375rem;
  249. margin-top: 0.34375rem;
  250. }
  251. .content .cartime li.sel{
  252. border: 0.03125rem solid #e59801;
  253. background: #fda801;
  254. color: #fff ;
  255. }
  256. .content .cartime li.disable{
  257. border: 0.03125rem solid #fafafa;
  258. background: #efefef;
  259. color: #6e6e6e;
  260. }
  261. /*.content .cartime li.nosel{}*/
  262. .content .asell_list .writeinfo{
  263. height: 3rem;
  264. position: relative;
  265. }
  266. .content .asell_list .writeinfo:after{
  267. content: "";
  268. position: absolute;
  269. }
  270. .content .asell_list .alist{
  271. border-bottom:1px solid #e2e2e2;
  272. border-top:1px solid #e2e2e2;
  273. background: #fff;
  274. }
  275. .content .asell_list .alist>div.title{
  276. background: #fff;
  277. font-size: 0.40625rem;
  278. line-height: 0.40625rem;
  279. padding-bottom: 0.28125rem;
  280. padding-top: 0.28125rem;
  281. }
  282. .content .asell_list .alist>div.content{
  283. font-size: 0.375rem;
  284. line-height:1.0625rem;
  285. height: 1.0625rem;
  286. padding-top:1px;
  287. padding-bottom:1px;
  288. }
  289. .content .asell_list .writeinfo{
  290. height: 3rem;
  291. position: relative;
  292. }
  293. .content .asell_list .writeinfo>img{
  294. position: absolute;
  295. right: 0;
  296. width: 0.375rem;
  297. }
  298. .content .asell_list .writeinfo>textarea{
  299. background: #f6f6f6;
  300. width: 100%;
  301. height: 100%;
  302. border: 0;
  303. }
  304. .content .asell_list .writeinfo>textarea:focus{
  305. outline: none;
  306. }
  307. .content .borderbot{
  308. border-bottom:1px solid #e2e2e2;
  309. }
  310. .content .borderbotda{
  311. border-bottom:1px dashed #e2e2e2;
  312. }
  313. .content .fire{
  314. margin-bottom:0.140625rem;
  315. }
  316. .content .name{
  317. outline:none;
  318. background:#fff;
  319. padding:0;
  320. border: 0;
  321. font-size: 0.375rem;
  322. /*line-height: 0.375rem;*/
  323. width: 100%;
  324. height: 100%;
  325. line-height: 1.0625rem;
  326. /*border-bottom: 1px dashed #e2e2e2;*/
  327. }
  328. .content .phone:focus{
  329. outline:none;
  330. }
  331. .content .name:focus{
  332. outline:none;
  333. }
  334. .content .phone{
  335. background:#fff;
  336. outline:none;
  337. padding:0;
  338. border: 0;
  339. font-size: 0.375rem;
  340. /*line-height: 0.375rem;*/
  341. width: 100%;
  342. height: 100%;
  343. line-height: 1.0625rem;
  344. /*border-bottom: 1px dashed #e2e2e2;*/
  345. }
  346. .content .idcard:focus{
  347. outline:none;
  348. }
  349. .content .idcard{
  350. background:#fff;
  351. outline:none;
  352. padding:0;
  353. border: 0;
  354. font-size: 0.375rem;
  355. /*line-height: 0.375rem;*/
  356. width: 100%;
  357. height: 100%;
  358. line-height: 1.0625rem;
  359. /*border-bottom: 1px dashed #e2e2e2;*/
  360. }
  361. .content .buy{
  362. position: fixed;
  363. bottom: 0;
  364. }
  365. .content .buy .buyprice{
  366. height: 1.25rem;
  367. width: 4.375rem;
  368. line-height: 1.25rem;
  369. text-align: center;
  370. font-size: 0.5625rem;
  371. float: left;
  372. color: #ff8800;
  373. background: #fff;
  374. border-top: 1px solid #e2e2e2;
  375. }
  376. .content .buy .pay{
  377. height: 1.25rem;
  378. width: 5.625rem;
  379. font-size: 0.5rem;
  380. color: #fff;
  381. line-height: 1.25rem;
  382. background:#ff8800;
  383. float: left;
  384. text-align: center;
  385. border-top: 1px solid #ff8800;
  386. }
  387. #detailsone{
  388. position: absolute;
  389. top: 0.0rem;
  390. left: 0rem;
  391. background: rgba(0,0,0,0.8);
  392. width: 100%;
  393. display: none;
  394. }
  395. .dscontent{
  396. position: relative;
  397. width: 10rem;
  398. margin:0 auto;
  399. }
  400. #x{
  401. font-size: 0.5625rem;
  402. color: red;
  403. font-weight: 600;
  404. position: absolute;
  405. right: 0.3125rem;
  406. top: 0.15625rem;
  407. }
  408. #detailcontent{
  409. position: absolute;
  410. top:0.625rem;
  411. width:9.9475rem;
  412. left:0.46875rem;
  413. color: #fff;
  414. font-size: 0.5625rem;
  415. }
  416. .placesel{; opacity:1; filter: Alpha(Opacity=80);
  417. -moz-animation:myfirst 1s linear infinite alternate;/* Firefox */
  418. -webkit-animation:myfirst 1s linear infinite alternate; /* Safari 和 Chrome */
  419. -o-animation:myfirst 1s linear infinite alternate;
  420. animation:myfirst 1s linear infinite alternate;}
  421. @keyframes myfirst{from {background:#ff8800;opacity:0.8; filter: Alpha(Opacity=80);}
  422. to {background:#ff8800;opacity:0.2; filter: Alpha(Opacity=20);}
  423. }