mzxiaochengxu/pages/userBook/userBook.wxss

.block {
  display: flex;
  width: 700rpx;
  margin-left: 25rpx;
  margin-top: 20rpx;
  font-size: 28rpx;
}

.num {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAhCAYAAAC803lsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4RjVGQ0Y3RkJFQzExRUE4NEVCRTFENUMzRTdBQzY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4RjVGQ0Y4RkJFQzExRUE4NEVCRTFENUMzRTdBQzY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzhGNUZDRjVGQkVDMTFFQTg0RUJFMUQ1QzNFN0FDNjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzhGNUZDRjZGQkVDMTFFQTg0RUJFMUQ1QzNFN0FDNjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz43du2GAAAAiElEQVR42mJUaP/+n2EQACaGQQJGHTLqkFGHjDpk1CGjDhl1yKhDRh0y6pBRh4w6ZKg7hIVIdc+AOBeI11HbAfcrOIgKEVB3dAYQa9HCEcSGyA0gTgXiIwOVRn4BcSMQ69PLEdhC5CgQpwHxtYHKNR+BOAuI7QbCEbAQ2QDEOUD8dCCzL0CAAQA9ahOWOBrUXgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 100% 50rpx;
  color: #fff;
  padding-left: 5rpx;
  padding-right: 5rpx;
  padding-bottom: 10rpx;
  margin-right: 20rpx;
  font-size: 28rpx;
}

.hd {
  width: 615rpx;
  margin-left: 100rpx;
  margin-top: 10rpx;
  color: #999999;
  font-size: 28rpx;
}
.im{
  width: 400rpx;
  height: 250rpx;
  margin-left: 175rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  border: 1px solid #999999;
}
.img {
  width: 200rpx;
  height: 200rpx;
  margin-left: 275rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.img1 {
  width: 400rpx;
  height: 400rpx;
  margin-left: 175rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  border: 1px solid #999999;
}
.img2 {
  width: 400rpx;
  height: 700rpx;
  margin-left: 175rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  border: 1px solid #999999;
}

.img3 {
  width: 250rpx;
  height: 300rpx;
  margin-left: 80rpx;
  border: 1px solid #999999;
}

.img4 {
  width: 290rpx;
  height: 350rpx;
  margin-left: 60rpx;
  border: 1px solid #999999;
}
.img5 {
  width: 400rpx;
  height: 730rpx;
  margin-left: 175rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  border: 1px solid #999999;
}
.img6 {
  width: 400rpx;
  height: 650rpx;
  margin-left: 175rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  border: 1px solid #999999;
}