### common.css
```
.content {
display: flex;
flex-direction: column;
justify-content: center;
}
.logo {
width: 161upx;
height: 161upx;
background: rgba(63, 205, 235, 1);
box-shadow: 0upx 12upx 13upx 0upx rgba(63, 205, 235, 0.47);
border-radius: 50%;
margin-top: 30upx;
margin-left: auto;
margin-right: auto;
}
.logo image {
width: 161upx;
height: 161upx;
border-radius: 50%;
}
.from {
display: flex;
flex-direction: column;
padding-top: 50upx;
padding-left: 70upx;
padding-right: 70upx;
}
.input-controls {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 100upx;
color: #333333;
border-bottom: 1upx solid rgba(230, 230, 230, 1);
}
.input-controls .img {
width: 60upx;
height: 60upx;
}
.input-controls .input {
flex: 1;
text-align: left;
font-size: 32upx;
line-height: 100upx;
margin-left: 16upx;
}
.btn {
color: #FFFFFF;
font-size: 34upx;
width: 470upx;
height: 100upx;
background: linear-gradient(-90deg, rgba(63, 205, 235, 1), rgba(188, 226, 158, 1));
box-shadow: 0upx 0upx 13upx 0upx rgba(164, 217, 228, 0.2);
border-radius: 50upx;
line-height: 100upx;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 100upx;
}
.btn-hover {
background: linear-gradient(-90deg, rgba(63, 205, 235, 0.9), rgba(188, 226, 158, 0.9));
}
.txt {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 30upx;
margin-top: 50upx;
color: #FFA800;
text-align: center;
height: 40upx;
line-height: 40upx;
}
.txt text {
font-size: 24upx;
margin-left: 15upx;
margin-right: 15upx;
}
.txt image {
width: 40upx;
height: 40upx;
}
.yzm {
color: #FF7D13;
font-size: 24upx;
line-height: 64upx;
padding-left: 10upx;
padding-right: 10upx;
width: auto;
height: 64upx;
border: 1upx solid #FFA800;
border-radius: 50upx;
}
.yzms {
color: #999999 !important;
border: 1upx solid #999999;
}
.msg {
color: #999999;
font-size: 28upx;
line-height: 50upx;
margin-bottom: 50upx;
}
```
