|
@@ -288,4 +288,67 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.mobile {
|
|
|
+ .rule-desc {
|
|
|
+ > .wrapper-1 {
|
|
|
+ width: 140vw;
|
|
|
+ height: calc(140vw * 407 / 460);
|
|
|
+ background-image: url(@/assets/images/sign-up-bg-mobile.png);
|
|
|
+ padding: 12vw 20vw 8vw 20vw;
|
|
|
+ > .close {
|
|
|
+ top: 4vw;
|
|
|
+ right: 33.5vw;
|
|
|
+ width: 7.5vw;
|
|
|
+ height: 7.5vw;
|
|
|
+ }
|
|
|
+ > h1 {
|
|
|
+ padding: 0 9vw 4vw 9vw;
|
|
|
+ font-size: 6.4vw;
|
|
|
+ margin-bottom: 10vw;
|
|
|
+ }
|
|
|
+ > .form-item {
|
|
|
+ height: 8.6vw;
|
|
|
+ width: 60vw;
|
|
|
+ padding: 0 2.4vw;
|
|
|
+ margin-bottom: 2vw;
|
|
|
+ > img {
|
|
|
+ width: 5.2vw;
|
|
|
+ height: 5.2vw;
|
|
|
+ margin-right: 2.8vw;
|
|
|
+ }
|
|
|
+ > input {
|
|
|
+ font-size: 3.7vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ > .form-item-password-repeat {
|
|
|
+ > .tip-text {
|
|
|
+ top: calc(100% + 0.6vw);
|
|
|
+ font-size: 2.8vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ > button.submit {
|
|
|
+ height: 10vw;
|
|
|
+ width: 60vw;
|
|
|
+ padding: 0.8vw 1.6vw 0.8vw 1.2vw;
|
|
|
+ margin-top: 12vw;
|
|
|
+ margin-bottom: 2vw;
|
|
|
+ > .text-wrapper {
|
|
|
+ font-size: 4.3vw;
|
|
|
+ letter-spacing: 0.8vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ > button.sign-up {
|
|
|
+ height: 10vw;
|
|
|
+ width: 60vw;
|
|
|
+ padding: 0.8vw 1.6vw 0.8vw 1.2vw;
|
|
|
+ margin-bottom: 2vw;
|
|
|
+ > .text-wrapper {
|
|
|
+ font-size: 4.3vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|