|
|
|
.content{
|
|
|
|
background-color: white;
|
|
|
|
padding-bottom: 20upx;
|
|
|
|
.card-up{
|
|
|
|
@include wh(710upx,auto);
|
|
|
|
margin: auto;
|
|
|
|
padding-top: 1upx;
|
|
|
|
.mode-up{
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
margin-top: 20upx;
|
|
|
|
view{
|
|
|
|
font-size: 24upx;
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
view{
|
|
|
|
border: 1upx solid #808080;
|
|
|
|
font-size: 24upx;
|
|
|
|
margin-left: 40upx;
|
|
|
|
text-indent: 20upx;
|
|
|
|
width: 200upx;
|
|
|
|
}
|
|
|
|
input{
|
|
|
|
width: 200upx;
|
|
|
|
border: 1upx solid #808080;
|
|
|
|
font-size: 24upx;
|
|
|
|
margin-left: 40upx;
|
|
|
|
text-indent: 20upx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.card-down{
|
|
|
|
@include wh(710upx,auto);
|
|
|
|
margin: auto;
|
|
|
|
padding-top: 20upx;
|
|
|
|
border: 1upx solid #808080;
|
|
|
|
margin-top: 20upx;
|
|
|
|
padding-bottom: 20upx;
|
|
|
|
.list{
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
margin-top: 20upx;
|
|
|
|
.title{
|
|
|
|
@include fonts(26upx,#333)
|
|
|
|
width:180upx;
|
|
|
|
margin-left: 20upx;
|
|
|
|
}
|
|
|
|
text{
|
|
|
|
@include fonts(24upx,#999999);
|
|
|
|
margin-left: 20upx;
|
|
|
|
}
|
|
|
|
.bor{
|
|
|
|
width:200upx;
|
|
|
|
border: 1upx solid #808080;
|
|
|
|
}
|
|
|
|
.check-ul{
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
.xx-list{
|
|
|
|
margin-left: 40upx;
|
|
|
|
@include flex(center,flex-start);
|
|
|
|
image{
|
|
|
|
@include wh(33upx,33upx);
|
|
|
|
}
|
|
|
|
text{
|
|
|
|
@include fonts(26upx,#999999);
|
|
|
|
margin-left: 20upx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.step-list{
|
|
|
|
width: 300upx;
|
|
|
|
height: 50upx;
|
|
|
|
border: 1upx solid #C0C0C0;
|
|
|
|
@include flex(center,space-between);
|
|
|
|
image{
|
|
|
|
@include wh(22upx,33upx);
|
|
|
|
margin-left: 30upx;
|
|
|
|
margin-right: 30upx;
|
|
|
|
}
|
|
|
|
text{
|
|
|
|
@include fonts(26upx,#999999);
|
|
|
|
margin-left: 20upx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.add-lingjian{
|
|
|
|
@include wh(200upx,50upx);
|
|
|
|
@include fonts(26upx,#fff);
|
|
|
|
text-align: center;
|
|
|
|
line-height: 50upx;
|
|
|
|
background: #007AFF;
|
|
|
|
margin: 30upx;
|
|
|
|
}
|
|
|
|
.components-ul{
|
|
|
|
@include wh(660upx,auto);
|
|
|
|
margin: auto;
|
|
|
|
border: 1upx solid red;
|
|
|
|
padding-top: 30upx;
|
|
|
|
padding-bottom: 30upx;
|
|
|
|
.components-list{
|
|
|
|
@include wh(600upx,auto);
|
|
|
|
@include flex(center,space-between);
|
|
|
|
margin: auto;
|
|
|
|
margin-top: 30upx;
|
|
|
|
|
|
|
|
view{
|
|
|
|
width: 180upx;
|
|
|
|
@include fonts(26upx,#333);
|
|
|
|
}
|
|
|
|
input{
|
|
|
|
width: 400upx;
|
|
|
|
height: 40upx;
|
|
|
|
font-size: 24upx;
|
|
|
|
border: 1upx solid #C0C0C0;
|
|
|
|
text-indent: 20upx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-jian{
|
|
|
|
@include wh(300upx,60upx);
|
|
|
|
@include flex(center,center);
|
|
|
|
border: 1upx solid red;
|
|
|
|
border-radius: 10upx;
|
|
|
|
margin: auto;
|
|
|
|
margin-top: 30upx;
|
|
|
|
image{
|
|
|
|
@include wh(40upx,40upx)
|
|
|
|
}
|
|
|
|
text{
|
|
|
|
@include fonts(26upx,red);
|
|
|
|
margin-left: 10upx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.submit-btn{
|
|
|
|
@include wh(690upx,auto);
|
|
|
|
margin: auto;
|
|
|
|
margin-top: 60upx;
|
|
|
|
}
|