This commit is contained in:
SilenceLeo 2014-09-04 15:00:32 +08:00
commit f56d0bebc8
3 changed files with 19 additions and 33 deletions

View File

@ -18,7 +18,6 @@ body { background:#f4f4f4; color:#787878; position:relative;}
body.nologin{padding-bottom:60px;}
a{color:#fa8c13;}
input[type=checkbox],
.icon_change,
.icon_edit,
@ -46,10 +45,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.pull_left{float:left;}
.pull_right{float:right;}
.pull_left:active .icon_left,.pull_right:active .icon_right{opacity: .5}
.text_warning{color:#fa8c13;}
.text_warning:active{color: #FFBB51}
.text_error{color:#da0000;}
.text_gray{color:#b7b7b7;}
.text_lg{ font-size:1.25em;}
@ -65,7 +61,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
/*icon*/
.icon_change{display: inline-block; width:22px; height:22px; border-radius:50%; overflow:hidden; border:#DDD solid 1px; background-position:4px -245px; background-color:#FFF;}
.icon_change:active{border: 1px solid rgba(199,199,199,.5);background-color: rgba(199,199,199,.5)}
.icon_back{display:inline-block; width:45px; height:45px; overflow:hidden; background-position:18px -85px;}
.icon_left,
@ -94,7 +90,6 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.icon_remove:before{-webkit-transform:rotate(45deg);}
.icon_remove:after{-webkit-transform:rotate(-45deg);}
.header{width:100%; height:45px; line-height:45px; position:relative; overflow:hidden; background:#fa8c13; color:#FFF; font-size:0.75rem; text-align:center;}
.h_l,.h_r{position:absolute; top:0; white-space:nowrap;}
.h_l{left:15px;}
@ -103,7 +98,6 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.h_l a{padding-right:1.2rem;text-align: left;}
.h_r a{padding-left:1.2rem;text-align: right;}
.h_l a.logo{ display:block;width:122px; height:26px; overflow:hidden; background:url(../images/logo.png) no-repeat; background-size:122px 26px; margin:10px 0 0;padding:0;}
.h_r a:active .icon_user,.h_l:active .logo{opacity: .5}
.h_r_text{ padding:5px 0; text-align:right; line-height:16px;}
.header .icon_back{margin-left:-15px;}
.header a{color:#FFF; font-size:0.875rem;display: block;}
@ -111,9 +105,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.box_insert{background:#FFF; border-bottom:#ddd solid 1px;padding:0 15px;}
#open_filter:active{color:#FFBB51;}
#loginForm .text_warning{display: inline-block;padding: 5px 10px;margin-right: -10px}
#loginForm .text_warning{display: inline-block;height: 20px;padding: 5px 10px;margin-right: -10px}
#loginForm .form_btns{margin: 10px 0}
.form_btns{ margin:15px 0;}
.form_line{padding:5px 0;min-height:40px; line-height:40px;border-bottom:#ddd solid 1px;}
@ -122,17 +114,17 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.form_line label{display:inline-block;text-align: center;}
.form_line.text_center label{margin:0 18px;}
.form_label{display:inline-block; width:86px; float:left;}
.ipt_wrap{overflow:hidden;}
.ipt_wrap .ipt{width:100%; padding:10px 0; height:20px; border:0; margin:0;}
.ipt_wrap{position:relative; overflow:hidden;}
.ipt_wrap .ipt{position:relative; width:100%; padding:10px 0; height:20px; border:0; margin:0;}
.form_cardimg{float:right; width:90px; overflow:hidden; margin:7px 0 0 10px; text-align:center; vertical-align:middle;}
.form_cardimg img{max-width:100%;}
.btn{ height:40px; padding:0 1em;-webkit-box-sizing: border-box; line-height:40px; background:#ffbb51; border:0; margin:0; display:inline-block; border-radius:3px; font-size:1.1875rem; color:#FFF; text-align:center; position:relative; overflow:hidden;}
.btn:active{background: #fa7a13;box-shadow: 0 1px 0px #fa6f13}
.btn_block{display:block; width:100%; }
.btn_lg{height:45px; line-height:45px;}
.btn_m{height:30px; line-height:30px; font-size:0.75rem;}
.btn_success{background:#fa8c13;}
.btn_success:active{background: #fa7a13;box-shadow: 0 1px 0px #fa6f13}
.btn_gray{background:#b5b5b5;}
.box{padding:10px 15px;}
@ -142,7 +134,6 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
/* 登陆页 */
.footer_tip{margin-top:30px; font-size:.75rem;}
.footer_tip a{padding: 5px}
/* 查询页 */
.station{ position:relative; overflow:hidden; padding:15px 0; border-bottom:1px solid #DDD;}
@ -152,7 +143,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.start_station{border-right:1px solid #DDD; padding-right:10px;}
.end_station{padding-left:10px;}
#exchange{position: absolute;left: 50%; width: 22px; height: 22px; padding: 20px; top: 50%; margin-left: -33px; margin-top: -24px; display: block;} .station_city{padding:30px 0; font-size:1.875rem; color:#fa8c13;}
/*#exchange:active{border: 1px solid #f3f3f3;border-radius: 50%}*/
.station .icon_change{}
.check_date{ height:65px; overflow:hidden;}
@ -165,12 +156,11 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.his_title{text-align:center;}
.his_list a{ display:block; height:40px; line-height:40px; overflow:hidden; position: relative; color:#787878;}
.his_list a span{ display:inline-block; width:50%; -webkit-box-sizing:border-box;}
.his_list a span:first-child{text-align:right; padding-right:17px;}
.his_list a span:last-child{ padding-left:17px;}
.his_list a:after{width:16px; height:8px; position:absolute; content:''; left:50%; top:50%; -webkit-transform:translate3d(-50%,-50%,0); background-position:0 -300px;}
.his_list a:active span{color:#333;}
/* 弹层 */
.public_layer{position:fixed; height:100%; z-index:9999; background:rgba(0,0,0,.2); top:0; width:100%; height:100%; overflow:hidden;}
.public_pop{ position: fixed; width:270px; left:50%; margin-left:-135px; top:40%; margin-top:-50px; background:rgba(255,255,255,.95); border-radius:7px;-webkit-transform:scale(1.3);transform:scale(1.3); opacity:0;-webkit-transition-duration: .1s, .1s;-webkit-transition-timing-function: linear, linear;-webkit-transition-property: -webkit-transform, opacity;}
@ -221,7 +211,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.label_remind:before{background:#f7dfaa;}
/**/
.form_title{font-size:0.75rem; line-height:2.5em; padding:0 1.375em; background:#f4f4f4; border-bottom:#ddd solid 1px; position: relative;}
.form_title{font-size:0.75rem; line-height:2.5em; padding:0 1.375em; background:#f4f4f4; border-bottom:#ddd solid 1px; }
.box_insert .form_title{ background:#FFF;}
.query_box{padding:8px 15px;}
.query_checkbox{ display:inline-block; width:33.333333%;height: 24px; padding:7px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@ -238,10 +228,10 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.query_bigcheck_checked span{background:#fa8c13; color:#FFF;}
/**/
.bottom_tip{position:fixed; width:100%; left:0; bottom:0; display:none;}
.bottom_tip{position:fixed; width:100%; height:57px; left:0; bottom:0; display:none; overflow:hidden;}
.bottom_tip a{display:block; background:rgba(0,0,0,.8); padding:1.3em 1em; font-size:0.9375rem; color:#FFF; position:relative;}
#login_tip a:after{content:"登录"; position: absolute; right:1em; background:#fa8c13; padding:0 1.5em; height:2em; line-height:2em; top:50%; -webkit-transform:translate3d(0,-50%,0); border-radius:3px;}
#login_tip a:active:after{background: #fa7a13}
/**/
.top_menu{top:45px; bottom:0; width:100%; position: absolute; background:rgba(0,0,0,.5); display:none;}
.link_list{padding:0 15px; background:#f4f4f4;border-bottom:#cacaca solid 1px; position:relative;}
@ -286,11 +276,9 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.station_list li:after{content:''; display:block; right:0; top:50%; -webkit-transform:translate3d(0,-50%,0); border-right: #cacaca solid 1px; height:.9em; position:absolute;}
.station_list li:nth-child(3n):after{ display:none;}
.station_list li a{display: block; line-height:2.617647058823529em; text-align:center; color:#787878;}
.station_list li a:active{background: rgba(222,222,222,.3)}
#search_station .form_title{ text-align:center;font-size: 1rem}
#station_hisbox .title_right{display: block;height: 30px;width: 24px;padding-left: 30px;position: absolute;right: 20px}
/*#search_station.form_title:after{}*/
.icon_remove_b{background-image: url(../images/icons.png);height: 30px;width: 24px; display: block; background-position: 3px -490px; background-size: 100%;}
.suggest{position:absolute; left:0; top:45px; right:0; padding:0 15px; background:#FFF; display:none;}
.suggest ul li{border-bottom:#ddd solid 1px;}
.suggest ul li a{display:block; font-size:1.0625rem; color:#787878; line-height:2.617647058823529em;}
@ -301,8 +289,8 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.date_title{height:34px; line-height:34px; background:#f4f4f4;}
.date_title strong{font-weight: lighter;}
.next_btn,.prev_btn{color:#333; font-size:.75rem;}
.next_btn:active,.prev_btn:active{color:#e6e6e6; }
.next_btn,
.prev_btn{color:#cacaca; font-size:.75rem;}
.prev_btn{float:left; padding:0 0 0 10px;}
.next_btn{float:right; padding:0 10px 0 0;}
.next_btn i,
@ -364,9 +352,7 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12
.train_label:after{-webkit-transform:rotate(-45deg);}
/**/
#autoTip,
#noTicket,
#noLoginTip{display:none;}
#autoTip{display:none;}
.page_tip{text-align:center; padding:50px 0;}
.page_tip p{font-size:1rem; margin:2em 0;}
.page_tip .btn{width:190px;}

View File

@ -16,7 +16,7 @@
<header class="header">
<div class="h_l"><a href="javascript:;" data-fn="back"><i class="icon_back"></i></a></div>
<span class="h_t">预定成功</span>
<div class="h_r"><a href="#">帮助</a></div>
<div class="h_r"><a href="javascript:;" id="menu_btn"><i class="icon_user icon_user2"></i></a></div>
</header>
<div class="orders" id="orders">
<!--<div class="orders_title">订单号E123456789</div>

View File

@ -28,7 +28,7 @@
<li><a href="javascript:;" data-bank="01050000">建设银行</a></li>
<li><a href="javascript:;" data-bank="03080000">招商银行</a></li>
<li><a href="javascript:;" data-bank="33000010">支付宝</a></li>
<li><a href="https://kyfw.12306.cn/otn/queryOrder/initNoComplete">12306支付</a></li>
<li><a href="https://kyfw.12306.cn/otn/queryOrder/initNoComplete">12306支付</a></li>
</ul>
</div>
<!--<script src="js/zepto.js"></script>