.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; margin-top: 85rpx; margin-bottom:90rpx; } .order { margin-top: 20rpx; background: #fff; /*padding: 0 0 20rpx 0; */ padding-top: 20rpx; } .order .h { height: 83.3rpx; line-height: 83.3rpx; margin-left: 31.25rpx; padding-right: 31.25rpx; border-bottom: 1px solid #f4f4f4; font-size: 30rpx; color: #333; } .order .h .l { float: left; color: #333; } .order .h .r { float: right; color: #b4282d; font-size: 24rpx; } .order .b { height: 103rpx; line-height: 103rpx; margin-left: 31.25rpx; padding-right: 31.25rpx; border-top: 1px solid #f4f4f4; font-size: 30rpx; color: #333; } .order .b .l { float: left; color: #333; } .order .b .r { float: right; } .order .b .btn { margin-top: 19rpx; height: 64.5rpx; line-height: 64.5rpx; text-align: center; padding: 0 20rpx; border-radius: 5rpx; font-size: 28rpx; color: #fff; background: #b4282d; } .order .goods { display: flex; align-items: center; /* height: 169rpx; */ margin-left: 31.25rpx; } .order .goods .info { /* height: 178.83rpx; */ flex: 1; padding: 0 20rpx; margin-bottom: 20rpx; } .order .goods .name { /* margin-top: 30rpx; */ display: block; /*height: 44rpx; line-height: 44rpx;*/ color: #333; font-size: 36rpx; } .order .goods .number { display: block; height: 37rpx; line-height: 37rpx; color: #666; font-size: 25rpx; margin-top: 10rpx; } .order .goods .status { width: 105rpx; color: #b4282d; font-size: 25rpx; } .order-item-operate{ border-top: 1px solid #f4f4f4; height: 82rpx; display: flex; align-items: center; justify-content: space-between; padding:0 32rpx; } .order-operate-wrapper{ display: flex; align-items: center; justify-content: flex-end; } .order-operate-wrapper>view{ height: 44rpx; width:148rpx; text-align: center; line-height: 44rpx; text-align: center; border-radius: 10rpx; border:1rpx solid #09afff; font-size: 28rpx; margin-left:20rpx; color: #333; } .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: 36rpx; 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; } .btn { height: 76rpx; line-height: 76rpx; width: 300rpx; color: #fff; font-size: 30rpx; background-color: #09AFFF; border-radius: 10rpx; letter-spacing: 3rpx; }