JMApp/pages/singleStart/singleStart.wxss

.container {
    box-sizing: border-box;
    min-height: 100vh;
    padding: 0 27rpx 170rpx;
}

.title-tips {
    color: #666;
    font-size: 26rpx;
    line-height: 90rpx;
    padding: 0;
}

.list .item {
  position: relative;
  padding-left: 286rpx;
  background: #fff;
  border: 5rpx solid #0281db;
  border-radius: 26rpx;
  box-sizing: border-box;
  color: #0281db;
  flex-direction: column;
  height: 158rpx;
  justify-content: center;
  margin: 0 0 28rpx;
  width: 100%;
  overflow: hidden;
}

.list .item .g, .list .item .j  {
  position: absolute;
}
.list .item .g {
  left: 0;
  top: 0;
  height: 153rpx;
  width: 158rpx;
  line-height: 153rpx;
  text-align: center;
  background-color: #0281db;
  color: #fff;
  font-size: 50rpx;
}

.list .item .g .u {
  position: absolute;
  right: -25rpx;
  top: 55rpx;
  width: 40rpx;
  height: 40rpx;
  font-size: 26rpx;
  line-height: 40rpx;
  border-radius: 100rpx;
  border: 5rpx solid #0281db;
  color: #0281db;
  background-color: #fff;
}

.list .item .j {
  left: 158rpx;
  top: 0;
  height: 153rpx;
  width: 138rpx;
  font-size: 66rpx;
  line-height: 108rpx;
  text-align: center;
}

.list .item .j .p {
  font-size: 26rpx;
  line-height: 1;
}

.list .item .t {
  font-size: 25rpx;
  height: 153rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20rpx;
  background-color: #eee;
}

.list .item .t .b {
  font-weight: 700;
  color: #1baa1c;
}

.list .item.select, .list .item.select .g .u {
  border-color: #f50;
  color: #f50;
}

.list .item.select .g {
  background-color: #f50;
}

.list .item.active, .list .item.active .g .u {
  border-color: #4cadf1;
  color: #4cadf1;
}

.list .item.active .g {
  background-color: #4cadf1;
}

.list .item.active.select, .list .item.active.select .g .u {
  border-color: #f90;
  color: #f90;
}

.list .item.active.select .g {
  background-color: #f90;
}


.tobuy-btn {
  align-items: center;
  background: #1baa1c;
  border: 2rpx solid #218721;
  border-radius: 18rpx;
  color: #fff;
  display: flex;
  font-size: 33rpx;
  height: 91rpx;
  justify-content: center;
  margin-top: 3rpx;
}

.tobuy-btn.disabled {
  opacity: .7;
}

.provision {
  display: block;
  margin: 40rpx 0 0;
  font-size: 26rpx;
}

.provision .text {
  color: #0281db;
  display: inline-block;
}

.warm-prompt {
  padding: 60rpx 0;
}

.warm-prompt .title {
  color: #f30;
  font-size: 32rpx;
  font-weight: 600;
  margin-bottom: 16rpx;
}

.warm-prompt .content {
  color: #666;
  font-size: 26rpx;
  line-height: 1.8;
}

.warm-prompt .content .view {
  margin-bottom: 10rpx;
}

.warm-prompt .content view b {
  font-weight: 700;
  color: red;
}

.scan-btn {
  background-color: #218721;
}