| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 | 
							- 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);
 
-     }
 
-   }
 
- }
 
 
  |