fohow_xcx/pages/user/all/all.wxss

.user {
  width: 100%;
  min-height: 100%;
  background-color: #f3f3f3;
}
.user-top {
  width: 100%;
  height: 240rpx;
  background: linear-gradient(to top right, #d4932b , #eab86a);
  background: -webkit-linear-gradient(to top right, #d4932b 70%, #eab86a 30%);
}
.user-par {
  width: 35rpx;
  height: 40rpx;
  float: left;
  margin-top: 78rpx;
  margin-left: 20rpx;
}
.user-name {
  /* line-height: 240rpx; */
  float: left;
  margin-left: 20rpx;
  font-size: 36rpx;
  color: #fff;
  width: 510rpx;
  margin-top: 72rpx;
}
.user-title{
  position: absolute;
  font-size: 26rpx;
  color: #fff;
  top: 122rpx;
  left: 20rpx;
}
.user-head {
  display: block;
  width: 120rpx;
  height: 120rpx;
  float: right;
  margin-right: 23rpx;
  margin-top: 64rpx;
  border-radius: 100%;
  border: 5rpx solid #fff;
}
.user-padding {
  padding: 0 20rpx;
  background-color: #fff;
  margin-top:20rpx;
  position: relative;
}
.user-radishbg {
  background-color: #fff;
}
.user-points {
  width: 100%;
  height: 120rpx;
  border-bottom: 1px solid #dddddd;
}
.user-points__title {
  float: left;
  font-size: 28rpx;
  color: #4c4c4c;
  line-height: 120rpx;
  padding-left: 20rpx;
}
.user-points__num {
  float: right;
  font-size: 48rpx;
  color: #eab86a;
  line-height: 120rpx;
  padding-right: 25rpx;
}
.user-points__right {
  float: right;
  width: 19rpx;
  height: 33rpx;
  padding-top: 45rpx;
  padding-right: 20rpx;
}
.user-luobo {
  position: relative;
}
.line1 {
  height: 88rpx;
  width: 1rpx;
  background: #dddddd;
  position: absolute;
  left: 372rpx;
  top: 0rpx;
}
.user-radish {
  float: left;
  width: 354rpx;
  /* margin: 0 20rpx 20rpx; */
  /* border-top: 1rpx solid #dddddd; */
  /* border-right: 1rpx solid #dddddd; */
  line-height: 88rpx;
  font-size: 28rpx;
  color: #eab86a;
  text-align: center;
  margin-left: 20rpx;
}
.user-radish1 {
  float: right;
  width: 356rpx;
  /* margin: 0 20rpx 20rpx; */
  /* border-top: 1rpx solid #dddddd; */
  line-height: 88rpx;
  font-size: 28rpx;
  color: #eab86a;
  text-align: center;
  margin-right: 20rpx;
}
.user-line {
  height: 88rpx;
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
}
.user-line__title {
  float: left;
  font-size: 28rpx;
  color: #4c4c4c;
  line-height: 88rpx;
}
.user-line__right {
  float: right;
  width: 19rpx;
  height: 33rpx;
  padding-top: 27rpx;
}
.user-state {
  margin-bottom: 20rpx;
}
.user-paid {
  float: left;
  width: 180rpx;
  height: 150rpx;
}
.user-dingdan {
  float: left;
  width: 180rpx;
  height: 150rpx;
}
.user-paid__icon {
  display: block;
  width: 60rpx;
  height: 44rpx;
  margin: 28rpx auto 0;
}
.user-paid__text {
  margin-top: 24rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4c4c4c;
}
.user-deliver {
  float: left;
  width: 180rpx;
  height: 150rpx;
}
.user-deliver__icon {
  display: block;
  width: 58rpx;
  height: 41rpx;
  margin: 28rpx auto 0;
}
.user-deliver__text {
  margin-top: 24rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4c4c4c;
}
.user-collect {
  float: left;
  width: 160rpx;
  height: 150rpx;
}
.user-collect__icon {
  display: block;
  width: 60rpx;
  height: 41rpx;
  margin: 31rpx auto 0;
}
.user-collect__text {
  margin-top: 24rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4c4c4c;
}
.user-farm {
  float: left;
  width: 354rpx;
  height: 150rpx;
}
.user-farm__icon {
  display: block;
  width: 60rpx;
  height: 44rpx;
  margin: 31rpx auto 0;
}
.user-farm__text {
  margin-top: 24rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4c4c4c;
}
.user-granary {
  float: left;
  width: 354rpx;
  height: 150rpx;
}
.user-granary__icon {
  display: block;
  width: 60rpx;
  height: 44rpx;
  margin: 31rpx auto 0;
}
.user-granary__text {
  margin-top: 24rpx;
  text-align: center;
  font-size: 28rpx;
  color: #4c4c4c;
}
.line{
  height: 100rpx;
  width: 1rpx;
  background: #dddddd;
  position: absolute;
  left: 372rpx;
  top: 25rpx;
}
.unbind {
  padding-top: 172rpx;
}
.unbind-img {
  width: 383rpx;
  height: 242rpx;
  display: block;
  margin: 0 auto 20rpx;
}
.unbind-title {
  text-align: center;
  font-size: 36rpx;
  color: #4c4c4c;
}
.unbind-about {
  padding-top: 5rpx;
  font-size: 30rpx;
  color: #aaaaaa;
  text-align: center;
}
.unbind-btn {
  width: 220rpx;
  height: 80rpx;
  background-color: #ff6a6a;
  color: #fff;
  font-size: 28rpx;
  margin: 40rpx auto 0;
  text-align: center;
  line-height: 80rpx;
  border-radius: 8rpx;
}
.user-line__merchant {
  float: left;
  width: 26rpx;
  height: 28rpx;
  margin-top: 30rpx;
  margin-left: 18rpx;
  background-size: 100% 100%;
  background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/merchant.png');
}
.user-line__merchant1 {
  float: left;
  width: 26rpx;
  height: 28rpx;
  margin-top: 30rpx;
  margin-left: 18rpx;
  background-size: 100% 100%;
  background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/account_icon.jpg');
}
.user-line__merchantNum {
  float: right;
  padding: 0 22rpx;
  text-align: center;
  height: 40rpx;
  line-height: 40rpx;
  color: #fff;
  background-color: #ed5757;
  margin-top: 24rpx;
  margin-right: 17rpx;
  border-radius: 40rpx;
  font-size: 28rpx;
}
.bind {
  position: absolute;
  font-size: 26rpx;
  color: #fff;
  top: 122rpx;
  left: 192rpx;
  text-decoration:underline
}



.logindiv{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eab86a;
z-index: 9;
}
.logindiv_image{
width: 100%;
height: 400px;

}
.loginbtn{
background: #FFF;
width: 60%;
margin: 0 auto;
border-radius: 4px;
color: #eab86a;

}

.kfqr-dialog{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,0.5); */
    z-index: 9;
    text-align: center;
}
.kfqr{
	    text-align: center;
	    width: 90%;
	    margin: 50% auto;
	    background: #797064;
	    padding: 30rpx;
	    box-sizing: border-box;
	    border-radius: 10rpx;
	    color: #Fff;
	    font-size: 36rpx;
	    font-weight: bold;
}
.kfqr image{width: 100%;}