| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 | page {  background-color: #f1f2f3;}.title {  font-size: 26rpx;  padding: 10px}.flex-around {  justify-content: space-around;}.panel {  padding: 10px;  background-color: #fff;}.mt-10 {  margin-bottom: 10px;}.small {  font-size: 26rpx;  color: #333;  line-height: 25px;}.mr-5 {  margin-right: 5px;}.mt-5 {  margin-bottom: 5px;}.demo-rate {  background-color: #fff;  height: 96rpx;  display: flex;  align-items: center;  justify-content: space-between;  padding: 0 32rpx;  border-bottom: solid 1rpx #f0f0f0;  border-top: solid 1rpx #f0f0f0;}.demo-rate__title {  width: 200rpx;}.demo-rate__transparent {  background-color: transparent;  padding-left: 32rpx;  border: 0;}.footer {  display: flex;  justify-content: space-between;  padding: 0 30rpx;  position: fixed;  width: 100vw;  height: 130rpx;  background: #FFFFFF;  box-shadow: 0px -4rpx 16rpx 2rpx rgba(150, 157, 165, 0.16);  bottom: 0;  box-sizing: border-box;  z-index: 9999;  padding-top: 10rpx;  .count {    height: 90rpx;    line-height: 90rpx;    font-size: 32rpx;    font-weight: bold;    color: var(--error);  }  .but-box {    .but {      min-width: 156rpx;      height: 90rpx;      background: #3874F6;      border-radius: 8rpx;      font-size: 28rpx;      font-family: PingFang SC-Bold, PingFang SC;      font-weight: bold;      color: #FFFFFF;      margin-left: 8rpx;    }    .delete {      background: var(--warning);    }  }}
 |