|
|
|
.card{
|
|
|
|
@include wh(710upx,auto);
|
|
|
|
margin: auto;
|
|
|
|
margin-top: 24upx;
|
|
|
|
background: white;
|
|
|
|
border-radius: 10upx;
|
|
|
|
padding-top: 20upx;
|
|
|
|
padding-bottom: 30upx;
|
|
|
|
// @include flex(center,space-around);
|
|
|
|
.card-left{
|
|
|
|
@include wh(690upx,auto);
|
|
|
|
margin: auto;
|
|
|
|
.card-up-list{
|
|
|
|
@include wh(660upx,auto);
|
|
|
|
margin-top: 24upx;
|
|
|
|
@include flex(center,space-between);
|
|
|
|
.card-right{
|
|
|
|
@include fonts(24upx,#ffffff);
|
|
|
|
padding: 10upx 20upx 10upx 20upx;
|
|
|
|
border-radius: 10upx;
|
|
|
|
font-size: 24upx;
|
|
|
|
color: white;
|
|
|
|
background: #4CAF4D;
|
|
|
|
image{
|
|
|
|
@include wh(34upx,34upx)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.card-up-list-list{
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
view{
|
|
|
|
@include fonts(26upx,#333,500);
|
|
|
|
}
|
|
|
|
text{
|
|
|
|
@include fonts(24upx,#666,500);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
.card-dow-list{
|
|
|
|
@include wh(690upx,auto);
|
|
|
|
margin-top: 24upx;
|
|
|
|
@include flex(center,space-between);
|
|
|
|
.card-right{
|
|
|
|
image{
|
|
|
|
@include wh(34upx,34upx)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.card-up-list-list{
|
|
|
|
width: 330upx;
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
view{
|
|
|
|
@include fonts(26upx,#333,500);
|
|
|
|
}
|
|
|
|
text{
|
|
|
|
@include fonts(24upx,#666,500);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.btn-grounp{
|
|
|
|
@include wh(690upx,auto);
|
|
|
|
margin-top: 30upx;
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
border-top: 1upx solid #F1F1F1;
|
|
|
|
padding-top: 30upx;
|
|
|
|
|
|
|
|
view{
|
|
|
|
padding: 10upx 20upx 10upx 20upx;
|
|
|
|
border-radius: 10upx;
|
|
|
|
font-size: 24upx;
|
|
|
|
color: white;
|
|
|
|
background: #4CAF4D;
|
|
|
|
margin-left: 20upx;
|
|
|
|
//margin-left:30upx;
|
|
|
|
flex-shrink: 0;
|
|
|
|
}
|
|
|
|
.btn-tx{
|
|
|
|
background-color: #FF6A6A;
|
|
|
|
}
|
|
|
|
.btn-xx{
|
|
|
|
background-color: #008EBC;
|
|
|
|
}
|
|
|
|
.btn-blp{
|
|
|
|
background-color:#DF8624;
|
|
|
|
}
|
|
|
|
.btn-back{
|
|
|
|
background-color:#FE4E4F;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.card-pop{
|
|
|
|
@include wh(600upx,auto);
|
|
|
|
padding: 30upx;
|
|
|
|
margin: auto;
|
|
|
|
background: white;
|
|
|
|
|
|
|
|
border-radius: 10upx;
|
|
|
|
margin: auto;
|
|
|
|
.pop-list{
|
|
|
|
@include flex(center,space-between);
|
|
|
|
margin-top: 30upx;
|
|
|
|
text{
|
|
|
|
@include fonts(26upx,#333)
|
|
|
|
}
|
|
|
|
input{
|
|
|
|
font-size: 26upx;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.right-pic{
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
text{
|
|
|
|
@include fonts(26upx,#333)
|
|
|
|
}
|
|
|
|
image{
|
|
|
|
@include wh(22upx,33upx);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.submit{
|
|
|
|
@include wh(300upx,60upx);
|
|
|
|
line-height: 60upx;
|
|
|
|
border-radius: 10upx;
|
|
|
|
background: #007AFF;
|
|
|
|
@include fonts(26upx,#fff);
|
|
|
|
text-align: center;
|
|
|
|
margin: auto;
|
|
|
|
margin-top: 50upx;
|
|
|
|
}
|
|
|
|
}
|