.top-box{ background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .top-box{ background-color: #fff; } .top-title{ font-size: 36rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; padding: 0 30rpx; } .dow-ssicon{ width: 36rpx; height: 36rpx; margin-left: 15rpx; } .tab-box{ background-color: #fff; padding: 30rpx; z-index: 100; } .tab-item{ text-align: center; font-size: 28rpx; line-height: 41rpx; } .tab-item image{ visibility: hidden; } .tab-item-active{ color: #EB5C20; } .tab-item-active image{ visibility: visible; } .tab-active-icon{ width: 32rpx; height: 10rpx; margin-top: 10rpx; margin: auto; } .saoma{ width: 39rpx; height: 36rpx; margin-left: 60rpx; margin-bottom: 10rpx; } .sousuo{ width: 36rpx; height: 36rpx; margin-left: 50rpx; margin-bottom: 10rpx; } /* 搜索 */ .search-box{ padding: 30rpx 30rpx 0; } .search-saoma{ width: 40rpx; height: 40rpx; margin-right: 45rpx; } .search-input{ height: 76rpx; line-height: 76rpx; background: #F8F8F8; border-radius: 20rpx 20rpx 20rpx 20rpx; opacity: 1; padding: 0 16rpx 0 30rpx; } .search-input-icon{ width: 26rpx; height: 26rpx; margin-right: 10rpx; } .search-btn{ width: 96rpx; height: 47rpx; line-height: 47rpx; background: #EB5C20; border-radius: 24rpx 24rpx 24rpx 24rpx; opacity: 1; font-size: 22rpx; font-family: SourceHanSansCN-Regular-, SourceHanSansCN-Regular; font-weight: normal; color: #FFFFFF; text-align: center; margin-left: 10rpx; } /* 订单 */ .order-item{ background: #FFFFFF; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; padding: 25rpx 31rpx; margin: 30rpx; } .order-item-header{ justify-content: space-between; padding-bottom: 26rpx; border-bottom: 1rpx solid #E6E6E6; } .order-time{ line-height: 41rpx; font-size: 28rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #A8A5A5; } .order-state{ line-height: 41rpx; font-size: 28rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #EB5C20; } .order-item-body{ padding: 10rpx 0 0; } .order-item-content{ margin: 20rpx 0; justify-content: space-between; } .order-item-content-label{ line-height: 41rpx; font-size: 28rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #A8A5A5; margin-right: 20rpx; } .order-item-content-data{ line-height: 41rpx; font-size: 28rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666464; text-align: right; } .order-btns{ justify-content: flex-end; margin-top: 20rpx; padding-top: 20rpx; border-top: 1rpx solid #E6E6E6; } .order-btn{ line-height: 56rpx; background: #EB5C20; border-radius: 73rpx 73rpx 73rpx 73rpx; opacity: 1; padding: 0 23rpx; margin-left: 20rpx; font-size: 28rpx; font-weight: normal; color: #FFFFFF; } /* 弹窗 */ .pop-title{ line-height: 54rpx; font-size: 36rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-left:30rpx ; } .change-ssicon{ width: 48rpx; height: 48rpx; margin-left: 10rpx; } .pop-content{ margin: 48rpx 30rpx 30rpx; overflow: scroll; width: calc(100% - 60rpx); } .pop-content::-webkit-scrollbar{ display: none; } .pop-content-item{ height: 108rpx; line-height: 108rpx; background: #F5F5F5; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; border: 2rpx solid #F5F5F5; padding: 0 30rpx; margin-bottom: 28rpx; } .pop-content-active{ background: #fff; border: 2rpx solid #EB5C20; } .pop-content-icon{ width: 12rpx; height: 19rpx; margin-left: 10rpx; }