.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; } .pic{ width: 2.04rem; height: 0.98rem; display: block; margin-right: 0.3rem; } .pic_row{ display:flex; } .two{ display:flex; flex-direction: column; } .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; } .ok:active{ opacity: 0.7; } .tui{ font-size:0.32rem; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(57,136,229,1); } .canceled{ font-size:0.32rem; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(57,136,229,1); } .list .caned{ border-bottom: none; } .refund{ padding: 0 0.32rem; } .circle{ width:0.36rem; height:0.36rem; background:rgba(0,128,0,1); border-radius:50%; display: block; } .circle_main{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; height:1rem; } .fa{ /*width:0.94rem;*/ font-size:0.24rem; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(102,102,102,1); } .faqi{ padding: -1rem 1.25rem 0 0.32rem ; display: flex; justify-content: space-between; margin-top: -0.15rem; } .faqi_out{ margin-top:0.7rem ; padding: 0 1rem 0 0.3rem; border-top: 0.01rem solid #008000; 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; } .reason_out{ width: 100%; display: flex; margin-top: 0.88rem; justify-content: center; } .reason{ width:4.26rem; height:0.74rem; font-size:0.28rem; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(26,26,26,1); line-height:0.47rem; } .footer{ background: #3988E5; width: 100%; height:0.88rem; line-height: 1rem; color: #fff; font-size:0.36rem; text-align: center; } .save{ display: flex; justify-content: center; margin-top: 0.6rem; } .ok:active{ opacity: 0.7; } .faed{ color:rgba(153,153,153,1); } .cirecled{ background:rgba(153,153,153,1); } .refund{ display: flex; justify-content: space-between; }