* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

button,input{
    outline: none;
    border:none;
}
.page{
    background:#fff;
}
.order-list{
    width:100%;
    padding-left:.08rem;
}
.order-list li{
    padding:0.035rem 0;
   overflow: hidden;
   position: relative;
}
.order-list .content-block{
    padding:0.035rem 0;
   overflow: hidden;
   position: relative;
}
.list-left-box{
   float:left;
    width: .925rem;
  height: 1rem;
}
.list-left-box img{
    width:100%;
    height:100%;
}
.list-right-box{
    float:right;
    width:74%;
    padding:0 .01rem 0 .04rem;
    height:1.07rem;
    border-bottom:1px solid #ececec;
}
.list-right-box .p-title{
    font-size: .14rem;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
    margin:0;
    margin-top:.08rem;
}
.list-right-box .p-spu{
    font-size: .12rem;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #999999;
    margin:0;
    margin-top:.1rem;

}

.order-list .link-btn{
    display: block;
    width: .71rem;
    height: .26rem;
    line-height: .26rem;
    text-align: center;
    border-radius: 2px;
    border:1px solid #e54343;
    font-size: .14rem;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #e54343;
    position: absolute;
    right:.10rem;
    bottom:.12rem;
}

/*详情*/
.comments-list{
    padding:.1rem;
}
.comments-list-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.list-left img {
    width: .40rem;
    height: .4rem;
    border-radius: 50%;
    background: aliceblue;
}
.list-right{
    height:.4rem;
    position: relative;
    padding-left:.06rem;
    width:90%;
}
.list-right>p{
    font-size: .12rem;
    font-weight: 400;
    color: #666;
    margin-top: 0.05rem;
    margin-bottom: 0;
}
.list-right .date{
    color:#666;
    font-size: .12rem;
    line-height: .4rem;
    position: absolute;
    right:0;
    top:0;
}
.star-box i {
    color: #ECECEC;
    font-size: .12rem;
}
.star-box .active {
    color: #e54343;
}
.p-comments{
    font-size: .14rem;
    font-weight: 500;
    color: #333333;
    margin:0;
    margin-top:.11rem;
}
.comments-list .img-box img{
    width:100%;
    height:auto;
}
.reply-box{

    margin-top: .15rem;
    background: #FAFAFA;
    padding: .1rem;
    color: #FB722F;
    font-size: .14rem;
    line-height: .24rem;
}
.recommend{
    border-top:.1rem solid #f6f6f6;
    padding:.1rem .04rem;
    height:1.3rem;
}
.recommend .goods-img {
    width: 0.925rem;
    height: 1rem;
    float: left;
}
.recommend .goods-text{
    float: left;
    width: 73%;
    padding-left:.13rem;
    height:100%;
    position: relative;
}
.recommend .goods-text p{
    font-size: .14rem;
    font-weight: 500;
    line-height: 1.43;
    color: #333333;
    margin: 0;
}
.recommend .goods-text b{
    display: block;
    font-family: PingFang-SC;
  font-size: .15rem;
  font-weight: 500;
  color: #e54343;
  position: absolute;
  bottom:0.095rem;
}
.recommend .goods-img img{
    width:100%;height:100%;
}