.myqr{ position: absolute; z-index: 999; width: 100%; text-align: center; height: auto; margin-top: 50rpx; } .myqr .cancel{ width: 60rpx; height: 60rpx; margin-top: 30rpx; margin-left: 480rpx; } .myqr .img{ width: 480rpx; } .myqr .btn{ width: 120rpx; height: 120rpx; line-height: 120rpx; margin-top: 20rpx; padding: 30rpx; background: #ffffff; border-radius:60rpx; } page { height: 100%; width: 100%; background: #f4f4f4; } .orders-switch { width: 100%; background: #fff; height: 84rpx; position: fixed; top: 0rpx; /* top: 0rpx; */ z-index: 1; /* border-bottom: 1px solid rgba(0,0,0,.15); */ } .orders-switch .item { display: inline-block; height: 82rpx; width: 18%; padding: 0 15rpx; text-align: center; } .orders-switch .item .txt { display: inline-block; height: 82rpx; padding: 0 20rpx; line-height: 82rpx; color: #9a9ba1; font-size: 30rpx; width: 170rpx; } .orders-switch .item.active .txt { color: #ab956d; border-bottom: 4rpx solid #ab956d; } .no-order { width: 100%; height: auto; margin: 0 auto; } .no-order .c { width: 100%; height: auto; margin-top: 400rpx; } .no-order .c text { margin: 0 auto; display: block; width: 258rpx; height: 29rpx; line-height: 29rpx; text-align: center; font-size: 29rpx; color: #999; } .orders { height: auto; /* width: 100%; */ overflow: hidden; padding: 20rpx; margin-top: 85rpx } .order { margin-top: 20rpx; background: #fff; } .content { font-size: 46rpx; line-height: 50rpx; font-weight: 500; margin: 20rpx; color: #333; } .book{ /* margin: 20rpx 20rpx; */ margin-bottom: 20rpx; /* height: 320rpx; */ /* width: 710rpx; */ border: 1rpx solid #999; border-radius: 10rpx; display: flex; flex-flow: column; padding-bottom: 20rpx; } .bookname { display: block; color: #333; line-height: 42rpx; font-size: 42rpx; margin: 20rpx 20rpx; font-weight: 500; } .serviceTime{ display: block; color: #333; line-height: 32rpx; font-size: 32rpx; margin: 20rpx 20rpx; font-weight: 300; } .goodsname{ color: #333; line-height: 32rpx; font-size: 32rpx; margin: 20rpx 20rpx; font-weight: 300; } .status{ height: 40rpx; float: right; margin: 10rpx; background-color: #09AFFF; padding: 10rpx; border-radius: 10rpx; color: #fff; } .address { display: block; color: darkred; line-height: 46rpx; font-size: 36rpx; margin: 20rpx 20rpx; } .service{ display: block; line-height: 40rpx; font-size: 33rpx; margin-left: 20rpx; } .tool{ margin-right : 20rpx; margin-top: 10rpx; } .btn { height: 76rpx; line-height: 76rpx; float: right; color: #333; font-size: 30rpx; /* background-color: #09AFFF; */ margin-left: 10rpx; border-radius: 10rpx; } /* 预检项目样式 */ .row{ margin-top: 20rpx; padding: 20rpx; border: 1rpx solid #999; border-radius: 10rpx; } .title{ display: block; height: 50rpx; } .left{ float: left; color:#333; } .right{ float:right; color:#333; } .category{ font-size: 36rpx; color: #333; font-weight: 500; } .content{ margin-top: 20rpx; } .device{ font-size: 36rpx; font-weight: 200; } .problem{ display: flex; flex-wrap: wrap; } .item{ margin: 6rpx; } .img{ margin: 10rpx; width: 80rpx; height: 80rpx; }