|
- .Box {
- width: 100%;
- /* height: 100vh; */
- background: #f8f8fa;
- overflow: hidden;
- }
-
- .navigationBox {
- background-color: #fff;
- overflow: hidden;
- height: 80rpx;
- }
-
- .textBox {
- float: left;
- width: 90%;
- display: flex;
- justify-content: space-around;
- }
-
- .item {
- font-size: 26rpx;
- margin: 20rpx 10rpx 0 10rpx;
- padding-bottom: 10rpx;
- }
-
- .item_a {
- font-size: 26rpx;
- margin: 20rpx 10rpx 0 10rpx;
- padding-bottom: 10rpx;
- border-bottom: 1rpx solid #333;
- }
-
- .screen {
- width: 8%;
- height: 60rpx;
- float: left;
- margin: 10rpx 5rpx;
- }
-
- .drawerBox {
- position: fixed;
- top: 0;
- left: 100%;
- background-color: rgba(102, 102, 102, 0.3);
- height: 100vh;
- width: 100%;
- }
-
- .drawerBox-transition {
- transition: all 0.5s;
- }
-
- .drawerBox-moved {
- left: 0%;
- }
-
- @keyframes drawerBox-ani {
- from {
- left: 100%;
- }
-
- to {
- left: 0%;
- }
- }
-
- .drawerBox-animation {
- animation: drawerBox-ani 1s alternate infinite;
- }
-
- .tiem {
- width: 80%;
- height: 80rpx;
- text-align: center;
- line-height: 80rpx;
- background-color: rgba(102, 102, 102, 0.2);
- margin: 60rpx auto;
- border-radius: 10rpx;
- }
-
- .time_a {
- width: 80%;
- height: 80rpx;
- text-align: center;
- line-height: 80rpx;
- background-color: rgba(22, 155, 213, 1);
- margin: 60rpx auto;
- border-radius: 10rpx;
- color: #fff;
- }
-
- .noDataBox {
- width: 200rpx;
- height: 240rpx;
- margin: 30% auto;
- text-align: center;
- }
- .text{
- color: rgba(102, 102, 102, 0.7);
- }
- .onDataImg{
- width: 100%;
- height: 90%;
-
- }
- .withdrawTitleBox{
- overflow: hidden;
-
- }
- .detailsBox{
- width: 90%;
- background-color: #fff;
- border-radius: 12rpx;
- overflow: hidden;
- margin: 20rpx auto;
- }
-
-
- .noData {
- height: 100Vh;
- background-color: rgba(102, 102, 102, 0.2);
- overflow: hidden;
- }
- .rightBox {
- height: 100vh;
- background-color: #fff;
- width: 70%;
- float: right;
- }
- .title{
- float: left;
- margin-left:20rpx;
- padding: 20rpx 0;
- }
- .status{
- float: right;
- margin-right:20rpx;
- margin-top:20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- background-color: rgba(0, 128, 0, 1);
- border-radius: 4rpx;
- color: #fff;
- }
- .red{
- background-color: rgba(255, 0, 0, 1);
- float: right;
- margin-right:20rpx;
- margin-top:20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
- .orange{
- background-color: rgba(243, 151, 56, 1);
- float: right;
- margin-right:20rpx;
- margin-top:20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
- .purple{
- background-color: rgba(153, 0, 255, 1);
- float: right;
- margin-right:20rpx;
- margin-top:20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
- .blue{
- background-color: rgba(0, 102, 255, 1);
- float: right;
- margin-right:20rpx;
- margin-top:20rpx;
- padding: 10rpx;
- font-size: 24rpx;
- border-radius: 4rpx;
- color: #fff;
- }
-
- .money{
- font-size: 46rpx;
- color: red;
- margin-left:20rpx;
- padding: 20rpx 20rpx 0 20rpx;
- font-weight: 700;
- }
-
- .schedule{
- text-align: right;
- width: 94%;
- padding: 10rpx 0;
- margin: auto;
- border-bottom: 1rpx dashed #C9C9C9;
- }
- .goXq{
- text-align: center;
- line-height: 30rpx;
- color: #C9C9C9;
- padding: 20rpx 0;
- font-size: 24rpx;
- }
|