.information{ height: 1rem; color:#FE0A01 ; font-size: 0.28rem; text-align: center; line-height:1rem; background: #F5F5F5; margin-top: 0.2rem; } *{ margin:0; padding:0; } body{background: #fff; padding-bottom: 1.2rem; display:flex; /*padding: 0.5rem 0 0 0;*/ flex-direction: column; } .pic{ width: 2.04rem; height: 0.98rem; display: block; margin-right: 0.3rem; } .pic_row{ display:flex; } .two{ display:flex; flex-direction: column; } .two div{font-size:0.26rem ;} .pic img{ width: 100%; } .real{ font-size:0.24rem ; color: #666; } .goods{ margin-top: 0.3rem; display:flex; font-size:0.3rem ; color: #666; padding: 0 0.32rem; align-items: center; justify-content: space-between; border-bottom:0.01rem solid #EBEBEB ; padding-bottom: 0.36rem; } .good{ margin-top: 0.3rem; display:flex; font-size:0.3rem ; color: #666; padding: 0 0.32rem; align-items: center; justify-content: space-between; /*border-bottom:0.01rem solid #EBEBEB ;*/ } .rock{ display: flex; } .add{ font-size:0.3rem ; color:#999999; } .footer{ background: #3988E5; width: 100%; height: 1rem; line-height: 1rem; color: #fff; font-size:0.36rem; text-align: center; position: fixed; bottom:0 ; } .cancel{ border: 1px solid #3988E5; background: #fff; padding: 0.1rem 0.3rem; color: #3988E5; border-radius:0.05rem ; } .confirmed{ font-size:0.28rem; color:#3988E5; } .tui{ font-size:0.32rem; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(57,136,229,1); } .list .refunde{ display: flex; font-size:0.32rem; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(57,136,229,1); border-bottom: none; margin-bottom:-0.3rem ; } .list .caned{ display: flex; justify-content: space-between; align-items: center; padding-top: 0.3rem; padding-bottom: 0.3rem; padding-left: 0.32rem; padding-right: 0.32rem; } .refund{ margin-bottom: 0.2rem; padding: 0 0.32rem; } .canceled{ font-size: 0.32rem; color:rgba(153,153,153,1); } .circle{ width:0.36rem; height:0.36rem; background:#999; border-radius:50%; display: block; } .circle_main{ position: relative; width: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 1rem; } .fa{ text-align: center; padding-left: 0.28rem; width: 2.3rem; font-size: 0.24rem; color: #666; } .faqi{ padding: -1rem 1.25rem 0 0.32rem ; display: flex; justify-content: space-between; margin-top: -0.15rem; } .faqi_out{ margin: 0.4rem 0rem 0 0.48rem; display: flex; align-items: center; background:#fff ; position: relative; } /*.left{ width:0.67rem; height: 0.1rem; background: #fff; position: absolute; left: 0; top:-0.1rem; }*/ /*.right{ width:1.74rem; height: 0.1rem; background: blue; position: absolute; right: 0; top:-0.05rem; background: #fff; }*/ button{ border: none; outline: none; background: none; } button:hover { outline: none; } .span_line{ position: absolute; top: 0.15rem; left: -0.82rem; width: 2rem; height: 0.02rem; background-color: #999; } .active_circle .circle{ background:#008000; } .active_circle .span_line{ background-color: #008000; } .footer{ background: #3988E5; width: 5.2rem; height:1rem; line-height: 1rem; color: #fff; font-size:0.36rem; text-align: center; bottom: 0; position:absolute ; } .cancel{ width:1.2rem; height:0.60rem; background:rgba(255,255,255,1); border:1px solid rgba(57,136,229,1); border-radius:0.05; padding: 0; text-align: center; line-height:0.60rem; font-size:0.32rem; color:#3988E5; } .can{ font-size:0.32rem; color:#3988E5; } .list .cand{border-bottom: none;} .reson{ font-size: 0.28rem; } .refund{ margin-top: 0.5rem; display: flex; justify-content: space-between; align-items: center; } .bot_reason{ margin-left: 14%; /*width: 100%;*/ display: flex; justify-content: center; margin-top: 0.3rem; } .bottom_reason{ line-height:0.47rem; text-align: left; border: 0.01rem solid #EBEBEB; width: 4.6rem; font-size:0.28rem; color:##1A1A1A; padding: 0.39rem 0.4rem ; margin-right: 1rem; } .footer{ background: #3988E5; width: 5.2rem; height:1rem; line-height: 1rem; color: #fff; font-size:0.36rem; text-align: center; bottom: 0; position:fixed ; width: 100%; } .icon-dianhua-copy{ color: #73C0E9; font-size: 0.30rem; } /*列表*/ .refund_money{ font-size: 0.32rem; color:#3988E5; border: 0.02rem solid #3988E5; width: 1.2rem; height: 0.6rem; text-align: center; line-height: 0.6rem; border-radius: 0.05rem; } .title{ font-size: 0.32rem; color:#3988E5; margin-top: 0.2rem; padding-left: 0.32rem; } .refunded{ font-size: 0.32rem; color: #3988E5; height: 0.60rem; } .caned_out{ border-bottom: 0.01rem solid #EBEBEB; } .refundmoneyed{ font-size: 0.32rem; color: #3988E5; display: flex; align-items: center; } .caned_bottom{ border-bottom:none; } .footer_out{ background: #fff; z-index: 10; width: 100%; height: 1rem; } .refund_main_out{display: none;} .icon-chahao{ color:red; font-size: 0.32rem; } .circle{ display: block; position: relative; } .circle .icon-chahao{ left: 0.02rem; position: absolute; top: -0.06rem; } /*选择支付方式*/ .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 { z-index: 1000; bottom: 0; position: absolute; background-color: #fff; width: 100%; display: flex; flex-direction: column; align-items: center; animation: move 0.18s; } .shang2 { width: 100%; } .shang1, .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; } .choose { color: #3988E5; font-size: 0.32rem; } .shang1_inner { display: flex; align-items: center; } .icon-xuanzhong2 { color: #FE0A01; } .img_out { margin-left: 0.1rem; padding-top: 0.3rem; margin-right: 0.25rem; } .yue { width: 0.5rem; height: 0.5rem; } .agreepay { height: 1rem; text-align: center; line-height: 1rem; font-size: 0.32rem; background: #3399FF; color: #fff; } .confirm_cancel { position: fixed; top: 0rem; left: 0; font-size: 0.28rem; width: 100%; height: 100%; /*display: none;*/ justify-content: center; /* left: 2rem; */ background-color: rgba(0,0,0,0.5); } .confirm_main { left: 1.2rem; border: 0.02rem solid #f0f0f0; background: rgba(255, 255, 255, 1); z-index: 9; display: flex; justify-content: center; border-radius: 0.1rem; align-items: center; font-size: 0.28rem; display: flex; height: 3rem; flex-direction: column; top: 4.8rem; position: absolute; width: 5.2rem; justify-content: space-between; } .hint { margin-top: 0.28rem; font-size: 0.32rem; } .true { color: #666666; font-size: 0.3rem; margin-top: -0.2rem; } .choose { border-top: 0.01rem solid #EBEBEB; display: flex; align-items: center; width: 100%; height: 0.88rem; justify-content: space-between; } .confirm_yes { width: 2.6rem; height: 0.88rem; line-height: 0.88rem; text-align: center; } .confirm_no { color: #FF0000; width: 2.59rem; text-align: center; line-height: 0.88rem; border-left: 0.01rem solid #EBEBEB; height: 0.88rem; }