jje_uniapp/orderPages/serviceItems/index.rpx.scss

.page {
  background-color: rgba(255, 255, 255, 1.000000);
  position: relative;
  width: 750rpx;
  // height: 1624rpx;
  overflow: hidden;
  padding-left: 0rpx;
  padding-right: 0rpx;
  padding-top: 0rpx;
  padding-bottom: 32rpx;
  display: flex;
  flex-direction: column;
}

.box_2 {
  width: 698rpx;
  margin-top: 32rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.image-text_1 {
  width: 256rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 6rpx 0 6rpx 0;
}

.thumbnail_1 {
  width: 40rpx;
  height: 40rpx;
  margin: 4rpx 0 4rpx 0;
}

.text-group_1 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 48rpx;
}

.image_2 {
  width: 180rpx;
  height: 60rpx;
}

.block_2 {
  background-color: rgba(255, 255, 255, 1.000000);
  padding: 24rpx 32rpx;
}

.text_3 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44rpx;
  margin-left: 32rpx;
}

.box_3 {
  flex-direction: row;
  display: flex;
  margin-top: 24rpx;
}



.group_2 {
  margin-left: 32rpx;
  display: flex;
  flex-direction: column;
}

.image-text_2 {
  width: 156rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.thumbnail_2 {
  width: 28rpx;
  height: 28rpx;
  margin: 4rpx 0 4rpx 0;
}

.text-group_2 {
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
}

.group_3 {
  width: 156rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.thumbnail_3 {
  width: 28rpx;
  height: 28rpx;
  margin: 4rpx 0 4rpx 0;
}

.text_4 {
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
}

.text-wrapper_2 {
  display: flex;
  flex-direction: column;
}

.text_5 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
  margin-right: 180rpx;
}

.text_6 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
  margin-top: 16rpx;
}

.text-wrapper_3 {
  margin-top: 24rpx;
  margin-left: 32rpx;
}

.text_7 {
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 20rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
  margin-top: 4rpx;
}

.text_8 {
  overflow-wrap: break-word;
  color: rgba(237, 86, 159, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44rpx;
}

.box_4 {
  background-color: rgba(238, 238, 238, 1.000000);
  width: 686rpx;
  height: 2rpx;
  margin-top: 32rpx;
  display: flex;
  flex-direction: column;
}

.text_11 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
  margin-right: 180rpx;
}

.text_12 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
  margin-top: 16rpx;
}

.text-wrapper_5 {
  width: 212rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 24rpx 410rpx 0 64rpx;
}

.text_13 {
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 20rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 36rpx;
  margin-top: 4rpx;
}

.text_14 {
  overflow-wrap: break-word;
  color: rgba(237, 86, 159, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 44rpx;
}

.box_6 {
  background-color: rgba(238, 238, 238, 1.000000);
  width: 686rpx;
  height: 2rpx;
  margin-top: 32rpx;
  display: flex;
  flex-direction: column;
}

.block_3 {
  background-color: rgba(247, 247, 247, 1.000000);
  border-radius: 50rpx;
  width: 686rpx;
  align-self: center;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  height: 84rpx;
  margin-top: 20rpx;
}

.text_15 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 84rpx;
}

.image-text_4 {
  width: 132rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

.text-group_4 {
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 84rpx;
}

.text-group_5 {
  overflow-wrap: break-word;
  color: red;
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  white-space: nowrap;
}

.thumbnail_6 {
  width: 32rpx;
  height: 32rpx;
  margin: 6rpx 0 6rpx 0;
}

.text-wrapper_6 {
  background-color: rgba(255, 224, 92, 1.000000);
  border-radius: 54rpx;
  align-self: center;
  margin-top: 24rpx;
  display: flex;
  flex-direction: column;
  width: 686rpx;
  padding: 20rpx 314rpx 20rpx 316rpx;
}

.text_16 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 44rpx;
}

.tabBarLineHeight {
  height: 300rpx;
}


  .submitButton {
    text-align: center;
    line-height: 84rpx;
    width: 686rpx;
    height: 84rpx;
    background: #FFE05C;
    border-radius: 54rpx;
    margin-top: 24rpx;
}
.text_9{
  margin-left: 24rpx;
}
.bottomView{
}
.outView{
  width: 600rpx;
}

.ticketView{
  width: 400rpx;
  height: 70rpx;
  border-radius: 35rpx;
  background: #F7F7F7;
  margin-left: 32rpx;
}
.ticketBtn{
  background: #F7F7F7;
  width: 200rpx;
  font-size: 28rpx;

  color: #333333;
  border-radius: 35rpx;
  line-height: 70rpx;
  text-align: center;
}
.ticketColor{
  background: #FFE05C;
  color: #FFFFFF;
}
.selectType{
  padding: 20rpx 34rpx;
}
.popupView{
  height: 300rpx;
  width: 750rpx;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  background: #FFFFFF;
}
.imageText{
  margin-top: 20rpx;
}