index.wxss 4.48 KB
/* pages/me/index.wxss */
@import "../../colorui/main.wxss";
page{
  background-color: #F5F5F5;
}
.pages{
  width: calc(100% - 40rpx);
  margin: 0 20rpx 40rpx;
  color:#353535;
  padding-bottom: 40rpx;
}
image{
  width:100%;
  height: 100%;
  display: inherit;
}
.meHeader{
  color:#fff;
  /* box-sizing: border-box; */
  /* margin-top: -10rpx; */
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2814%29.png");
  background-size: 100% 100%;
  height: 344rpx;
}
.avatar{
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20rpx;
  margin-left: 40rpx;
  /* border:2rpx solid #ffffff; */
}
.name{
  height: 52rpx;
  line-height: 52rpx;
  font-size: 38rpx;
}
.info{
  font-size: 26rpx;
  margin-top: 4rpx;
}
.block-rev{
  height: 300rpx;
  box-sizing: border-box;
  width: 100%;
  background:rgba(255,255,255,1);
  border-radius:10rpx;
  margin-bottom: 20rpx;
}

.block-rev .title{
  box-sizing: border-box;
  height: 100rpx;
  line-height: 100rpx;
  border-bottom: 2rpx solid #F5F5F5;
  width: calc(100% - 80rpx);
  margin: 0 auto;
  font-size:30rpx;
  font-weight:600;
}
.block-rev.money .title{
  border-bottom-width: 0;
}
.block-rev .content{
  height: 198rpx;
  box-sizing: border-box;
  font-size: 24rpx;
}
.block-rev.actions{
  height: auto;
  padding-bottom: 40rpx;
}
.block-rev.actions .content{
  height: calc(350rpx / 2);
  box-sizing: border-box;
  font-size: 24rpx;
}
.block-rev.actions .content:nth-child(even) .flex-vc{
  margin-top: 50rpx;
}
.block-rev.actions .content:nth-child(odd) .flex-vc{
  margin-bottom: 20rpx;
}
.content .flex-vc{
  width: 25%;
  min-width: 25%;
}

.block-rev .icon{
  width:36rpx;
  height:42rpx;
  background-size: 100% 100%;
  margin-bottom: 20rpx;
}
.icon.o1{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2815%29.png");
}
.icon.o2{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2816%29.png");
}
.icon.o3{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2817%29.png");
}
.icon.o4{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2818%29.png");
}
.block-rev .picon{
  width:38rpx;
  height:38rpx;
}
.picon.p1{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2819%29.png");
}
.picon.p4{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2824%29.png");
}
.picon.p2{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2820%29.png");
}
.picon.p3{
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2821%29.png");
}
.picon.p5{
  background-image: url("http://nosqn.colorcun.com/pinglun/p%20%289%29.png");
}

.block-rev .width3{
  width: 75%;
}



.block-list{
  box-sizing: border-box;
  width: 100%;
  background:rgba(255,255,255,1);
  border-radius:10rpx;
  padding: 0 40rpx;
}
.item{
  height: 107rpx;
  line-height: 107rpx;
  font-size: 30rpx;
  box-sizing: border-box;
}
.item-border{
  border-bottom: 2rpx solid #F5F5F5;
}
.item-name{
  height:42rpx;
  font-size:30rpx;
  color:rgba(53,53,53,1);
  line-height:42rpx;
}
.item-info{
  height:34rpx;
  font-size:24rpx;
  color:rgba(53,53,53,1);
  line-height:34rpx;
}
.item-info .more{
  margin-left: 20rpx;
}
.item-name .kefu{
  width: 32rpx;
  height:30rpx;
  background-size: 100%;
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2822%29.png");
  margin-right: 20rpx;
}
.item-name .tuco{
  width: 34rpx;
  height:26rpx;
  background-size: 100%;
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%2823%29.png");
  margin-right: 20rpx;
}
.item-name .taocan{
  width: 28rpx;
  height: 32rpx;
  background-size: 100%;
  background-image: url("http://nosqn.colorcun.com/taocan/1%20%283%29.png");
  margin-right: 20rpx;

}
.block-rev.money{
  height: 160rpx;

}
.money-title{
  height:40rpx;
  font-size:28rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(136,136,136,1);
  line-height:40rpx;
}
.money-value{
  height:48rpx;
  font-size:34rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(0,0,0,1);
  line-height:48rpx;
}
.money-item{
  width: 50%;
  box-sizing: border-box;
  height: 88rpx;
  border-right: 2rpx solid #F5F5F5;
}
.money-item:last-child{
  border-right-width: 0;
}
.col-4{
  margin-left: 10rpx;
  margin-right: 40rpx;
}
.col-4 navigator{
  padding-top: 60rpx;
}
	
.order-item{
	position: relative;
}
.number-notice{
	min-width: 32rpx;
	height: 32rpx;
	position: absolute;
	left: 50%;
	top: -16rpx;
	background:#FA5151;
	margin-left: 8rpx;
	border-radius: 16rpx;
	font-size: 20rpx;
	padding: 0 10rpx;
	box-sizing: border-box;
}