diff --git a/Mobile12306New/css/css.css b/Mobile12306New/css/css.css index 9add171..6389e9f 100644 --- a/Mobile12306New/css/css.css +++ b/Mobile12306New/css/css.css @@ -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;} @@ -271,8 +261,8 @@ input[type=radio]:checked:after{content:''; display:block; width:12px; height:12 .search_box:before{ content:'';display:block; width:100%; height:0; overflow:hidden; clear:both;} .search_cancel{float:right; width:4em; text-align:center;} .search_ipt{overflow:hidden; height:29px; border-radius:5px; background-color:#fcaf5a; padding-left:30px; background-position:8px -443px; margin-top:8px;} -.search_input{width:100%; border:0; font-size:0.9375rem; height:29px; padding:5px 0; -webkit-appearance: none;-webkit-appearance:none; vertical-align:top; background:none; color:#FFF;} -.search_input::-webkit-input-placeholder{color:#fa8c13;} +.search_input{width:100%; border:0; font-size:0.9375rem; height:29px; padding:5px 0;-webkit-appearance: none;-webkit-appearance:none; vertical-align:top; background:none; color:#FFF;} +.search_input::-webkit-input-placeholder {color:#fa8c13;} .station_list{ overflow:hidden;} .station_list:after{ content: ''; display: block; overflow: hidden; visibility: hidden; clear: both} @@ -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;} diff --git a/Mobile12306New/no_complete_order.html b/Mobile12306New/no_complete_order.html index 51ee72b..19d9941 100644 --- a/Mobile12306New/no_complete_order.html +++ b/Mobile12306New/no_complete_order.html @@ -16,7 +16,7 @@
预定成功 -
帮助
+