添加注册页面，修改4G设备的添加页面

wechat/miniprogram/pages/add4G/index.wxss

@@ -1,34 +1,74 @@
 /* miniprogram/pages/add4G/index.wxss */
-.top{
-  margin: 100rpx auto 30rpx;
+ .top{
+  margin: 60rpx auto 0rpx;
 }
 .title{
   font-size: 42rpx;
   text-align: center;
-  margin-bottom: 30rpx;
-}
-label{
-  display:flex;
-  align-items:center;
-  padding:30rpx 0;
-  border-bottom:2rpx solid #bfbfbf;
-}
-.icon{
-  width:40rpx;
-  height:40rpx;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-}
-input{
-  padding:15rpx 30rpx;
-  flex:1
-}
-.account{
-  width:80vw;
-  margin:0 auto;
+  margin-bottom: 45rpx;
 }
 .btn {
   margin: 60rpx auto;
   width: 50vw;
+} 
+
+
+.biaodan{
+  width: 90vw;
+  margin: 0 auto;
+  padding: 15rpx;
+}
+.item{
+  display: flex;
+  align-items: center;
+  margin: 30rpx auto;
+}
+.name{
+  width: 180rpx;
+  text-align: end;
+}
+.flag{
+  display:inline-block;
+  color:red;
+  width:32rpx;
+  text-align: center;
+}
+.input{
+  box-shadow: 0 0 3rpx 2rpx #bfbfbf;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.input>input{
+  padding: 15rpx 30rpx;
+  flex: 1;
+}
+
+.input>image{
+  width: 60rpx;
+  height: 60rpx;
+  transition:transform 0.3s;
+}
+.input:hover{
+  box-shadow: 0 0 3rpx 2rpx blue;
+}
+.select_box{
+  position: absolute;
+  width: 100%;
+  top: 100%;
+  background-color: #ffffff;
+  box-shadow: 0 0 3rpx 2rpx #bfbfbf;
+  transition:height 0.3s;
+  box-sizing: border-box;
+  height: 0;
+  overflow-y: auto;
+  z-index: 99;
+}
+.select_item{
+  padding: 15rpx 30rpx;
+  /* box-shadow: 0 0 3rpx 2rpx #bfbfbf; */
+}
+.select_img_rotate{
+  transform:rotate(180deg); 
 }