page { padding: 90rpx 0 30rpx; background: #f8f8fa; } .tabTit { height: 90rpx; line-height: 82rpx; position: fixed; top: 0; width: 750rpx; z-index: 1; } .oderId{ overflow: hidden; margin:20rpx ; font-size: 28rpx; } .l{ float: left; margin: 7rpx 0; } .r{ float: left; margin: 0 10rpx; padding: 10rpx; height: 30rpx; line-height: 30rpx; border:1rpx #a6a6a6 solid; border-radius: 8rpx; color: #3cc51f; font-size: 28rpx; } .tabTit > view:nth-of-type(1) { border-left: 0; } .tabTit > view:nth-of-type(4) { border-right: 0; } .tabTit .active image { transform: rotate(180deg); background: none; } .tabTit image { width: 18rpx; height: 9rpx; vertical-align: middle; margin-left: 5px; } /*弹性盒模型*/ .box { background: #fff; border-bottom:1px solid #eee; } .flex1 { overflow: hidden; width: 25%; display: block; text-align: center; } .flex1 text,.text { font-size: 30rpx; } /* .btn { float: right; height: 52rpx; line-height: 52rpx; background: rgba(101, 158, 246, 1); border-radius: 10rpx; font-size: 28rpx; font-weight: 500; padding: 0 25rpx; color: rgba(255, 255, 255, 1); } */ .active1 { opacity: 0.6; } .active2{ border: 1px solid #52a0fd!important; color: #52a0fd!important; } .recond{ text-align: center; font-size: 30rpx; margin-top: 60rpx; } .active3{ color: #659ef6; } .searchBox{ overflow: hidden; margin-top: 20rpx; } .select{ float: left; margin-left: 10rpx } .vuel{ float: left; border: 1px solid #e2e2e2; height: 60rpx; line-height: 60rpx; text-align: center; margin-left: 20rpx; background: #fff } .searchBtn{ float: left; background: #52a0fd; border-radius: 8rpx; color: #fff; font-size: 26rpx; height: 64rpx; line-height: 64rpx; margin-left: 10rpx; padding: 0 10rpx; } .itemBox{ border-radius: 12rpx; background-color: #fff; width: 96%; margin: 20rpx auto; overflow: hidden; } .oderName{ margin:20rpx ; font-size: 28rpx; } .btn{ width: 80%; margin: 20rpx auto; text-align: center; line-height: 80rpx; height: 80rpx; border-radius: 12rpx; color: #fff; background: rgba(101, 158, 246, 1); } .btnUp{ width: 80%; margin: 20rpx auto; text-align: center; line-height: 80rpx; height: 80rpx; border-radius: 12rpx; color: #fff; background: #FD832D; } .complete{ width: 80%; margin: 20rpx auto; text-align: center; line-height: 80rpx; height: 80rpx; border-radius: 12rpx; color: #fff; background: rgba(0, 0, 0, 0.4); }