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