.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; display:flex; /*padding: 0.5rem 0 0 0;*/ flex-direction: column; } .list li{ display:flex; align-items: center; justify-content: space-between; padding-left:0.33rem; padding-right:0.36rem; height: 1.15rem; border-bottom: 1px solid #EBEBEB; line-height: 1rem; } .waitmoney{ padding-top:0.35rem; border-top:1px dotted #EBEBEB;; color:#3988E5; display:flex; align-item:center; justify-content:flex-start; font-size:0.32rem; padding-left:0.32rem; margin-top:0.37rem; } .pic{ width: 2.04rem; height: 0.98rem; display: block; margin-right: 0.3rem; } .pic_row{ display:flex; } .two{ display:flex; flex-direction: column; } .two span{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; 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; } .ok:active{ opacity: 0.7; } .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{ /*border-bottom: none;*/ } .refund{ 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{ /*width:0.94rem;*/ 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 1rem 0 0.3rem; 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; right: 0.6rem; width: 1.56rem; 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 ; width: 100%; } .ok:active{ opacity: 0.7; } .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; width:62px; font-size:0.32rem; color:#3988E5; }