|
|
@@ -1,85 +1,84 @@
|
|
|
.confirmPassword-box {
|
|
|
width: 100%;
|
|
|
min-height: 100vh;
|
|
|
- background-color: rgb(31, 31, 31);
|
|
|
+ // background-color: rgb(31, 31, 31);
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
|
|
|
- .main {
|
|
|
- background-color: #1f1f1f;
|
|
|
- padding: .72rem .18rem 0;
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
- .title {
|
|
|
- font-size: .18rem;
|
|
|
- text-align: center;
|
|
|
- margin-bottom: .4rem;
|
|
|
- h2 {
|
|
|
- color: #fcde26;
|
|
|
- line-height: .22rem;
|
|
|
- }
|
|
|
- div {
|
|
|
- color: #fff;
|
|
|
- font-size: .12rem;
|
|
|
- margin: .06rem 0;
|
|
|
- line-height: .2rem;
|
|
|
- }
|
|
|
- }
|
|
|
- .phoneInput {
|
|
|
- width: 100%;
|
|
|
- height: auto;
|
|
|
- background-color: #494949;
|
|
|
- border-radius: 4px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- overflow: hidden;
|
|
|
- margin-top: 0.2rem;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .after {
|
|
|
- color: #fcde26;
|
|
|
- font-size: .14rem;
|
|
|
- border: .01rem solid #fcde26;
|
|
|
- position: absolute;
|
|
|
- height: .26rem;
|
|
|
- line-height: .26rem;
|
|
|
- padding: 0 .08rem;
|
|
|
- text-align: center;
|
|
|
- right: .1rem;
|
|
|
- top: .11rem;
|
|
|
- border-radius: .13rem;
|
|
|
- }
|
|
|
+ .main {
|
|
|
+ background-color: #1f1f1f;
|
|
|
+ padding: 0.72rem 0.18rem 0;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .title {
|
|
|
+ font-size: 0.18rem;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 0.4rem;
|
|
|
+ h2 {
|
|
|
+ color: #fcde26;
|
|
|
+ line-height: 0.22rem;
|
|
|
+ }
|
|
|
+ div {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 0.12rem;
|
|
|
+ margin: 0.06rem 0;
|
|
|
+ line-height: 0.2rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .phoneInput {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ background-color: #494949;
|
|
|
+ border-radius: 4px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-top: 0.2rem;
|
|
|
+ position: relative;
|
|
|
|
|
|
- //input {
|
|
|
- // padding-left: .14rem;
|
|
|
- // -webkit-box-sizing: border-box;
|
|
|
- // box-sizing: border-box;
|
|
|
- //}
|
|
|
+ .after {
|
|
|
+ color: #fcde26;
|
|
|
+ font-size: 0.14rem;
|
|
|
+ border: 0.01rem solid #fcde26;
|
|
|
+ position: absolute;
|
|
|
+ height: 0.26rem;
|
|
|
+ line-height: 0.26rem;
|
|
|
+ padding: 0 0.08rem;
|
|
|
+ text-align: center;
|
|
|
+ right: 0.1rem;
|
|
|
+ top: 0.11rem;
|
|
|
+ border-radius: 0.13rem;
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
+ //input {
|
|
|
+ // padding-left: .14rem;
|
|
|
+ // -webkit-box-sizing: border-box;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ //}
|
|
|
+ }
|
|
|
|
|
|
- //input {
|
|
|
- // flex: 1;
|
|
|
- // background-color: #494949;
|
|
|
- // height: .48rem;
|
|
|
- // color: #868686;
|
|
|
- // font-size: .14rem;
|
|
|
- // outline: none;
|
|
|
- // &::placeholder {
|
|
|
- // color: #868686;
|
|
|
- // }
|
|
|
- //}
|
|
|
+ //input {
|
|
|
+ // flex: 1;
|
|
|
+ // background-color: #494949;
|
|
|
+ // height: .48rem;
|
|
|
+ // color: #868686;
|
|
|
+ // font-size: .14rem;
|
|
|
+ // outline: none;
|
|
|
+ // &::placeholder {
|
|
|
+ // color: #868686;
|
|
|
+ // }
|
|
|
+ //}
|
|
|
|
|
|
- .tips {
|
|
|
- width: 100%;
|
|
|
- color: #e53535;
|
|
|
- font-size: 0.12rem;
|
|
|
- margin-top: .02rem;
|
|
|
- }
|
|
|
+ .tips {
|
|
|
+ width: 100%;
|
|
|
+ color: #e53535;
|
|
|
+ font-size: 0.12rem;
|
|
|
+ margin-top: 0.02rem;
|
|
|
+ }
|
|
|
|
|
|
- .btnContent {
|
|
|
- margin: .29rem 0 .19rem;
|
|
|
+ .btnContent {
|
|
|
+ margin: 0.29rem 0 0.19rem;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
}
|
year