HanziLearn_master/pages/about/orderlist.wxss

.container {
  background-color: #F0F0F0;
  justify-content: flex-start;
  color: #1e1e1e;
  font-weight:500;
}
.panel2{
  width: 100%;
  background-color: #f0f0f0;
  justify-content: flex-start;
}

.ad1{
  width:100%;
  height:146rpx;
}

.panel2 .panelItem{
  width: 100%;
  min-height:160rpx;
  background-color: #fff;
  margin-bottom: 1rpx;
  justify-content: flex-start;
  align-items: flex-start;
}
.panel2 .SelectImg{
  width: 40rpx;
  height:40rpx;
  margin-left: 40rpx;
  margin-top: 60rpx;
}

.panel2 .img06009{
  width: 80rpx;
  height:80rpx;
  margin-left: 50rpx;
  margin-top: 40rpx;
  align-items: flex-start;
  justify-content: flex-start;
}
.panel2 .img060090{
  width: 80rpx;
  height:60rpx;
  margin-left: 50rpx;
  margin-top: 45rpx;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.panel2 .img060091{
  width: 30rpx;
  height:30rpx;
  margin: 0 10rpx 10rpx 0;
}
.panel2 .text{
  margin-left: 30rpx;
  align-items: flex-start;
  margin-top: 40rpx;
}

.panel2 .text1{
  font-size: 32rpx;
  font-weight: 500;
}
.panel2 .text2{
  font-size: 24rpx;
  font-weight: 400;
  color:#787878;
}

.panel2 .text3{
  width:260rpx;
  height:50rpx;
  line-height: 50rpx;
  text-align: center;
  font-weight: 500;
  color:#1E1E1E;
  border-radius: 6rpx;
  font-size:22rpx;
  background-color: #FFEC89;
  margin-top: 10rpx;
  margin-bottom: 40rpx;
}

.panel2 .text0 {
  font-size: 22rpx;
  font-weight: 400;
  height:80rpx;
}

.panel2 .text0 .red {
  color: #a20602;
  font-weight: 600;
  text-decoration: underline;
}

.container .bottom{
  width:100%;
  position: fixed;
  bottom:0;
  background-color: #F0F0F0;
  justify-content: flex-end;
  z-index: 100;
}

.bottom .contact {
  padding-left: 0;
  padding-right: 0;
  background-color: #F0F0F0;
  width:100%;
  margin: 12rpx 0 12rpx 0;
}

.bottom .contact::after {
  border: 0px;
}

.bottom .left{
  margin-left: 50rpx;
  align-items: flex-start;
}


.bottom .bottom1{
  width:100%;
  height:230rpx;
  background-color: #F77706;
  text-align: center;
  font-size: 48rpx;
  color: #fff;
  position: relative;
}


.bottom .top{
  width:100%;
  color: #fff;
  justify-content: space-between;
  font-size: 24rpx;
}

.bottom .left{
  margin-left: 50rpx;
  font-size: 64rpx;
  font-weight: 400;
  text-align: left;
  height:90rpx;
  line-height: 90rpx;
}

.bottom .left2{
  font-size: 48rpx;
}

.bottom .right{
  margin-right: 50rpx;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: 55rpx;
}
.bottom .text2{
  font-size: 24rpx;
  font-weight: 400;
}
.bottom .text3{
  color:#7D2B25;
}
.bottom .total{
  text-decoration:line-through; 
}

.bottom .btn {
  width: 690rpx;
  height: 100rpx;
  background-color: #E1600A;
  border-radius: 10rpx;
  margin-top: 10rpx;
}
.bottom .btn1 {
  width: 100%;
  height: 90rpx;
  line-height: 90rpx;
  background-color: #FFDD0C;
  border-radius: 10rpx;
  position:relative;
  top:0;
  font-size: 36rpx;
  color: #1E1E1E;
}

.bottom .btn4 {
  background-color: #4D4D4D;
  color:#787878;
}

.bottom .btn5 {
  background-color: #262626;
}