|
|
@@ -1,130 +1,77 @@
|
|
|
-.db {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- height: 78rpx;
|
|
|
- background: rgba(238, 238, 238, 1);
|
|
|
+page {
|
|
|
+ padding-bottom: 139rpx;
|
|
|
}
|
|
|
|
|
|
-.db image {
|
|
|
- width: 32rpx;
|
|
|
- height: 32rpx;
|
|
|
- padding-left: 30rpx;
|
|
|
+.tips {
|
|
|
+ width: 100%;
|
|
|
+ height: 82rpx;
|
|
|
+ background-color: #007AFF;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 82rpx;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
-.db text {
|
|
|
+.input-content {
|
|
|
+ height: 116rpx;
|
|
|
font-size: 30rpx;
|
|
|
- font-family: SourceHanSansCN-Regular;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
font-weight: 400;
|
|
|
- color: rgba(102, 102, 102, 1);
|
|
|
- padding-left: 20rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.input-box {
|
|
|
+ color: #666666;
|
|
|
+ background: #FFFFFF;
|
|
|
+ padding: 30rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- width: 100%;
|
|
|
- height: 79rpx;
|
|
|
- border-bottom: 2rpx solid rgba(221, 221, 221, 1);
|
|
|
- padding-left: 82rpx;
|
|
|
+ justify-content: space-between;
|
|
|
+ border-bottom: 2rpx solid #eee;
|
|
|
}
|
|
|
|
|
|
-.input-box input {
|
|
|
- font-size: 26rpx;
|
|
|
- font-family: SourceHanSansCN-Regular;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(153, 153, 153, 1);
|
|
|
+.input {
|
|
|
+ flex: 1;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
|
|
|
.idphoto {
|
|
|
display: flex;
|
|
|
- width: 100%;
|
|
|
- height: 278rpx;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-around;
|
|
|
- flex: 1 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.idphoto .leftid {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
align-items: center;
|
|
|
- width: 300rpx;
|
|
|
- height: 206rpx;
|
|
|
- border: 2px solid rgba(204, 204, 204, 1);
|
|
|
- border-radius: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-.idphoto .leftid .smallicon {
|
|
|
- width: 64rpx;
|
|
|
- height: 45rpx;
|
|
|
- padding-top: 60rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.idCard{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- border-radius: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-.idphoto .leftid .zmphoto {
|
|
|
- font-size: 22rpx;
|
|
|
- font-family: SourceHanSansCN-Regular;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(204, 204, 204, 1);
|
|
|
- padding-top: 29rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.idphoto .leftid1 {
|
|
|
- display: flex;
|
|
|
+ justify-content: center;
|
|
|
flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- width: 300rpx;
|
|
|
- height: 206rpx;
|
|
|
- border: 2px solid rgba(204, 204, 204, 1);
|
|
|
- border-radius: 12px;
|
|
|
}
|
|
|
|
|
|
-.idphoto .leftid1 .display {
|
|
|
- width: 179rpx;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.idphoto .shouchi {
|
|
|
+.leftid {
|
|
|
+ width: 630rpx;
|
|
|
+ height: 360rpx;
|
|
|
+ border: 1rpx dashed #000;
|
|
|
+ margin-top: 60rpx;
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
align-items: center;
|
|
|
- width: 300rpx;
|
|
|
- height: 206rpx;
|
|
|
- border: 2px solid rgba(204, 204, 204, 1);
|
|
|
- border-radius: 12px;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
|
|
|
-.idphoto .shouchi .othersmallicon {
|
|
|
- width: 48rpx;
|
|
|
- height: 50rpx;
|
|
|
- padding-top: 60rpx;
|
|
|
+.id-img {
|
|
|
+ width: 592rpx;
|
|
|
+ height: 322rpx;
|
|
|
+ border: 1rpx dashed #000;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
-.idphoto .shouchi .zmphoto {
|
|
|
- font-size: 22rpx;
|
|
|
- font-family: SourceHanSansCN-Regular;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(204, 204, 204, 1);
|
|
|
- padding-top: 29rpx;
|
|
|
+.idCard {
|
|
|
+ width: 590rpx;
|
|
|
+ height: 320rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 1rpx;
|
|
|
+ top: 1rpx;
|
|
|
}
|
|
|
|
|
|
-.bor {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
- width: 100%;
|
|
|
- margin-top: 45rpx;
|
|
|
- font-size: 19rpx;
|
|
|
- font-family: SourceHanSansCN-Regular;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(187, 187, 187, 1);
|
|
|
+.smallicon {
|
|
|
+ width: 590rpx;
|
|
|
+ height: 320rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 1rpx;
|
|
|
+ top: 1rpx;
|
|
|
}
|
|
|
|
|
|
/* btn */
|
|
|
@@ -135,7 +82,6 @@
|
|
|
left: 0;
|
|
|
bottom: 0;
|
|
|
width: 100%;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.btn-group {
|
|
|
@@ -161,3 +107,82 @@
|
|
|
font-weight: 400;
|
|
|
color: rgba(255, 254, 254, 1);
|
|
|
}
|
|
|
+
|
|
|
+.message {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ background: rgba(0, 0, 0, 0.6);
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.message-content {
|
|
|
+ width: 600rpx;
|
|
|
+ height: 748rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.message-content image {
|
|
|
+ width: 114rpx;
|
|
|
+ height: 137rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.message-tips {
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: bolder;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 53rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.message-func {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.message-number {
|
|
|
+ font-size: 48rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+ margin-bottom: 73rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.message-btn {
|
|
|
+ height: 88rpx;
|
|
|
+ width: 392rpx;
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ background: #007AFF;
|
|
|
+ border-radius: 44rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.message-btn image {
|
|
|
+ height: 35rpx;
|
|
|
+ width: 36rpx;
|
|
|
+ margin-right: 15rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.bg {
|
|
|
+ background: rgba(1, 119, 255, 0.4);
|
|
|
+}
|