/**index.wxss**/
.container {
  overflow-x: hidden;
  font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
}
.userinfo {
  padding:40rpx 30rpx 0;
  height: 200rpx;
  background-color:#626262 ; 
}
.userinfo-avatar {
  display: block;
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
}
.userinfo-nickname {
  font-size: 36rpx;
  height:80rpx;
  color: #fff;
}
.user-right{
  margin-left:26rpx;
}
.user-phone{
  width:220rpx;
  text-align: center;
  line-height:60rpx;
  height:60rpx;
  background:#c9c9c9;
  color:#fff;
  border-radius:60rpx;
}
.user-tel{
  width:220rpx;
  line-height:60rpx;
  height:60rpx;
  color:#fff;
  border-radius:60rpx;
}
.order-list{
  text-align: center;
}
.user-order{
  width:750rpx;
  margin:0 auto 20rpx;
  background:#fff;
}
.user-order .iconfont{
  font-size:48rpx;
}
.order-list{
  padding:10rpx 0; 
}
.order-list .f-item{
  padding:16rpx 0;
  font-size:26rpx;
  color:#333;
}
.order-list .f-item view{
  margin-top:10rpx;
}
.order-title{
  border-bottom:2rpx solid #e0e0e0;
}
.order-item{
  position: relative;
}
.order-item text{
  position: absolute;
  display: inline-block;
  width:36rpx;
  height:36rpx;
  border-radius:50%;
  color:#fff;
  text-align: center;
  line-height:36rpx;
  font-size:20rpx;
  background:#e60012;
  right:50%;
  margin-right:-42rpx;
  top:10rpx;
}
.channe-box{
  margin:30rpx;
}