@charset "utf-8";
.main{ width: 100%; height: auto; overflow: hidden; background: #f0eff5;}
.center{ width: 100%; background: #fff; border-top: 1px solid #C7C7C9; border-bottom: 1px solid #C7C7C9; margin-bottom: 3%; padding: 2% 0;}
.order-top,.order-des,.order-mes,.detail-list{ width: 94%; margin: 0 auto;}
.order-top,.order-mes{
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.order-left p,.detail-list p{ color: #929FB1;}
.order-left p span{ color: #4A586A; padding-left: 8%;}
.order-left b{ color: #FF4C4C; font-size: 1.2rem; padding-left: 8%;}
.order-left b i{ font-size: 1.6rem;}
.order-top .order-left,.order-mes .in-des{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.order-top .order-right{
    width: 30%;
    position: relative;
    margin-top: 2%;
}
.qux{
   color: #a1a7af; padding-left: 2.5rem;
}
.qux .de{ width: 2rem; height: 2rem; background: #fff url("../img/j.jpg") no-repeat center center; -webkit-border-radius: 50%; border-radius: 50%; font-size: 1.6rem; font-weight: bold;
    background-size: 90% auto; position: absolute; left: 0; top: 0;}
.order-right .cancel{ color: #59A5F0; display: block; text-align: center; background: url("../img/cir.png") no-repeat; background-size: 100% auto; margin-top: 8%; width: 7rem; height: 3rem;}
.order-des b{ color: #43505F; font-size: 1.5rem; font-weight: normal;}
.order-des b span{ font-size: 1.6rem; font-weight: 700; margin-right: 5%;}
.order-des p{ color: #929FB1;}
.order-mes .in-pic{ width: 20%; }
.order-mes .in-price{ color: #FF4C4C; font-size: 1.2rem; padding-top: 2%;}
.order-mes .in-price b{ font-size: 2rem; font-weight: 900;}
.order-mes .in-des p{ color: #525f76; font-size: 1.6rem;}
.order-mes .in-des{ padding: 0 0 0 2%;}
.order-mes .in-des span{ color: #59A5F0; font-size: 1.6rem;}
h5.tit{ color: #43505F; padding-bottom: 2%; padding-left: 2%; font-size: 1.4rem;}
.detail-list p span{ color: #4A586A; margin-left: 5%;}