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.
 
 
 
 

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