/* @import "../../icon/iconfont.wxss"; 
 | 
@import "../../common/css/common.wxss"; */ 
 | 
  
 | 
.user_header { 
 | 
  position: relative; 
 | 
} 
 | 
  
 | 
.bg { 
 | 
  position: absolute; 
 | 
  /* height: 378rpx; */ 
 | 
  width: 90%; 
 | 
  left: 50%; 
 | 
  top: 100%; 
 | 
  transform: translate(-50%, -50%); 
 | 
  text-align: center; 
 | 
} 
 | 
  
 | 
.gbg { 
 | 
  width: 100%; 
 | 
  height: 356rpx; 
 | 
} 
 | 
  
 | 
.user_box { 
 | 
  height: 378rpx; 
 | 
  background: #fff; 
 | 
  margin: auto; 
 | 
  box-shadow:0rpx 17rpx 37rpx 1rpx rgba(133,133,133,0.23); 
 | 
  border-radius: 20rpx; 
 | 
  
 | 
} 
 | 
  
 | 
.avatarUrl{ 
 | 
  width: 116rpx; 
 | 
  height: 116rpx; 
 | 
  border-radius: 50%; 
 | 
} 
 | 
  
 | 
.user_name { 
 | 
  display: block; 
 | 
  color: #414141; 
 | 
  font-size: 34rpx; 
 | 
  margin: 20rpx 0; 
 | 
} 
 | 
  
 | 
.avatarUrl { 
 | 
  margin-top: -70rpx; 
 | 
} 
 | 
  
 | 
.modify_info { 
 | 
  display: flex; 
 | 
  align-items: center; 
 | 
  justify-content: center; 
 | 
  color: #bcbcbc; 
 | 
  font-size: 26rpx; 
 | 
  margin-left: 10rpx 
 | 
} 
 | 
  
 | 
.modify_info .iconright { 
 | 
  width: auto; 
 | 
} 
 | 
  
 | 
.form_groun { 
 | 
  display: flex; 
 | 
  align-items: center; 
 | 
  background: #fff; 
 | 
  border-bottom: 10rpx solid #f7f7f7; 
 | 
  padding: 12rpx 0; 
 | 
  color: #333; 
 | 
  padding-left: 40rpx; 
 | 
  font-size: 30rpx; 
 | 
  box-sizing: border-box; 
 | 
  height: 100rpx; 
 | 
  
 | 
} 
 | 
  
 | 
.form_groun text { 
 | 
  white-space: nowrap; 
 | 
  width: 20%; 
 | 
  /* border: 1px solid red; */ 
 | 
} 
 | 
  
 | 
.quest-groun { 
 | 
  display: flex; 
 | 
  align-items: center; 
 | 
  background: #fff; 
 | 
  border-bottom: 1px solid #f7f7f7; 
 | 
  padding: 25rpx 0; 
 | 
  color: #414141; 
 | 
  padding-left: 40rpx; 
 | 
  font-size: 30rpx; 
 | 
  box-sizing: border-box; 
 | 
  flex-direction: column; 
 | 
} 
 | 
  
 | 
.section .iconfont { 
 | 
  margin-right: 15rpx; 
 | 
  font-size: 40rpx; 
 | 
} 
 | 
  
 | 
.iconright { 
 | 
  width: 67%; 
 | 
  text-align: right; 
 | 
  margin-top: 6rpx; 
 | 
  color: #cacaca; 
 | 
} 
 | 
  
 | 
.icon-soucang { 
 | 
  color: #fa4987; 
 | 
} 
 | 
  
 | 
.icon-fapiao { 
 | 
  color: #49fadb; 
 | 
} 
 | 
  
 | 
.icon-dizhi { 
 | 
  color: #fab949; 
 | 
} 
 | 
  
 | 
.icon-kefu1 { 
 | 
  color: #768bfa; 
 | 
} 
 | 
  
 | 
.icon-wenti-m { 
 | 
  color: #49b4fa; 
 | 
} 
 | 
  
 | 
.icon-31gouwuquan { 
 | 
  color: #ff0b0b; 
 | 
} 
 | 
.icon-wodejifen{ 
 | 
  color: #D4237A 
 | 
} 
 | 
.icon-credit1{ 
 | 
  color: #00C085 
 | 
} 
 | 
  
 | 
.border-bottom { 
 | 
  padding: 20rpx 0; 
 | 
  background: #f7f7f7; 
 | 
  width: 100%; 
 | 
} 
 | 
  
 | 
.section { 
 | 
  padding-top: 210rpx; 
 | 
} 
 | 
  
 | 
.user_order { 
 | 
  display: flex; 
 | 
  margin-top: 50rpx; 
 | 
  vertical-align: middle 
 | 
} 
 | 
  
 | 
.user_order>view { 
 | 
  text-align: center; 
 | 
} 
 | 
  
 | 
.user_order>view { 
 | 
  flex: 1; 
 | 
} 
 | 
  
 | 
.user_order .iconfont { 
 | 
  /* 文字渐变 */ 
 | 
  background-image: -webkit-linear-gradient(180deg, rgba(21, 214, 155, 1), rgba(9, 164, 111, 1)); 
 | 
  -webkit-background-clip: text; 
 | 
  -webkit-text-fill-color: transparent; 
 | 
} 
 | 
.wait{ 
 | 
  position:relative; 
 | 
} 
 | 
.user_order .wait .iconfont { 
 | 
  font-size: 46rpx; 
 | 
} 
 | 
  
 | 
.user_order .wait text { 
 | 
  margin-top: 17rpx; 
 | 
} 
 | 
  
 | 
.icon-huoche { 
 | 
  font-size: 60rpx; 
 | 
} 
 | 
  
 | 
.icon-tuikuan { 
 | 
  font-size: 65rpx; 
 | 
} 
 | 
.user_order text { 
 | 
  font-size: 26rpx; 
 | 
  color: #666; 
 | 
} 
 | 
  
 | 
.refund text { 
 | 
  margin-top: 15rpx; 
 | 
} 
 | 
  
 | 
.user_order text { 
 | 
  display: block; 
 | 
} 
 | 
  
 | 
button { 
 | 
  line-height: 49rpx; 
 | 
  border-radius: 0; 
 | 
  border: none; 
 | 
  display: flex; 
 | 
  background-color: #fff; 
 | 
  width: 100%; 
 | 
  align-items: center; 
 | 
  font-size: 30rpx; 
 | 
  padding-left: 0; 
 | 
  padding-right: 0; 
 | 
  color: #333; 
 | 
} 
 | 
  
 | 
button:after { 
 | 
  border: 0px; 
 | 
  color: #333; 
 | 
} 
 | 
  
 | 
.service { 
 | 
  padding: 0; 
 | 
  position: relative; 
 | 
  width: 94%; 
 | 
   height: 100rpx; 
 | 
  padding-left: 40rpx; 
 | 
  box-sizing: border-box; 
 | 
} 
 | 
  
 | 
.contact_list { 
 | 
  width: 100%; 
 | 
  position: absolute; 
 | 
  height: 100%; 
 | 
  z-index: 100; 
 | 
  overflow: hidden; 
 | 
  display: flex; 
 | 
  white-space: nowrap; 
 | 
  color: #333; 
 | 
  
 | 
} 
 | 
  
 | 
.button-hover { 
 | 
  background-color: #fff; 
 | 
  color: #333; 
 | 
} 
 | 
  
 | 
.contact_list .iconright { 
 | 
  width: 69%; 
 | 
} 
 | 
  
 | 
.qusetion-image { 
 | 
  width: 40rpx; 
 | 
  height: 40rpx; 
 | 
  margin-right: 15rpx; 
 | 
  margin-top: 2rpx; 
 | 
  /* margin-left: 5rpx; */ 
 | 
} 
 | 
  
 | 
.question .iconright { 
 | 
  width: 66%; 
 | 
  text-align: right; 
 | 
} 
 | 
.question-container{ 
 | 
  padding: 15rpx 0; 
 | 
  padding-left: 40rpx 
 | 
} 
 | 
.order-pay{width: 46rpx;height: 49rpx} 
 | 
.order-delivery{width: 50rpx;height: 49rpx} 
 | 
.order-goods{width: 60rpx;height: 49rpx} 
 | 
.order-refund{width: 49rpx;height: 49rpx} 
 | 
.user_order image{ 
 | 
 vertical-align: middle; 
 | 
} 
 | 
  
 | 
.contact_list text{margin-left: -12rpx;margin-top: 4rpx} 
 | 
  
 | 
.btn{ 
 | 
width: 30%; 
 | 
background-color: #00c085; 
 | 
border-radius: 6px; 
 | 
height: 30px; 
 | 
margin: 10px auto; 
 | 
border: 1px solid #00c085; 
 | 
color: #fff; 
 | 
text-align: center; 
 | 
line-height: 30px; 
 | 
top: 10px; 
 | 
position: relative; 
 | 
  
 | 
} 
 | 
  
 | 
.carts-icon-num { 
 | 
position: absolute; 
 | 
left: 21px; 
 | 
width: 28rpx; 
 | 
height: 28rpx; 
 | 
line-height: 27rpx; 
 | 
top: -30rpx; 
 | 
border-radius: 50%; 
 | 
background: #f00; 
 | 
color: #fff !important; 
 | 
font-size: 18rpx !important; 
 | 
text-align: center; 
 | 
  
 | 
} 
 |