*{ margin:0; padding:0; } body{ background: #f6f6f6; display:flex; flex-direction: column; } .taocan{ font-size: 0.31rem; background: #fff; height: 0.8rem; line-height: 0.8rem; color: #3988E5; padding-left: 0.21rem; } #del{ font-size: 0.4rem;} .information .mingcheng span{ color:#252729; font-size: 0.27rem; } .dainji { color: #999; right: 0.2rem; top: 0.05rem; position: absolute; } .information .chu{ justify-content: space-between; display: flex; } .titles{ position: relative; } /*.information .ming{ justify-content: space-between; }*/ input {-webkit-appearance:none; /*去除input默认样式*/} .wo{ color:#252729 ; font-size:0.25rem ; } .information{ background: #fff; margin-top: 0.2rem; } .information { /*overflow: hidden;*/ } .reduce,.add,.val{ display: block; width: 0.8rem; height: 0.6rem; border:0.01rem solid #999; text-align: center; line-height: 0.6rem; } .add{ border-left:0; } .reduce{ border-right:0; } .suan{ display: flex; align-items: center; } .wu{ display: flex; align-items: center; } .information li .liang{ margin-left: 0.15rem; } /*.information li .lian{ margin-right: 1rem; }*/ .xuan{ display: flex; align-items: center; } .me{ padding-bottom: 2rem; } .danxuan{ margin-right: 0.1rem; display:flex; justify-content: center; align-items: center; width: 0.28rem; height: 0.28rem; border: 1px solid #aaa; } .information li{ background: #fff; align-items:center ; display: flex; padding: 0 0.32rem 0 0.39rem; /*line-height: 0.945rem;*/ height:0.945rem; border-bottom: 1px solid #eee; } .ming{ justify-content: space-between; } .information li .chuxing,.qita{ color: #3988E5; font-size: 0.31rem; } .shuliang{ display: flex; justify-content: space-between; } #shuliang{ border-bottom:0; } .li_span{ display: flex; align-items: center; } .information li:nth-child(4){ padding-left: 0.23rem; } .chengke{ padding-right:0.32rem; display: flex; justify-content: space-between; padding-left:0.39rem; align-items: center; color:#FF9966; font-size: 0.28rem; background: #fff; margin-top: 3rem; line-height:0.88rem; } .aaa{ color: #3988E5; } .qita { margin-bottom: 0.1rem; padding-left: 0.21rem; margin-top: 0.2rem; background: #fff; height: 0.8rem; line-height: 0.8rem; } .xuanze{ margin-left: 0.6rem; color: #999999; } .icon-common-jinru-copy{ color: #000; } .shang{ display: flex; justify-content: space-between; } .youhui .you{ justify-content: space-between; font-size: 0.31rem; height: 0.945rem; line-height: 0.8rem; padding-left: 0.37rem; color: #252729; font-size: 0.27rem; display: flex; padding-right:0.32rem ; align-items: center; border-bottom: 1px solid #eee; } .youhui{ margin-top: 0.2rem; background: #fff; } .lian{ /*margin-right: -4.4rem;*/ color:#999999; } .shang,.dan{ /*justify-content: space-between;*/ font-size: 0.31rem; height: 0.945rem; line-height:0.945rem; padding-left: 0.37rem; color: #252729; font-size: 0.27rem; display: flex; padding-right:0.32rem ; align-items: center; border-bottom: 1px solid #eee; flex:1; position: relative; } .phurse{ color:#3988E5; } .dan1{ /*justify-content: space-between;*/ font-size: 0.31rem; height: 0.945rem; line-height:0.945rem; padding-left: 0.37rem; color: #252729; font-size: 0.27rem; display: flex; padding-right:0.32rem ; align-items: center; border-bottom: 1px solid #eee; flex:1; position: relative; } .lian1{ color:#999999; outline:none; border:none; text-align:right; } .dan .lian2{ /*margin-left:3.2rem ;*/ color:#999999; } footer{ position: fixed; display: flex; /*padding-left:0.37rem ;*/ height: 1rem; display: flex; background: #FFFFFF; border: 1px solid #3988E5; left:0; bottom: 0; width: 100%; justify-content: space-between; align-items: center; } .shan1{ justify-content: space-between; } footer div span:nth-child(1){ color: #3399FF; } .jin{ margin-left:0.37rem; } footer input{ border:0; width: 2.6rem; height: 1rem; background:#3988E5 ; color: #fff; font-size: 0.34rem; display: block; text-align: center; outline: none; } footer span{ font-size: 0.27rem; } .dan_box{ display: flex; align-items: center; } .jus{ justify-content: space-between; } .mold{ position: fixed; top:0; left:0; width:100%; height: 100%; background-color: rgba(0,0,0,0.5); } .ok:active{ opacity: 0.7; } .mold_main{ position: absolute; background-color: #fff; width:5.2rem; height: 3rem; margin:3.9rem 0 0 1.2rem; } .img_box{ width:0.6rem; padding:0 0.3rem 0 0; height: 0.6rem; overflow: hidden; } .img_box img{ width:100%; height: 100%; } .mold{ position: fixed; top:0; left:0; width:100%; height: 100%; background-color: rgba(0,0,0,0.5); } .mold_main{ padding: 0.31rem 0.6rem 0 0.61rem; position: absolute; background-color: #fff; width: 4.5rem; height: 2.68rem; margin: 4rem 0 0 0.9rem; display: flex; flex-direction: column; align-items: center; } .move{ z-index: 10; position: fixed; top:0; left:0; width:100%; height: 100%; background-color: rgba(0,0,0,0.5); } .fang{ display: flex; height: 1.02rem; align-items: center; justify-content: space-between; border-bottom: 0.01rem solid #EBEBEB; padding: 0 0.31rem; } .change{ padding: 0 0.31rem; width: 100%; } .call{ font-size: 0.32rem; color: #252729; } .required{ display: flex; flex-direction: column; align-items: center; margin-top: 1rem; } .yes{ margin-bottom: 0.4rem;} .single{ color: #252729; font-size: 0.32rem; } .confirm{ font-size: 0.32rem; color: #3988E5; } .move_main{ z-index: 1000; bottom: 0; position: absolute; background-color: #fff; width: 100%; height: 4.55rem; display: flex; flex-direction: column; align-items: center; } .green{ color:#008000 ; } .fon30{ font-size: 0.3rem; } .fon30{ font-size: 0.3rem; } .fon26{ font-size: 0.26rem; color: #FE0A01; } .danxuan .icon-duigou{ font-size:0.3rem; color:#000; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; } .weui-picker__action{ color:#999; } .ab{display: flex; align-items: center; justify-content: space-between;} .xi{ display: flex; align-items: center; justify-content: space-between; } input::input-placeholder{ color: #ccc; } .mold_out { position: fixed; top: 3rem; font-size: 0.28rem; width: 100%; height: 2.8rem; } .mold_center { border: 0.02rem solid #54C0B4; background: rgba(255, 255, 255, 1); z-index: 9; display: flex; justify-content: center; padding-top: 0.2rem; padding-bottom: 0.1rem; } .year_change { display: flex; align-items: center; } .money { display: flex; align-items: center; margin-bottom: 0.15rem; justify-content: space-between; } .bottom_button { margin-left: 1.6rem; display: block; width: 1.5rem; height: 0.5rem; border: none; background: #3399FF; border-radius: 1rem; color: #fff; outline: none; } .scroll { height: 3rem; overflow-x: hidden; overflow: auto; overflow-x: hidden; width: 5.17rem; } .scroll_out{ overflow: hidden; width: 5.0rem; } .price{color: #54C0B4;} .move1{ display: none; z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .move_main1 { animation: move 0.18s; } .move_main1 { z-index: 1000; bottom: 0; position: absolute; background-color: #fff; width: 100%; display: flex; flex-direction: column; align-items: center; } /*确认取消弹出框*/ .shang1, .dan1 { font-size: 0.31rem; height: 0.945rem; line-height: 0.945rem; padding-left: 0.37rem; color: #252729; font-size: 0.27rem; display: flex; padding-right: 0.32rem; align-items: center; border-bottom: 1px solid #eee; flex: 1; } .choose { color: #3988E5; font-size: 0.32rem; } .shang2{ width: 100%; } .agreepay{ height: 1rem; text-align: center; line-height: 1rem; font-size: 0.32rem; background: #3399FF; color: #fff; } .yue{ width:0.5rem; height: 0.5rem; } .shang1_inner{ display: flex; align-items: center; } .img_out{ margin-left: 0.1rem; padding-top: 0.3rem; margin-right: 0.25rem; } .icon-xuanzhong2{ color:#FE0A01; } .move3{ display: none; z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .move_main3{ border-radius: 0.1rem; left: 1.3rem; width: 5rem; top: 4.6rem; z-index: 1000; /* bottom: 0; */ position: absolute; background-color: #fff; /* width: 100%; */ height: 4rem; display: flex; /* justify-content: center; */ align-items: center; background: #fff; flex-direction: column; height: 3rem; } /*绑定手机号*/ .tie_phone{ margin-top: 0.4rem; font-size: 0.28rem; color: #7E7E80; } .agreed{ margin-top: 0.1rem; } .phone_btn{ margin-top: 0.3rem; height: 0.8rem; width: 100%; border-top: 0.01rem solid #EBEBEB; background: #fff; border-radius: 0.01rem 0.01rem 0.01rem 0.01rem; color:#FF0000; font-size: 0.3rem; display: flex; align-items: center; justify-content: center; } .phone_input{ padding-left: 0.2rem; margin-top: 0.2rem; outline: none; height: 0.7rem; width: 3.8rem; border: 0.02rem solid #eee; border-radius: 0.05rem; } /*单选*/ .single{ margin-right: 0.1rem; width: 0.3rem; height: 0.3rem; border: 0.03rem solid #B5B5B5; border-radius:50%; position: relative; /*display: flex; align-items: center; justify-content: center; vertical-align:middle*/ } .icon-yuandianxiao{ position: absolute; color: #656565; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); } .single1{ color: #252729; font-size: 0.32rem; } .required .yes{ color:red;} .required span{font-size: 0.32rem; color:#252729; } .single img{ width: 100%; } .money i{ font-size: 0.32rem; color: #656565; } /*选择出行人*/ *{ margin:0; padding:0; } body{ display:flex; flex-direction: column; } .guo{ } /*.icon-duigou{ color:#FE0A01; }*/ .guoxin{ margin-bottom: 0.1rem; } .tianjia{ width:100%; background:#3399FF; } .check{ display: flex; } .select{ margin-right:0.1rem ; } .gli{ display: flex; /*align-items: center;*/ /*height: 2rem; border-bottom: 1px solid #eee;*/ } .all{ font-size: 0.3rem; } .icon{ color: #FE0A01; font-size:0.5rem ; margin-top: -0.05rem; } .xin{ display: flex; /*align-items: center;*/ flex-direction: column; margin-left: 0.2rem; } .xin span{ font-weight: Medium; font-size: 0.3rem; } .bian{ display: flex; justify-content: flex-end; font-size:0.3rem ; padding-bottom: 0.2rem; margin-top: 0.1rem; } .bianji{ margin-right:0.2rem; } .people li{ display:block; align-items: center; height:2.04rem; padding: 0.36rem 0.31rem 0 0.32rem; border-bottom:1px solid #F6F6F6 ; } .quanxuan{ padding-left: 0.31rem; display: flex; justify-content: space-between; font-size:0.36rem; padding-bottom: 0.2rem; border-top: 0.01rem solid #E0E0E0; } .quanxuan button{ height: 1.1rem; width: 2.15rem; color:#fff; font-size:0.36rem; background:#FE0A01; border: none; padding-right: 0.3rem; } .quanxuan button a{ color: #fff; font-size: 0.36rem; } .tianjia{ width: 100%; color: #fff; background: #3399FF; font-size: 0.36rem; height: 1rem; text-align: center; line-height: 1rem; } .tianjia{ bottom:0; position: fixed; } .quanxuan{ width: 100%; bottom:0.7rem; position: fixed; display: flex; justify-content: space-between; align-items: center; } .ok:active{ opacity: 0.7; } .circle{ display:flex; align-items: center; justify-content:center; width:0.44rem; height: 0.44rem; border-radius: 50%; border:0.02rem solid #E0E0E0; margin-right: 0.1rem; } .check{ display: flex; align-items: center; } .icon-duigou{ color: #fff; font-size:0.35rem; } .circ{ border:0.02rem solid #FE0A01; border-radius: 50%; margin: 0 0.3rem 0 0; } .cir{ border:0.02rem solid #999; } .icon{ position: absolute; left: -0.02rem; top:-0.11rem; color:#FE0A01; font-size:0.5rem; } .weui-picker__group { font-size: 0.3rem; } .icon-duigou.now { color: rgb(254, 10, 1); } a{ color:#000; } .bianji{ margin-right:0.3rem; } .outtravel{ background-color: #fff; position: fixed; top: 0rem; left: 0; width: 100%; height: 100%; display: none; } /*选择优惠券*/ .swiper-container { height: 3.6rem; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 44%; } #wai2 { display: none; } #wai3 { display: none; } .icon-xuanzhong { display: none; } *{ margin:0; padding:0; } body{ display:flex; flex-direction: column; width: 100%; height: 100%; } .choose_waitquan{ display: none; background-color: #fff; position: fixed; width: 100%; height: 100%; } *{ margin:0; padding:0; } body{ display:flex; flex-direction: column; } .agree1 { width: 100%; height: 1rem; background: #3399FF; display: flex; justify-content: center; font-size: 0.36rem; color: #fff; align-items: center; position: absolute; bottom: 0; } .out{ margin: 0.37rem 0.32rem 0.31rem; } .you{ margin-top: 0.1rem; } .youhui{ display:flex; align-items: center; justify-content: space-between; padding: 0.1rem 0; justify-content: center; } .use{ display: flex; justify-content: space-between; padding: 0 0.75rem; } .active{ color: red; } .wai{ padding-top: 0.2rem; } .use span{ font-size:0.32rem ; } .quan{ /*background-image: url('../images/f2.png');*/ overflow: hidden; background-position: center; background-repeat: no-repeat; position: relative; width: 6.1rem; height:1.8rem; } .quan img{ width:100%; height: 100%; } .circle{ position: relative; width:0.44rem; height: 0.44rem; /*border:0.02rem solid #FE0A01;*/ border-radius: 50%; margin: 0 0.3rem 0 0; } .icon-xuanzhong{ font-size: 0.5rem; } .icon-yuancircle46{ font-size: 0.7rem; } .cir{ border:0.02rem solid #999; } /*.circle .iconfont{ position: absolute; left: -0.02rem; top:-0.13rem; /*color:#FE0A01;*/ .dai{ position: absolute; top:0.4rem; left:0.52rem; display:flex; justify-content:space-between; align-items: center; } .icon-xuanzhong{ color:#FE0A01 ; } .date span{ font-size: 0.26rem; color:#252729 ; } .date span:nth-child(1){ font-size: 0.32rem; } .date span:nth-child(2){ font-size: 0.26rem; } .money{ font-size: 0.6rem; color:#FE0A01; margin: 0 0.2rem 0 0; } .date{ display:flex; flex-direction: column; justify-content: center; text-align: center; color:#252729; } .ok{ font-size: 0.36rem; width: 100%; height: 1rem; background:#3399FF; color:#FFFFFF ; text-align: center; line-height: 1rem; position:fixed; bottom: 0; left: 0; } .ok:active{ opacity: 0.7; } .out{ margin: 0.37rem 0.32rem 0.31rem; } .outdate{ position: absolute; z-index: 10; width: 2.22rem; height: 2rem; } .youhui{ display:flex; align-items: center; justify-content: center; } .use{ display: flex; justify-content: space-between; padding: 0 0.75rem; } .active{ color: red; } .wai{ padding-top: 0.2rem ; } .use span{ font-size:0.32rem ; } .quan{ /*background-image: url('../images/f2.png');*/ overflow: hidden; background-position: center; background-repeat: no-repeat; position: relative; width: 6.1rem; height:1.8rem; } .quan img{ width:100%; height: 100%; } .cir{ border:0.02rem solid #999; } .dai{ position: absolute; top:0.4rem; left:0.52rem; display:flex; justify-content:space-between; align-items: center; } .icon-yuancircle46{ font-size: 0.65rem; color: #999; position: absolute; left: -0.07rem; top:-0.117rem; } .date span{ font-size: 0.26rem; color:#252729 ; } .date span:nth-child(1){ /*padding:0 0 0.3rem 0;*/ font-size: 0.32rem; } .date span:nth-child(2){ font-size: 0.26rem; } .money{ font-size: 0.6rem; color:#FE0A01; margin: 0 0.2rem 0 0; } .circle{ position: relative; width: 0.5rem; height: 0.5rem; border:0.02rem solid #999; } .date{ display:flex; flex-direction: column; justify-content: center; text-align: center; color:#252729; } .ok{ font-size: 0.36rem; width: 100%; height: 1rem; background:#3399FF; color:#FFFFFF ; text-align: center; line-height: 1rem; position:fixed; bottom: 0; left: 0; } .ok:active{ opacity: 0.7; } .icon-duigou{ color:#fff; position: absolute; left:0rem; top:-0.1rem; font-size: 0.5rem; } .agree{ width: 100%; height:1rem; background: #3399FF; display: flex; justify-content: center; font-size: 0.36rem; color: #fff; align-items: center; position: absolute; bottom:0; } /*修改*/ .chengke1 { padding-right: 0.32rem; display: flex; justify-content: space-between; padding-left: 0.39rem; align-items: center; color: #FF9966; font-size: 0.28rem; background: #fff; border-bottom: 0.01rem solid #EBEBEB; line-height: 0.88rem; } .xuan1 { display: flex; align-items: center; } .xuanze1 { margin-left: 0.6rem; color: #999999; } .xuanze2 { margin-left: 0.6rem; color: #999999; } .hui{ font-size: 0.28rem; color: #252729; } .dian_text{ outline: none; border: none; text-align: right; } .xuan2 { display: flex; align-items: center; } .xuan3 { display: flex; align-items: center; } .chooseall{ height: 1rem; } .mold_out .year_change span{ color: #000; font-size: 0.28rem; } .price { font-size: 0.28rem; color: #54C0B4; } .circle1 { position: relative; width: 0.5rem; height: 0.5rem; border: 0.02rem solid #999; } .circle1 { position: relative; width: 0.44rem; height: 0.44rem; /* border: 0.02rem solid #FE0A01; */ border-radius: 50%; margin: 0 0.3rem 0 0; } .circle1 { display: flex; align-items: center; justify-content: center; width: 0.44rem; height: 0.44rem; border-radius: 50%; border: 0.02rem solid #E0E0E0; margin-right: 0.1rem; } .agree3 { width: 100%; height: 1rem; background: #3399FF; display: flex; justify-content: center; font-size: 0.36rem; color: #fff; align-items: center; position: absolute; bottom: 0; } .icon-weixuanzhong1{ font-size: 0.3rem; color: #000; } .t{ /*height: 1rem;*/ } .comx{ font-size: 0.26rem; color: #252729; } .icon-xuanzhong3 { font-size: 0.3rem; color: #000; } .t { justify-content: flex-start; /* height: 1rem; */ } /*添加出行人*/ .sex { font-size: 0.32rem; color: #000000; } input{ outline:none; border:none; text-align:right; } .tu{ display: flex; flex-direction: column; align-items: center; } .pic{ font-size:0.31rem; margin-top:0.1rem; color: #000000; } .se{ margin-right:1rem; } .ok:active{ opacity: 0.7; } .sex input{ width: 0.32rem; height: 0.32rem; display: inline-block; } .circle{ display: block; width: 1.6rem; height: 1.6rem; } .circle img{width: 100%;} .name{ display:flex; justify-content: space-between; font-size:0.31rem; } .information{ height: 1rem; color:#FE0A01 ; font-size: 0.28rem; text-align: center; line-height:1rem; background: #F5F5F5; margin-top: 0.2rem; } .list li{ display:flex; align-items: center; justify-content: space-between; padding-left:0.33rem; padding-right:0.36rem; height: 1.02rem; border-bottom: 1px solid #EBEBEB; line-height: 1rem; } .real{ font-size:0.32rem ; color: #000; } .add{ font-size:0.3rem ; color:#999999; } .foot{ justify-content: center; background: #3988E5; width: 100%; height: 1rem; line-height: 1rem; color: #fff; font-size:0.36rem; text-align: center; position: fixed; bottom:0 ; } .ok:active{ opacity: 0.7; } .jia_travel{ width: 100%; height: 100%; position: fixed; top:0; left: 0; background: #fff; } .chu{ width: 3.5rem; border: 0; text-align: right; } .circle_chu{ width: 0.52rem; height: 0.52rem; } .jai{ background: #fff; } .xuanze_sex{display: flex;align-items: center} .se { display: flex; align-items: center; } .sex { display: flex; align-items: center; } .yu{ }