Blame view

public/scss/passport/reg-new.page.css 4.55 KB
1 2
@import "layout/img-check";
郭成尧 authored
3 4 5 6 7
@define-extend padding-75 {
    padding-left: 75px;
    padding-right: 75px;
}
郭成尧 authored
8 9
$top-bar-font-color:    #444;
$disableGray:           #b0b0b0;
郭成尧 authored
10 11 12 13

.reg-new-page {
    @extend padding-75;
郭成尧 authored
14 15 16 17
    .active {
        background-color: #444 !important;
    }
郭成尧 authored
18 19 20 21
    .iconfont {
        color: #444;
    }
郭成尧 authored
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
    .top-operation-bar {
        width: 600px;
        height: 50px;
        margin-top: 50px;
        color: $top-bar-font-color;

        > button {
            width: 50px;
            background-color: transparent;
            font-size: 45px;
            overflow: hidden;
            padding: 0;
            text-align: center;

            &.back {
                float: left;
            }

            &.close {
                float: right;
            }
        }

        > .page-title {
            width: 500px;
            font-size: 34px;
            text-align: center;
            display: inline-block;
            margin-top: 7px;
        }
    }
郭成尧 authored
54
    input:-webkit-autofill {
郭成尧 authored
55
        background-color: transparent;
郭成尧 authored
56 57 58
        background-image: none;
    }
郭成尧 authored
59 60 61 62 63 64 65 66 67 68
    .reg-form {
        margin-top: 100px;

        > .form-group {
            border-bottom: 1px solid #e0e0e0;
            height: 50px;
            margin-bottom: 56px;

            > label {
                font-size: 26px;
郭成尧 authored
69
                margin-right: 36px;
郭成尧 authored
70 71 72 73 74 75 76 77 78
            }

            > input {
                width: 400px;
                border: none;
                box-shadow: none;
                background-color: transparent;

                &.mobile-input {
郭成尧 authored
79
                    width: 280px;
郭成尧 authored
80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
                }

                &.verify-code-input {
                    width: 260px;
                }
            }

            > i {
                float: right;

                &.line {
                    float: none;
                    margin-right: 20px;
                }
            }
郭成尧 authored
96
            &.mobile {
郭成尧 authored
97
                > label {
郭成尧 authored
98
                    margin-right: 30px;
郭成尧 authored
99 100
                }
郭成尧 authored
101
                > .country-select {
郭成尧 authored
102
                    width: 140px;
郭成尧 authored
103 104 105 106 107 108 109 110 111
                    appearance: none;
                    border: none;
                    background-color: transparent;
                }

                > .arrow-icon {
                    color: #444;
                    float: none;
                    font-size: 12px;
郭成尧 authored
112 113 114 115
                }

                > .clear {
                    color: #e0e0e0;
郭成尧 authored
116
                    margin-right: 4px;
郭成尧 authored
117
                    margin-top: 10px;
郭成尧 authored
118
                }
郭成尧 authored
119 120
            }
郭成尧 authored
121 122 123 124 125 126 127 128
            &.password > .eye {
                width: 30px;
                text-align: center;
                float: right;

                > i {
                    color: #e0e0e0;
                }
郭成尧 authored
129 130
            }
郭成尧 authored
131 132 133 134 135 136 137 138 139 140 141
            .country-code {
                width: 98px;
                height: 22px;
                font-size: 28px;
                line-height: 1.14;
                color: #444;
                background-color: transparent;
                margin-right: 20px;
            }

            > .get-verify-code {
郭成尧 authored
142
                padding: 0 16px;
郭成尧 authored
143
                height: 50px;
郭成尧 authored
144
                line-height: 50px;
郭成尧 authored
145
                border-radius: 25px;
郭成尧 authored
146
                background-color: $disableGray;
郭成尧 authored
147 148 149 150 151 152 153 154 155 156 157
                color: #fff;
                font-size: 22px;
                float: right;
                margin-top: -8px;
            }
        }

        .reg-btn {
            width: 600px;
            height: 70px;
            border-radius: 4px;
郭成尧 authored
158
            background-color: $disableGray;
郭成尧 authored
159
            margin-top: 40px;
郭成尧 authored
160 161 162
            font-size: 32px;
            color: #fff;
        }
郭成尧 authored
163 164 165 166 167 168 169 170 171 172 173 174 175 176

        .protocol {
            width: 100%;
            text-align: center;
            margin-top: 20px;
            font-size: 16px;
            color: #444;

            a {
                font-size: 16px;
                color: #c00;
                text-decoration: underline;
            }
        }
郭成尧 authored
177
    }
郭成尧 authored
178
郭成尧 authored
179
    .full-img-verify {
郭成尧 authored
180
        margin-top: 40px;
郭成尧 authored
181 182 183

        .img-check {
            background-color: #fff;
184
            margin-top: 0;
郭成尧 authored
185 186
            margin-bottom: 0;
187 188 189 190 191
            .img-check-header > span {
                color: #444;
                font-size: 21.9px;
                line-height: 1.5;
            }
郭成尧 authored
192
193 194 195 196 197 198 199
            .img-check-header > .img-check-refresh {
                color: #d0021b;
            }

            .img-check-main > .img-check-pics > .img-check-pic {
                background-color: #fff;
                border: solid 1px #e0e0e0;
郭成尧 authored
200
                transform: scale(0.91);
郭成尧 authored
201 202
            }
        }
郭成尧 authored
203 204 205 206
    }

    .hide {
        display: none;
郭成尧 authored
207 208
    }
}