|
|
@@ -4,14 +4,12 @@
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
body, html {
|
|
|
- min-height: 100%;
|
|
|
}
|
|
|
body {
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center;
|
|
|
background-attachment: fixed;
|
|
|
z-index: -1;
|
|
|
- height: 100%;
|
|
|
width: 100%;
|
|
|
background-size: cover;
|
|
|
background-image: url(../img/invitation_background.png);
|
|
|
@@ -41,13 +39,12 @@ body {
|
|
|
}
|
|
|
.x-join-center {
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
/* left: 50%; */
|
|
|
/* margin-left: -140px; */
|
|
|
text-align: center;
|
|
|
}
|
|
|
.x-join-center .subtitle {
|
|
|
- margin-top: 30px;
|
|
|
+ margin-top: 20px;
|
|
|
margin-left: -15px;
|
|
|
display: block;
|
|
|
height: 50px;
|
|
|
@@ -67,6 +64,15 @@ body {
|
|
|
margin: 40px auto 0px auto;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+.x-bottom-text{
|
|
|
+ margin-top: 5px;
|
|
|
+ display: block;
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ color: #666666;
|
|
|
+ letter-spacing: 1.88px;
|
|
|
+ font-size: 15px;
|
|
|
+ padding: 0 0 0 5px;
|
|
|
+}
|
|
|
.x-join-center .share-step .share-step-tag {
|
|
|
display: block;
|
|
|
width: 30px;
|
|
|
@@ -96,50 +102,48 @@ body {
|
|
|
margin: 15px 5px 0 30px;
|
|
|
}
|
|
|
.input_style{
|
|
|
+ border-radius: 30px;
|
|
|
+ opacity: 0.8;
|
|
|
+ border: 1px solid #bdbdbd;
|
|
|
-webkit-appearance: none;
|
|
|
- font-size: 14.5px;
|
|
|
+ font-size: 16.5px;
|
|
|
margin: 0 auto;
|
|
|
padding-top: 3px;
|
|
|
padding-left: 13px;
|
|
|
width: 80%;
|
|
|
margin-top: 18px;
|
|
|
height: 40px;
|
|
|
- display: block;
|
|
|
+ display: block;
|
|
|
color: #555;
|
|
|
background-color: #fff;
|
|
|
background-image: none;
|
|
|
- border: 1px solid #ccc;
|
|
|
- border-radius:30px;
|
|
|
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
|
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
|
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
|
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
|
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
|
+ border: 1px solid #656565;
|
|
|
}
|
|
|
.expand_icon{
|
|
|
border: none;
|
|
|
- margin-left: 292px;
|
|
|
+ margin-left: 70%;
|
|
|
position: absolute;
|
|
|
margin-top: -26px;
|
|
|
- display: block;
|
|
|
+ display: inline-block;
|
|
|
height: 16px;
|
|
|
width: 28px;
|
|
|
background: url(../img/assets/expand.png)no-repeat right;
|
|
|
}
|
|
|
.btn-check{
|
|
|
+ border-radius: 30px;
|
|
|
padding-top: 4px;
|
|
|
border-top-right-radius: 30px;
|
|
|
border-bottom-right-radius: 30px;
|
|
|
margin-top: -35px;
|
|
|
- margin-left: 30px;
|
|
|
+ margin-left: 55%;
|
|
|
line-height: 20px;
|
|
|
height: 30px;
|
|
|
- background: #fff;
|
|
|
+ background: unset;
|
|
|
color: #369ab9;
|
|
|
/* background-image: linear-gradient(to bottom, #69b5f7 0, #579dda 100%); */
|
|
|
/* border-color: #428bca; */
|
|
|
width: 110px;
|
|
|
- display: inline-block;
|
|
|
+ display: block;
|
|
|
/* padding: 0px; */
|
|
|
margin-bottom: 0;
|
|
|
font-size: 16px;
|
|
|
@@ -153,7 +157,6 @@ body {
|
|
|
-ms-user-select: none;
|
|
|
user-select: none;
|
|
|
border: 1px solid transparent;
|
|
|
- border-left: 2px solid #a9a9a9;
|
|
|
}
|
|
|
|
|
|
.btn-submit{
|
hy