Showing
8 changed files
with
459 additions
and
369 deletions
| @@ -7,18 +7,18 @@ | @@ -7,18 +7,18 @@ | ||
| 7 | 7 | ||
| 8 | .back-header { | 8 | .back-header { |
| 9 | position: relative; | 9 | position: relative; |
| 10 | + margin-bottom: 5px; | ||
| 10 | width: 268px; | 11 | width: 268px; |
| 11 | line-height: 40px; | 12 | line-height: 40px; |
| 12 | - margin-bottom: 5px; | ||
| 13 | 13 | ||
| 14 | .country-code { | 14 | .country-code { |
| 15 | float: right; | 15 | float: right; |
| 16 | - cursor: pointer; | ||
| 17 | color: #b9b9b9; | 16 | color: #b9b9b9; |
| 17 | + cursor: pointer; | ||
| 18 | 18 | ||
| 19 | .iconfont { | 19 | .iconfont { |
| 20 | - font-size: 14px; | ||
| 21 | vertical-align: middle; | 20 | vertical-align: middle; |
| 21 | + font-size: 14px; | ||
| 22 | } | 22 | } |
| 23 | } | 23 | } |
| 24 | } | 24 | } |
| @@ -26,18 +26,18 @@ | @@ -26,18 +26,18 @@ | ||
| 26 | .title { | 26 | .title { |
| 27 | float: left; | 27 | float: left; |
| 28 | margin: 0px; | 28 | margin: 0px; |
| 29 | - font-size: 22px; | ||
| 30 | - line-height: 40px; | ||
| 31 | color: #000; | 29 | color: #000; |
| 32 | font-weight: normal; | 30 | font-weight: normal; |
| 31 | + font-size: 22px; | ||
| 32 | + line-height: 40px; | ||
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | .title2 { | 35 | .title2 { |
| 36 | margin: 0 0 5px; | 36 | margin: 0 0 5px; |
| 37 | - font-size: 22px; | ||
| 38 | - line-height: 40px; | ||
| 39 | color: #000; | 37 | color: #000; |
| 40 | font-weight: normal; | 38 | font-weight: normal; |
| 39 | + font-size: 22px; | ||
| 40 | + line-height: 40px; | ||
| 41 | } | 41 | } |
| 42 | 42 | ||
| 43 | .err-tip.captcha-err { | 43 | .err-tip.captcha-err { |
| @@ -46,18 +46,18 @@ | @@ -46,18 +46,18 @@ | ||
| 46 | } | 46 | } |
| 47 | 47 | ||
| 48 | .country-code-list { | 48 | .country-code-list { |
| 49 | - display: none; | ||
| 50 | position: absolute; | 49 | position: absolute; |
| 51 | - padding: 0 10px; | ||
| 52 | - color: #000; | ||
| 53 | - background-color: #fff; | ||
| 54 | - border: 1px solid #000; | ||
| 55 | - margin-top: 5px; | ||
| 56 | - cursor: pointer; | ||
| 57 | - z-index: 100; | ||
| 58 | top: 30px; | 50 | top: 30px; |
| 59 | right: 0; | 51 | right: 0; |
| 52 | + z-index: 100; | ||
| 53 | + display: none; | ||
| 54 | + margin-top: 5px; | ||
| 55 | + padding: 0 10px; | ||
| 56 | + border: 1px solid #000; | ||
| 60 | border-radius: 5px; | 57 | border-radius: 5px; |
| 58 | + background-color: #fff; | ||
| 59 | + color: #000; | ||
| 60 | + cursor: pointer; | ||
| 61 | 61 | ||
| 62 | li { | 62 | li { |
| 63 | height: 20px; | 63 | height: 20px; |
| @@ -72,11 +72,11 @@ | @@ -72,11 +72,11 @@ | ||
| 72 | .btn { | 72 | .btn { |
| 73 | width: 270px; | 73 | width: 270px; |
| 74 | height: 45px; | 74 | height: 45px; |
| 75 | - line-height: 45px; | ||
| 76 | - cursor: pointer; | ||
| 77 | - font-size: 20px; | ||
| 78 | border: none; | 75 | border: none; |
| 79 | letter-spacing: 0; | 76 | letter-spacing: 0; |
| 77 | + font-size: 20px; | ||
| 78 | + line-height: 45px; | ||
| 79 | + cursor: pointer; | ||
| 80 | } | 80 | } |
| 81 | 81 | ||
| 82 | .captcha { | 82 | .captcha { |
| @@ -84,20 +84,20 @@ | @@ -84,20 +84,20 @@ | ||
| 84 | } | 84 | } |
| 85 | 85 | ||
| 86 | .captcha-img { | 86 | .captcha-img { |
| 87 | - height: 37px; | 87 | + margin-left: 10px; |
| 88 | width: 90px; | 88 | width: 90px; |
| 89 | + height: 37px; | ||
| 90 | + outline: none; | ||
| 89 | border: 0; | 91 | border: 0; |
| 90 | - margin-left: 10px; | ||
| 91 | vertical-align: middle; | 92 | vertical-align: middle; |
| 92 | - outline: none; | ||
| 93 | cursor: pointer; | 93 | cursor: pointer; |
| 94 | } | 94 | } |
| 95 | 95 | ||
| 96 | .change-captcha { | 96 | .change-captcha { |
| 97 | + margin-left: 10px; | ||
| 97 | color: #ff1901; | 98 | color: #ff1901; |
| 98 | - font-size: 12px; | ||
| 99 | text-decoration: underline; | 99 | text-decoration: underline; |
| 100 | - margin-left: 10px; | 100 | + font-size: 12px; |
| 101 | cursor: pointer; | 101 | cursor: pointer; |
| 102 | } | 102 | } |
| 103 | } | 103 | } |
| @@ -111,10 +111,10 @@ | @@ -111,10 +111,10 @@ | ||
| 111 | } | 111 | } |
| 112 | 112 | ||
| 113 | .send-tips { | 113 | .send-tips { |
| 114 | - line-height: 28px; | ||
| 115 | color: #4c4c4c; | 114 | color: #4c4c4c; |
| 116 | text-align: center; | 115 | text-align: center; |
| 117 | font-size: 15px; | 116 | font-size: 15px; |
| 117 | + line-height: 28px; | ||
| 118 | 118 | ||
| 119 | .iconfont { | 119 | .iconfont { |
| 120 | margin: 0 8px 0 0; | 120 | margin: 0 8px 0 0; |
| @@ -123,9 +123,9 @@ | @@ -123,9 +123,9 @@ | ||
| 123 | 123 | ||
| 124 | .no-find { | 124 | .no-find { |
| 125 | margin: 10px 0 0 0; | 125 | margin: 10px 0 0 0; |
| 126 | - line-height: 20px; | ||
| 127 | color: #a5a4a4; | 126 | color: #a5a4a4; |
| 128 | text-align: center; | 127 | text-align: center; |
| 128 | + line-height: 20px; | ||
| 129 | } | 129 | } |
| 130 | 130 | ||
| 131 | .to-my-email { | 131 | .to-my-email { |
| @@ -134,11 +134,11 @@ | @@ -134,11 +134,11 @@ | ||
| 134 | margin: 53px auto 0; | 134 | margin: 53px auto 0; |
| 135 | width: 270px; | 135 | width: 270px; |
| 136 | height: 45px; | 136 | height: 45px; |
| 137 | - line-height: 45px; | ||
| 138 | background: #ff1901; | 137 | background: #ff1901; |
| 139 | - text-align: center; | ||
| 140 | color: #fff; | 138 | color: #fff; |
| 139 | + text-align: center; | ||
| 141 | letter-spacing: 2px; | 140 | letter-spacing: 2px; |
| 141 | + line-height: 45px; | ||
| 142 | } | 142 | } |
| 143 | } | 143 | } |
| 144 | } | 144 | } |
| @@ -155,8 +155,8 @@ | @@ -155,8 +155,8 @@ | ||
| 155 | } | 155 | } |
| 156 | 156 | ||
| 157 | .head-title { | 157 | .head-title { |
| 158 | - font-size: 24px; | ||
| 159 | color: #000; | 158 | color: #000; |
| 159 | + font-size: 24px; | ||
| 160 | } | 160 | } |
| 161 | 161 | ||
| 162 | .pn-label { | 162 | .pn-label { |
| @@ -179,11 +179,11 @@ | @@ -179,11 +179,11 @@ | ||
| 179 | } | 179 | } |
| 180 | 180 | ||
| 181 | .send-captcha { | 181 | .send-captcha { |
| 182 | - width: 133px; | ||
| 183 | - font-size: 12px; | ||
| 184 | position: relative; | 182 | position: relative; |
| 185 | top: -1px; | 183 | top: -1px; |
| 184 | + width: 133px; | ||
| 186 | letter-spacing: 0; | 185 | letter-spacing: 0; |
| 186 | + font-size: 12px; | ||
| 187 | } | 187 | } |
| 188 | 188 | ||
| 189 | .err-tip { | 189 | .err-tip { |
| @@ -196,10 +196,10 @@ | @@ -196,10 +196,10 @@ | ||
| 196 | color: #a5a4a4; | 196 | color: #a5a4a4; |
| 197 | 197 | ||
| 198 | .iconfont { | 198 | .iconfont { |
| 199 | - color: #0f9acd; | ||
| 200 | - font-size: 14px; | ||
| 201 | margin: 0 8px 0 0; | 199 | margin: 0 8px 0 0; |
| 200 | + color: #0f9acd; | ||
| 202 | vertical-align: 12%; | 201 | vertical-align: 12%; |
| 202 | + font-size: 14px; | ||
| 203 | } | 203 | } |
| 204 | } | 204 | } |
| 205 | } | 205 | } |
| @@ -213,13 +213,13 @@ | @@ -213,13 +213,13 @@ | ||
| 213 | line-height: 35px; | 213 | line-height: 35px; |
| 214 | 214 | ||
| 215 | .iconfont { | 215 | .iconfont { |
| 216 | - font-size: 30px; | ||
| 217 | color: #ee3f14; | 216 | color: #ee3f14; |
| 217 | + font-size: 30px; | ||
| 218 | } | 218 | } |
| 219 | 219 | ||
| 220 | span { | 220 | span { |
| 221 | - font-size: 24px; | ||
| 222 | margin: 0 18px; | 221 | margin: 0 18px; |
| 222 | + font-size: 24px; | ||
| 223 | } | 223 | } |
| 224 | 224 | ||
| 225 | #count-down { | 225 | #count-down { |
| @@ -231,12 +231,12 @@ | @@ -231,12 +231,12 @@ | ||
| 231 | display: block; | 231 | display: block; |
| 232 | margin: 43px auto 0; | 232 | margin: 43px auto 0; |
| 233 | width: 269px; | 233 | width: 269px; |
| 234 | - line-height: 269px; | ||
| 235 | height: 45px; | 234 | height: 45px; |
| 236 | - line-height: 45px; | ||
| 237 | - font-size: 14px; | 235 | + background-color: #ff1901; |
| 238 | color: #fff; | 236 | color: #fff; |
| 239 | text-align: center; | 237 | text-align: center; |
| 240 | - background-color: #ff1901; | 238 | + font-size: 14px; |
| 239 | + line-height: 269px; | ||
| 240 | + line-height: 45px; | ||
| 241 | } | 241 | } |
| 242 | } | 242 | } |
| 1 | .passport-page { | 1 | .passport-page { |
| 2 | - width: 1150px; | ||
| 3 | - margin-left: auto; | ||
| 4 | margin-right: auto; | 2 | margin-right: auto; |
| 3 | + margin-left: auto; | ||
| 4 | + width: 1150px; | ||
| 5 | 5 | ||
| 6 | .content { | 6 | .content { |
| 7 | float: left; | 7 | float: left; |
| @@ -10,15 +10,15 @@ | @@ -10,15 +10,15 @@ | ||
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | .input { | 12 | .input { |
| 13 | - height: 43px; | ||
| 14 | - font-size: 16px; | ||
| 15 | - line-height: 1.2; | ||
| 16 | - line-height: 43px\9; | ||
| 17 | width: 268px; | 13 | width: 268px; |
| 14 | + height: 43px; | ||
| 18 | border: 1px solid #dbdbdb; | 15 | border: 1px solid #dbdbdb; |
| 19 | - text-indent: 10px; | ||
| 20 | color: #9a9a9a; | 16 | color: #9a9a9a; |
| 21 | color: rgba(0, 0, 0, .5); | 17 | color: rgba(0, 0, 0, .5); |
| 18 | + text-indent: 10px; | ||
| 19 | + font-size: 16px; | ||
| 20 | + line-height: 1.2; | ||
| 21 | + line-height: 43px\9; | ||
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .error { | 24 | .error { |
| @@ -27,14 +27,14 @@ | @@ -27,14 +27,14 @@ | ||
| 27 | 27 | ||
| 28 | .btn { | 28 | .btn { |
| 29 | display: block; | 29 | display: block; |
| 30 | - height: 46px; | ||
| 31 | - line-height: 46px; | ||
| 32 | width: 100%; | 30 | width: 100%; |
| 33 | - text-align: center; | ||
| 34 | - color: #fff; | 31 | + height: 46px; |
| 35 | background-color: #ff1901; | 32 | background-color: #ff1901; |
| 33 | + color: #fff; | ||
| 34 | + text-align: center; | ||
| 36 | letter-spacing: 10px; | 35 | letter-spacing: 10px; |
| 37 | font-size: 20px; | 36 | font-size: 20px; |
| 37 | + line-height: 46px; | ||
| 38 | cursor: pointer; | 38 | cursor: pointer; |
| 39 | 39 | ||
| 40 | &.disable { | 40 | &.disable { |
| @@ -44,9 +44,9 @@ | @@ -44,9 +44,9 @@ | ||
| 44 | } | 44 | } |
| 45 | 45 | ||
| 46 | .pwd-intensity-container { | 46 | .pwd-intensity-container { |
| 47 | + padding-top: 5px; | ||
| 47 | width: 270px; | 48 | width: 270px; |
| 48 | text-align: right; | 49 | text-align: right; |
| 49 | - padding-top: 5px; | ||
| 50 | 50 | ||
| 51 | &.red { | 51 | &.red { |
| 52 | .pwd-intensity { | 52 | .pwd-intensity { |
| @@ -82,12 +82,12 @@ | @@ -82,12 +82,12 @@ | ||
| 82 | } | 82 | } |
| 83 | 83 | ||
| 84 | .pwd-intensity { | 84 | .pwd-intensity { |
| 85 | + padding: 0px 10px; | ||
| 85 | height: 15px; | 86 | height: 15px; |
| 86 | - font-size: 12px; | ||
| 87 | background-color: #e8e8e8; | 87 | background-color: #e8e8e8; |
| 88 | - padding: 0px 10px; | ||
| 89 | - text-align: center; | ||
| 90 | color: #b9b9b9; | 88 | color: #b9b9b9; |
| 89 | + text-align: center; | ||
| 90 | + font-size: 12px; | ||
| 91 | } | 91 | } |
| 92 | } | 92 | } |
| 93 | 93 | ||
| @@ -95,28 +95,28 @@ | @@ -95,28 +95,28 @@ | ||
| 95 | position: absolute; | 95 | position: absolute; |
| 96 | top: -10px; | 96 | top: -10px; |
| 97 | left: 285px; | 97 | left: 285px; |
| 98 | + padding-top: 7px; | ||
| 98 | width: 160px !important; | 99 | width: 160px !important; |
| 99 | height: 72px; | 100 | height: 72px; |
| 100 | - padding-top: 7px; | ||
| 101 | - font-size: 12px; | ||
| 102 | background: url(/passport/tip/block.png) no-repeat; | 101 | background: url(/passport/tip/block.png) no-repeat; |
| 102 | + font-size: 12px; | ||
| 103 | 103 | ||
| 104 | > div { | 104 | > div { |
| 105 | position: relative; | 105 | position: relative; |
| 106 | - height: 22px; | ||
| 107 | - line-height: 22px; | ||
| 108 | margin-left: 15px; | 106 | margin-left: 15px; |
| 109 | padding-left: 15px; | 107 | padding-left: 15px; |
| 110 | - font-size: 12px; | 108 | + height: 22px; |
| 111 | color: #b9b9b9; | 109 | color: #b9b9b9; |
| 110 | + font-size: 12px; | ||
| 111 | + line-height: 22px; | ||
| 112 | 112 | ||
| 113 | i { | 113 | i { |
| 114 | position: absolute; | 114 | position: absolute; |
| 115 | - width: 14px; | ||
| 116 | - height: 14px; | ||
| 117 | - left: -2px; | ||
| 118 | top: 50%; | 115 | top: 50%; |
| 116 | + left: -2px; | ||
| 119 | margin: -7px 0 0; | 117 | margin: -7px 0 0; |
| 118 | + width: 14px; | ||
| 119 | + height: 14px; | ||
| 120 | background: url(/passport/tip/info.png) no-repeat; | 120 | background: url(/passport/tip/info.png) no-repeat; |
| 121 | } | 121 | } |
| 122 | 122 | ||
| @@ -136,16 +136,16 @@ | @@ -136,16 +136,16 @@ | ||
| 136 | 136 | ||
| 137 | .email-autocomplete { | 137 | .email-autocomplete { |
| 138 | position: absolute; | 138 | position: absolute; |
| 139 | - width: 248px; | ||
| 140 | - padding: 0 10px; | ||
| 141 | z-index: 1; | 139 | z-index: 1; |
| 142 | margin-top: 5px; | 140 | margin-top: 5px; |
| 143 | - border-radius: 5px; | ||
| 144 | - cursor: pointer; | 141 | + padding: 0 10px; |
| 142 | + width: 248px; | ||
| 145 | border: 1px solid #fefefe; | 143 | border: 1px solid #fefefe; |
| 144 | + border-radius: 5px; | ||
| 146 | background-color: #161616; | 145 | background-color: #161616; |
| 147 | color: #fff; | 146 | color: #fff; |
| 148 | font-size: 16px; | 147 | font-size: 16px; |
| 148 | + cursor: pointer; | ||
| 149 | 149 | ||
| 150 | li { | 150 | li { |
| 151 | height: 24px; | 151 | height: 24px; |
| @@ -155,40 +155,40 @@ | @@ -155,40 +155,40 @@ | ||
| 155 | 155 | ||
| 156 | .err-tip { | 156 | .err-tip { |
| 157 | position: absolute; | 157 | position: absolute; |
| 158 | - font-size: 14px; | ||
| 159 | - white-space: nowrap; | ||
| 160 | top: 8px; | 158 | top: 8px; |
| 161 | left: 285px; | 159 | left: 285px; |
| 162 | padding: 6px 0; | 160 | padding: 6px 0; |
| 163 | color: #f00; | 161 | color: #f00; |
| 162 | + white-space: nowrap; | ||
| 163 | + font-size: 14px; | ||
| 164 | 164 | ||
| 165 | i { | 165 | i { |
| 166 | display: block; | 166 | display: block; |
| 167 | float: left; | 167 | float: left; |
| 168 | - height: 14px; | 168 | + margin-right: 5px; |
| 169 | width: 14px; | 169 | width: 14px; |
| 170 | + height: 14px; | ||
| 170 | background: url(/passport/tip/error.png) no-repeat; | 171 | background: url(/passport/tip/error.png) no-repeat; |
| 171 | - margin-right: 5px; | ||
| 172 | } | 172 | } |
| 173 | 173 | ||
| 174 | a { | 174 | a { |
| 175 | - text-decoration: underline; | ||
| 176 | color: #f00; | 175 | color: #f00; |
| 176 | + text-decoration: underline; | ||
| 177 | } | 177 | } |
| 178 | } | 178 | } |
| 179 | 179 | ||
| 180 | /*完善信息提示框*/ | 180 | /*完善信息提示框*/ |
| 181 | .page-tip { | 181 | .page-tip { |
| 182 | display: block; | 182 | display: block; |
| 183 | + clear: both; | ||
| 184 | + margin-bottom: 15px; | ||
| 183 | width: 100%; | 185 | width: 100%; |
| 184 | height: 30px; | 186 | height: 30px; |
| 185 | - line-height: 30px; | 187 | + color: #ccc; |
| 186 | text-align: center; | 188 | text-align: center; |
| 187 | - font-size: 20px; | ||
| 188 | font-weight: bold; | 189 | font-weight: bold; |
| 189 | - color: #ccc; | ||
| 190 | - clear: both; | ||
| 191 | - margin-bottom: 15px; | 190 | + font-size: 20px; |
| 191 | + line-height: 30px; | ||
| 192 | } | 192 | } |
| 193 | } | 193 | } |
| 194 | 194 | ||
| @@ -198,18 +198,18 @@ | @@ -198,18 +198,18 @@ | ||
| 198 | width: 575px; | 198 | width: 575px; |
| 199 | 199 | ||
| 200 | .cover-content { | 200 | .cover-content { |
| 201 | + padding: 50px 0; | ||
| 201 | width: 100%; | 202 | width: 100%; |
| 202 | height: 318px; | 203 | height: 318px; |
| 203 | - padding: 50px 0; | ||
| 204 | border-right: 1px solid #dfdfdf; | 204 | border-right: 1px solid #dfdfdf; |
| 205 | } | 205 | } |
| 206 | 206 | ||
| 207 | .cover-img { | 207 | .cover-img { |
| 208 | display: block; | 208 | display: block; |
| 209 | - width: 252px; | ||
| 210 | - height: 190px; | ||
| 211 | margin: 0 auto; | 209 | margin: 0 auto; |
| 212 | margin-top: 50px; | 210 | margin-top: 50px; |
| 211 | + width: 252px; | ||
| 212 | + height: 190px; | ||
| 213 | } | 213 | } |
| 214 | } | 214 | } |
| 215 | @import "login"; | 215 | @import "login"; |
| @@ -217,4 +217,4 @@ | @@ -217,4 +217,4 @@ | ||
| 217 | @import "back"; | 217 | @import "back"; |
| 218 | @import "welcome"; | 218 | @import "welcome"; |
| 219 | @import "relate"; | 219 | @import "relate"; |
| 220 | -@import "third"; | ||
| 220 | +@import "third"; |
| @@ -17,25 +17,25 @@ | @@ -17,25 +17,25 @@ | ||
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | .country-code { | 19 | .country-code { |
| 20 | - cursor: pointer; | ||
| 21 | color: #b9b9b9; | 20 | color: #b9b9b9; |
| 21 | + cursor: pointer; | ||
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .country-list { | 24 | .country-list { |
| 25 | - display: none; | ||
| 26 | position: absolute; | 25 | position: absolute; |
| 27 | - padding: 0 10px; | ||
| 28 | - background: #fff; | ||
| 29 | - border: 1px solid #000; | ||
| 30 | top: 20px; | 26 | top: 20px; |
| 31 | right: 0; | 27 | right: 0; |
| 32 | z-index: 1; | 28 | z-index: 1; |
| 29 | + display: none; | ||
| 30 | + padding: 0 10px; | ||
| 31 | + border: 1px solid #000; | ||
| 33 | border-radius: 5px; | 32 | border-radius: 5px; |
| 33 | + background: #fff; | ||
| 34 | 34 | ||
| 35 | li { | 35 | li { |
| 36 | height: 20px; | 36 | height: 20px; |
| 37 | - line-height: 20px; | ||
| 38 | color: #000; | 37 | color: #000; |
| 38 | + line-height: 20px; | ||
| 39 | } | 39 | } |
| 40 | } | 40 | } |
| 41 | 41 | ||
| @@ -49,31 +49,31 @@ | @@ -49,31 +49,31 @@ | ||
| 49 | 49 | ||
| 50 | /* 验证码 */ | 50 | /* 验证码 */ |
| 51 | .captcha { | 51 | .captcha { |
| 52 | - width: 160px; | ||
| 53 | float: left; | 52 | float: left; |
| 53 | + width: 160px; | ||
| 54 | } | 54 | } |
| 55 | 55 | ||
| 56 | .captcha-img { | 56 | .captcha-img { |
| 57 | - height: 37px; | 57 | + float: left; |
| 58 | + margin-top: 4px; | ||
| 59 | + margin-left: 10px; | ||
| 58 | width: 90px; | 60 | width: 90px; |
| 61 | + height: 37px; | ||
| 62 | + outline: none; | ||
| 59 | border: 0; | 63 | border: 0; |
| 60 | vertical-align: middle; | 64 | vertical-align: middle; |
| 61 | - outline: none; | ||
| 62 | - margin-left: 10px; | ||
| 63 | - margin-top: 4px; | ||
| 64 | - float: left; | ||
| 65 | } | 65 | } |
| 66 | 66 | ||
| 67 | .change-captcha { | 67 | .change-captcha { |
| 68 | position: absolute; | 68 | position: absolute; |
| 69 | top: 0; | 69 | top: 0; |
| 70 | right: -50px; | 70 | right: -50px; |
| 71 | - cursor: pointer; | ||
| 72 | float: left; | 71 | float: left; |
| 73 | height: 43px; | 72 | height: 43px; |
| 73 | + color: #ff1901; | ||
| 74 | font-size: 14px; | 74 | font-size: 14px; |
| 75 | line-height: 43px; | 75 | line-height: 43px; |
| 76 | - color: #ff1901; | 76 | + cursor: pointer; |
| 77 | } | 77 | } |
| 78 | 78 | ||
| 79 | .remember-me { | 79 | .remember-me { |
| @@ -108,9 +108,9 @@ | @@ -108,9 +108,9 @@ | ||
| 108 | 108 | ||
| 109 | .icon { | 109 | .icon { |
| 110 | display: block; | 110 | display: block; |
| 111 | + margin: 0 auto; | ||
| 111 | width: 30px; | 112 | width: 30px; |
| 112 | height: 30px; | 113 | height: 30px; |
| 113 | - margin: 0 auto; | ||
| 114 | } | 114 | } |
| 115 | 115 | ||
| 116 | .weixin { | 116 | .weixin { |
| @@ -140,14 +140,14 @@ | @@ -140,14 +140,14 @@ | ||
| 140 | 140 | ||
| 141 | .caps-lock { | 141 | .caps-lock { |
| 142 | position: absolute; | 142 | position: absolute; |
| 143 | - color: #666; | ||
| 144 | - border: #ffe57d; | ||
| 145 | - background: #fff6d2; | ||
| 146 | - white-space: nowrap; | ||
| 147 | top: 8px; | 143 | top: 8px; |
| 148 | left: 278px; | 144 | left: 278px; |
| 149 | padding: 0 20px; | 145 | padding: 0 20px; |
| 150 | height: 27px; | 146 | height: 27px; |
| 147 | + border: #ffe57d; | ||
| 148 | + background: #fff6d2; | ||
| 149 | + color: #666; | ||
| 150 | + white-space: nowrap; | ||
| 151 | line-height: 30px; | 151 | line-height: 30px; |
| 152 | } | 152 | } |
| 153 | } | 153 | } |
| 1 | .register-page { | 1 | .register-page { |
| 2 | - font-size: 14px; | ||
| 3 | color: #b9b9b9; | 2 | color: #b9b9b9; |
| 3 | + font-size: 14px; | ||
| 4 | 4 | ||
| 5 | li { | 5 | li { |
| 6 | + position: relative; | ||
| 6 | margin-bottom: 25px; | 7 | margin-bottom: 25px; |
| 7 | width: 270px; | 8 | width: 270px; |
| 8 | - position: relative; | ||
| 9 | 9 | ||
| 10 | &.w330 { | 10 | &.w330 { |
| 11 | width: 330px; | 11 | width: 330px; |
| @@ -17,31 +17,31 @@ | @@ -17,31 +17,31 @@ | ||
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | .input { | 19 | .input { |
| 20 | - height: 43px; | ||
| 21 | - line-height: 43px; | ||
| 22 | - font-size: 16px; | 20 | + padding: 0; |
| 23 | width: 268px; | 21 | width: 268px; |
| 22 | + height: 43px; | ||
| 24 | border: 1px solid #dbdbdb; | 23 | border: 1px solid #dbdbdb; |
| 25 | - text-indent: 10px; | ||
| 26 | color: #9a9a9a; | 24 | color: #9a9a9a; |
| 27 | - padding: 0; | 25 | + text-indent: 10px; |
| 26 | + font-size: 16px; | ||
| 27 | + line-height: 43px; | ||
| 28 | 28 | ||
| 29 | &.error { | 29 | &.error { |
| 30 | border: 1px solid red; | 30 | border: 1px solid red; |
| 31 | } | 31 | } |
| 32 | 32 | ||
| 33 | &.phone-num { | 33 | &.phone-num { |
| 34 | - width: 209px; | ||
| 35 | - display: block; | ||
| 36 | position: absolute; | 34 | position: absolute; |
| 37 | top: 0; | 35 | top: 0; |
| 38 | right: 0; | 36 | right: 0; |
| 37 | + display: block; | ||
| 38 | + width: 209px; | ||
| 39 | } | 39 | } |
| 40 | 40 | ||
| 41 | &.captcha, | 41 | &.captcha, |
| 42 | &.msg-captcha { | 42 | &.msg-captcha { |
| 43 | - width: 160px; | ||
| 44 | float: left; | 43 | float: left; |
| 44 | + width: 160px; | ||
| 45 | } | 45 | } |
| 46 | 46 | ||
| 47 | &.agree-terms { | 47 | &.agree-terms { |
| @@ -50,14 +50,14 @@ | @@ -50,14 +50,14 @@ | ||
| 50 | } | 50 | } |
| 51 | 51 | ||
| 52 | .send-captcha { | 52 | .send-captcha { |
| 53 | - top: 0; | ||
| 54 | - background: #ff1901; | ||
| 55 | position: absolute; | 53 | position: absolute; |
| 56 | - width: 100px; | 54 | + top: 0; |
| 57 | right: 0; | 55 | right: 0; |
| 58 | - font-size: 12px; | 56 | + width: 100px; |
| 57 | + background: #ff1901; | ||
| 59 | text-indent: 0; | 58 | text-indent: 0; |
| 60 | letter-spacing: 0; | 59 | letter-spacing: 0; |
| 60 | + font-size: 12px; | ||
| 61 | 61 | ||
| 62 | &.disable { | 62 | &.disable { |
| 63 | background: #555; | 63 | background: #555; |
| @@ -65,25 +65,25 @@ | @@ -65,25 +65,25 @@ | ||
| 65 | } | 65 | } |
| 66 | 66 | ||
| 67 | .link { | 67 | .link { |
| 68 | - text-decoration: underline; | ||
| 69 | color: #ff1901; | 68 | color: #ff1901; |
| 69 | + text-decoration: underline; | ||
| 70 | } | 70 | } |
| 71 | 71 | ||
| 72 | .btn { | 72 | .btn { |
| 73 | + padding: 0; | ||
| 73 | height: 45px; | 74 | height: 45px; |
| 74 | - line-height: 45px; | ||
| 75 | - color: #fff; | ||
| 76 | border: none; | 75 | border: none; |
| 77 | - padding: 0; | ||
| 78 | - font-family: '黑体'; | 76 | + color: #fff; |
| 79 | text-align: center; | 77 | text-align: center; |
| 78 | + font-family: '黑体'; | ||
| 79 | + line-height: 45px; | ||
| 80 | } | 80 | } |
| 81 | 81 | ||
| 82 | /* 区域下拉选择框 */ | 82 | /* 区域下拉选择框 */ |
| 83 | .region { | 83 | .region { |
| 84 | - height: 30px; | ||
| 85 | padding: 4px 0; | 84 | padding: 4px 0; |
| 86 | width: 132px; | 85 | width: 132px; |
| 86 | + height: 30px; | ||
| 87 | border-color: #c1c1c1; | 87 | border-color: #c1c1c1; |
| 88 | color: #9a9a9a; | 88 | color: #9a9a9a; |
| 89 | font-size: 16px; | 89 | font-size: 16px; |
| @@ -92,53 +92,53 @@ | @@ -92,53 +92,53 @@ | ||
| 92 | 92 | ||
| 93 | /* 手机号 */ | 93 | /* 手机号 */ |
| 94 | .country-code { | 94 | .country-code { |
| 95 | + display: block; | ||
| 96 | + float: left; | ||
| 95 | width: 58px; | 97 | width: 58px; |
| 96 | height: 43px; | 98 | height: 43px; |
| 97 | - line-height: 43px; | ||
| 98 | - text-align: center; | ||
| 99 | - white-space: nowrap; | ||
| 100 | border: 1px solid #dbdbdb; | 99 | border: 1px solid #dbdbdb; |
| 101 | border-right: 0; | 100 | border-right: 0; |
| 101 | + text-align: center; | ||
| 102 | + white-space: nowrap; | ||
| 102 | font-size: 16px; | 103 | font-size: 16px; |
| 103 | - display: block; | ||
| 104 | - float: left; | 104 | + line-height: 43px; |
| 105 | } | 105 | } |
| 106 | 106 | ||
| 107 | /* 验证码 */ | 107 | /* 验证码 */ |
| 108 | .captcha-img { | 108 | .captcha-img { |
| 109 | - height: 37px; | 109 | + margin-top: 4px; |
| 110 | + margin-left: 10px; | ||
| 110 | width: 90px; | 111 | width: 90px; |
| 112 | + height: 37px; | ||
| 113 | + outline: none; | ||
| 111 | border: 0; | 114 | border: 0; |
| 112 | vertical-align: middle; | 115 | vertical-align: middle; |
| 113 | - outline: none; | ||
| 114 | - margin-left: 10px; | ||
| 115 | - margin-top: 4px; | ||
| 116 | 116 | ||
| 117 | /* float: left; */ | 117 | /* float: left; */ |
| 118 | } | 118 | } |
| 119 | 119 | ||
| 120 | .change-captcha { | 120 | .change-captcha { |
| 121 | - margin-left: 10px; | ||
| 122 | - cursor: pointer; | ||
| 123 | float: left; | 121 | float: left; |
| 122 | + margin-left: 10px; | ||
| 124 | height: 43px; | 123 | height: 43px; |
| 125 | line-height: 43px; | 124 | line-height: 43px; |
| 125 | + cursor: pointer; | ||
| 126 | } | 126 | } |
| 127 | 127 | ||
| 128 | /* 密码强度 */ | 128 | /* 密码强度 */ |
| 129 | .pwd-intensity-container { | 129 | .pwd-intensity-container { |
| 130 | - width: 270px; | ||
| 131 | - text-align: right; | 130 | + overflow: hidden; |
| 132 | margin-top: 5px; | 131 | margin-top: 5px; |
| 132 | + width: 270px; | ||
| 133 | height: auto; | 133 | height: auto; |
| 134 | - overflow: hidden; | 134 | + text-align: right; |
| 135 | 135 | ||
| 136 | .pwd-intensity { | 136 | .pwd-intensity { |
| 137 | + padding: 1px 10px; | ||
| 137 | height: 15px; | 138 | height: 15px; |
| 138 | - font-size: 12px; | ||
| 139 | background-color: #e8e8e8; | 139 | background-color: #e8e8e8; |
| 140 | - padding: 1px 10px; | ||
| 141 | text-align: center; | 140 | text-align: center; |
| 141 | + font-size: 12px; | ||
| 142 | } | 142 | } |
| 143 | 143 | ||
| 144 | &.red { | 144 | &.red { |
| @@ -163,17 +163,17 @@ | @@ -163,17 +163,17 @@ | ||
| 163 | 163 | ||
| 164 | /* 服务条款 */ | 164 | /* 服务条款 */ |
| 165 | &.items-container { | 165 | &.items-container { |
| 166 | - font-size: 13px; | ||
| 167 | text-align: right; | 166 | text-align: right; |
| 168 | white-space: nowrap; | 167 | white-space: nowrap; |
| 168 | + font-size: 13px; | ||
| 169 | } | 169 | } |
| 170 | 170 | ||
| 171 | /* 立即注册 */ | 171 | /* 立即注册 */ |
| 172 | .register-btn { | 172 | .register-btn { |
| 173 | width: 270px; | 173 | width: 270px; |
| 174 | - font-size: 20px; | ||
| 175 | - font-weight: bold; | ||
| 176 | background: #ff1901; | 174 | background: #ff1901; |
| 175 | + font-weight: bold; | ||
| 176 | + font-size: 20px; | ||
| 177 | 177 | ||
| 178 | &.disable { | 178 | &.disable { |
| 179 | background: #555; | 179 | background: #555; |
| @@ -183,14 +183,14 @@ | @@ -183,14 +183,14 @@ | ||
| 183 | /* 立即登录 */ | 183 | /* 立即登录 */ |
| 184 | &.quick-login-container { | 184 | &.quick-login-container { |
| 185 | width: 270px; | 185 | width: 270px; |
| 186 | - font-size: 13px; | ||
| 187 | text-align: right; | 186 | text-align: right; |
| 188 | white-space: nowrap; | 187 | white-space: nowrap; |
| 188 | + font-size: 13px; | ||
| 189 | } | 189 | } |
| 190 | 190 | ||
| 191 | &.skip-user-info { | 191 | &.skip-user-info { |
| 192 | - font-size: 18px; | ||
| 193 | text-align: center; | 192 | text-align: center; |
| 193 | + font-size: 18px; | ||
| 194 | 194 | ||
| 195 | a { | 195 | a { |
| 196 | color: #ff1901; | 196 | color: #ff1901; |
| @@ -206,61 +206,61 @@ | @@ -206,61 +206,61 @@ | ||
| 206 | white-space: nowrap; | 206 | white-space: nowrap; |
| 207 | 207 | ||
| 208 | &:before { | 208 | &:before { |
| 209 | - content: ''; | ||
| 210 | display: inline-block; | 209 | display: inline-block; |
| 210 | + margin-right: 5px; | ||
| 211 | width: 12px; | 211 | width: 12px; |
| 212 | height: 12px; | 212 | height: 12px; |
| 213 | - margin-right: 5px; | ||
| 214 | background: url(/passport/tip/succ-info.png) no-repeat; | 213 | background: url(/passport/tip/succ-info.png) no-repeat; |
| 214 | + content: ''; | ||
| 215 | } | 215 | } |
| 216 | } | 216 | } |
| 217 | 217 | ||
| 218 | .err-tip { | 218 | .err-tip { |
| 219 | - z-index: 1000; | ||
| 220 | position: absolute; | 219 | position: absolute; |
| 220 | + z-index: 1000; | ||
| 221 | + padding: 0 10px; | ||
| 221 | height: 30px; | 222 | height: 30px; |
| 222 | - line-height: 30px; | ||
| 223 | - color: red; | ||
| 224 | - background-color: #ffebeb; | ||
| 225 | border: 1px solid #ffbdbe; | 223 | border: 1px solid #ffbdbe; |
| 226 | - padding: 0 10px; | 224 | + background-color: #ffebeb; |
| 225 | + color: red; | ||
| 226 | + line-height: 30px; | ||
| 227 | 227 | ||
| 228 | b { | 228 | b { |
| 229 | - display: block; | ||
| 230 | position: absolute; | 229 | position: absolute; |
| 231 | top: 30px; | 230 | top: 30px; |
| 232 | left: 20px; | 231 | left: 20px; |
| 233 | - background: url(/passport/tip/angle.png) no-repeat; | 232 | + display: block; |
| 234 | width: 17px; | 233 | width: 17px; |
| 235 | height: 9px; | 234 | height: 9px; |
| 235 | + background: url(/passport/tip/angle.png) no-repeat; | ||
| 236 | } | 236 | } |
| 237 | } | 237 | } |
| 238 | 238 | ||
| 239 | /* 注册成功 */ | 239 | /* 注册成功 */ |
| 240 | .success-box { | 240 | .success-box { |
| 241 | - font-size: 14px; | ||
| 242 | - color: #b9b9b9; | ||
| 243 | margin-top: 130px; | 241 | margin-top: 130px; |
| 242 | + color: #b9b9b9; | ||
| 243 | + font-size: 14px; | ||
| 244 | 244 | ||
| 245 | .success-text { | 245 | .success-text { |
| 246 | - line-height: 29px; | ||
| 247 | padding-left: 46px; | 246 | padding-left: 46px; |
| 248 | - font-size: 16px; | ||
| 249 | color: #000; | 247 | color: #000; |
| 248 | + font-size: 16px; | ||
| 249 | + line-height: 29px; | ||
| 250 | 250 | ||
| 251 | span { | 251 | span { |
| 252 | font-size: 22px; | 252 | font-size: 22px; |
| 253 | } | 253 | } |
| 254 | 254 | ||
| 255 | &:before { | 255 | &:before { |
| 256 | - content: ''; | 256 | + position: relative; |
| 257 | + top: 6px; | ||
| 257 | display: inline-block; | 258 | display: inline-block; |
| 258 | - background: url(/passport/tip/success-icon.png) no-repeat; | 259 | + margin-right: 5px; |
| 259 | width: 29px; | 260 | width: 29px; |
| 260 | height: 29px; | 261 | height: 29px; |
| 261 | - margin-right: 5px; | ||
| 262 | - position: relative; | ||
| 263 | - top: 6px; | 262 | + background: url(/passport/tip/success-icon.png) no-repeat; |
| 263 | + content: ''; | ||
| 264 | } | 264 | } |
| 265 | 265 | ||
| 266 | #count-down { | 266 | #count-down { |
| @@ -273,11 +273,11 @@ | @@ -273,11 +273,11 @@ | ||
| 273 | margin: 46px auto 0; | 273 | margin: 46px auto 0; |
| 274 | width: 270px; | 274 | width: 270px; |
| 275 | height: 45px; | 275 | height: 45px; |
| 276 | - line-height: 45px; | ||
| 277 | background: #ff1901; | 276 | background: #ff1901; |
| 278 | - text-align: center; | ||
| 279 | color: #fff; | 277 | color: #fff; |
| 278 | + text-align: center; | ||
| 280 | letter-spacing: 2px; | 279 | letter-spacing: 2px; |
| 280 | + line-height: 45px; | ||
| 281 | } | 281 | } |
| 282 | } | 282 | } |
| 283 | } | 283 | } |
| @@ -6,15 +6,15 @@ | @@ -6,15 +6,15 @@ | ||
| 6 | } | 6 | } |
| 7 | 7 | ||
| 8 | .user-wrapper { | 8 | .user-wrapper { |
| 9 | - width: 280px; | ||
| 10 | margin: 0 auto; | 9 | margin: 0 auto; |
| 10 | + width: 280px; | ||
| 11 | 11 | ||
| 12 | .user-thumb { | 12 | .user-thumb { |
| 13 | + display: inline-block; | ||
| 14 | + overflow: hidden; | ||
| 13 | width: 94px; | 15 | width: 94px; |
| 14 | height: 94px; | 16 | height: 94px; |
| 15 | border-radius: 50%; | 17 | border-radius: 50%; |
| 16 | - display: inline-block; | ||
| 17 | - overflow: hidden; | ||
| 18 | 18 | ||
| 19 | img { | 19 | img { |
| 20 | width: 100%; | 20 | width: 100%; |
| @@ -23,33 +23,33 @@ | @@ -23,33 +23,33 @@ | ||
| 23 | } | 23 | } |
| 24 | 24 | ||
| 25 | label { | 25 | label { |
| 26 | - width: 190px; | ||
| 27 | - line-height: 94px; | 26 | + position: absolute; |
| 27 | + overflow: hidden; | ||
| 28 | margin-left: 20px; | 28 | margin-left: 20px; |
| 29 | - font-size: 18px; | ||
| 30 | - font-weight: 700; | 29 | + width: 190px; |
| 31 | color: #545454; | 30 | color: #545454; |
| 32 | - word-break: keep-all; | ||
| 33 | - white-space: nowrap; | ||
| 34 | - overflow: hidden; | ||
| 35 | text-overflow: ellipsis; | 31 | text-overflow: ellipsis; |
| 36 | - position: absolute; | 32 | + white-space: nowrap; |
| 33 | + word-break: keep-all; | ||
| 34 | + font-weight: 700; | ||
| 35 | + font-size: 18px; | ||
| 36 | + line-height: 94px; | ||
| 37 | } | 37 | } |
| 38 | } | 38 | } |
| 39 | 39 | ||
| 40 | .remind-info { | 40 | .remind-info { |
| 41 | - width: 490px; | ||
| 42 | - min-height: 54px; | ||
| 43 | - padding-left: 50px; | ||
| 44 | margin: 35px auto; | 41 | margin: 35px auto; |
| 42 | + padding-left: 50px; | ||
| 43 | + min-height: 54px; | ||
| 44 | + width: 490px; | ||
| 45 | background: resolve('passport/warn.png') no-repeat; | 45 | background: resolve('passport/warn.png') no-repeat; |
| 46 | text-align: center; | 46 | text-align: center; |
| 47 | 47 | ||
| 48 | h3 { | 48 | h3 { |
| 49 | - font-size: 18px; | ||
| 50 | - font-weight: 700; | ||
| 51 | - color: #545454; | ||
| 52 | margin-bottom: 12px; | 49 | margin-bottom: 12px; |
| 50 | + color: #545454; | ||
| 51 | + font-weight: 700; | ||
| 52 | + font-size: 18px; | ||
| 53 | } | 53 | } |
| 54 | 54 | ||
| 55 | a { | 55 | a { |
| @@ -59,8 +59,8 @@ | @@ -59,8 +59,8 @@ | ||
| 59 | } | 59 | } |
| 60 | 60 | ||
| 61 | p { | 61 | p { |
| 62 | - font-size: 16px; | ||
| 63 | color: #888; | 62 | color: #888; |
| 63 | + font-size: 16px; | ||
| 64 | } | 64 | } |
| 65 | } | 65 | } |
| 66 | 66 | ||
| @@ -68,13 +68,13 @@ | @@ -68,13 +68,13 @@ | ||
| 68 | text-align: center; | 68 | text-align: center; |
| 69 | 69 | ||
| 70 | a { | 70 | a { |
| 71 | + display: inline-block; | ||
| 71 | width: 192px; | 72 | width: 192px; |
| 72 | height: 46px; | 73 | height: 46px; |
| 74 | + background-color: #f12200; | ||
| 73 | color: #fff; | 75 | color: #fff; |
| 74 | font-size: 18px; | 76 | font-size: 18px; |
| 75 | line-height: 46px; | 77 | line-height: 46px; |
| 76 | - display: inline-block; | ||
| 77 | - background-color: #f12200; | ||
| 78 | cursor: pointer; | 78 | cursor: pointer; |
| 79 | } | 79 | } |
| 80 | 80 | ||
| @@ -84,14 +84,14 @@ | @@ -84,14 +84,14 @@ | ||
| 84 | } | 84 | } |
| 85 | 85 | ||
| 86 | .remind-tips { | 86 | .remind-tips { |
| 87 | - width: 390px; | 87 | + display: block; |
| 88 | margin: 0 auto; | 88 | margin: 0 auto; |
| 89 | - font-size: 14px; | 89 | + margin-top: 30px; |
| 90 | + width: 390px; | ||
| 90 | color: #888; | 91 | color: #888; |
| 91 | text-align: center; | 92 | text-align: center; |
| 92 | - margin-top: 30px; | ||
| 93 | text-decoration: underline; | 93 | text-decoration: underline; |
| 94 | - display: block; | 94 | + font-size: 14px; |
| 95 | 95 | ||
| 96 | a { | 96 | a { |
| 97 | color: #f12200; | 97 | color: #f12200; |
| @@ -108,57 +108,57 @@ | @@ -108,57 +108,57 @@ | ||
| 108 | } | 108 | } |
| 109 | 109 | ||
| 110 | .action-link { | 110 | .action-link { |
| 111 | - width: 440px; | ||
| 112 | margin: 0 auto; | 111 | margin: 0 auto; |
| 113 | padding-left: 180px; | 112 | padding-left: 180px; |
| 113 | + width: 440px; | ||
| 114 | color: #545454; | 114 | color: #545454; |
| 115 | line-height: 46px; | 115 | line-height: 46px; |
| 116 | 116 | ||
| 117 | .code-name { | 117 | .code-name { |
| 118 | - margin-left: -100px; | ||
| 119 | position: absolute; | 118 | position: absolute; |
| 119 | + margin-left: -100px; | ||
| 120 | } | 120 | } |
| 121 | 121 | ||
| 122 | input { | 122 | input { |
| 123 | + margin-right: 14px; | ||
| 124 | + padding-left: 10px; | ||
| 123 | width: 260px; | 125 | width: 260px; |
| 124 | height: 40px; | 126 | height: 40px; |
| 125 | - padding-left: 10px; | ||
| 126 | font-size: 16px; | 127 | font-size: 16px; |
| 127 | - margin-right: 14px; | ||
| 128 | } | 128 | } |
| 129 | 129 | ||
| 130 | label { | 130 | label { |
| 131 | + display: inline-block; | ||
| 131 | width: 140px; | 132 | width: 140px; |
| 132 | height: 46px; | 133 | height: 46px; |
| 133 | - font-size: 14px; | ||
| 134 | - color: #fff; | ||
| 135 | background-color: #f12200; | 134 | background-color: #f12200; |
| 136 | - display: inline-block; | 135 | + color: #fff; |
| 137 | text-align: center; | 136 | text-align: center; |
| 137 | + font-size: 14px; | ||
| 138 | cursor: pointer; | 138 | cursor: pointer; |
| 139 | } | 139 | } |
| 140 | 140 | ||
| 141 | .count-down { | 141 | .count-down { |
| 142 | - color: #979797; | ||
| 143 | - background-color: #d8d8d8; | ||
| 144 | display: none; | 142 | display: none; |
| 143 | + background-color: #d8d8d8; | ||
| 144 | + color: #979797; | ||
| 145 | } | 145 | } |
| 146 | 146 | ||
| 147 | .code-error { | 147 | .code-error { |
| 148 | position: absolute; | 148 | position: absolute; |
| 149 | - width: 200px; | ||
| 150 | display: inline-block; | 149 | display: inline-block; |
| 151 | - color: #f00; | ||
| 152 | padding-left: 10px; | 150 | padding-left: 10px; |
| 151 | + width: 200px; | ||
| 152 | + color: #f00; | ||
| 153 | 153 | ||
| 154 | i { | 154 | i { |
| 155 | display: inline-block; | 155 | display: inline-block; |
| 156 | - height: 14px; | 156 | + margin-top: -2px; |
| 157 | + margin-right: 5px; | ||
| 157 | width: 14px; | 158 | width: 14px; |
| 159 | + height: 14px; | ||
| 158 | background: url(/passport/tip/error.png) no-repeat; | 160 | background: url(/passport/tip/error.png) no-repeat; |
| 159 | vertical-align: middle; | 161 | vertical-align: middle; |
| 160 | - margin-right: 5px; | ||
| 161 | - margin-top: -2px; | ||
| 162 | } | 162 | } |
| 163 | } | 163 | } |
| 164 | } | 164 | } |
| @@ -174,14 +174,14 @@ | @@ -174,14 +174,14 @@ | ||
| 174 | } | 174 | } |
| 175 | 175 | ||
| 176 | .relate-btn { | 176 | .relate-btn { |
| 177 | + margin: 20px 0; | ||
| 177 | width: 212px; | 178 | width: 212px; |
| 178 | height: 46px; | 179 | height: 46px; |
| 179 | - font-family: arial, "Microsoft YaHei"; | 180 | + outline: none; |
| 181 | + border: 0; | ||
| 182 | + background-color: #f12200; | ||
| 180 | color: #fff; | 183 | color: #fff; |
| 181 | font-size: 18px; | 184 | font-size: 18px; |
| 182 | - background-color: #f12200; | ||
| 183 | - border: 0; | ||
| 184 | - outline: none; | ||
| 185 | - margin: 20px 0; | 185 | + font-family: arial, "Microsoft YaHei"; |
| 186 | } | 186 | } |
| 187 | } | 187 | } |
| 1 | .yohobindbtn { | 1 | .yohobindbtn { |
| 2 | display: block; | 2 | display: block; |
| 3 | - width:210px; | 3 | + width: 210px; |
| 4 | height: 45px; | 4 | height: 45px; |
| 5 | - line-height: 45px; | ||
| 6 | background-color: #f02200; | 5 | background-color: #f02200; |
| 7 | color: #fff; | 6 | color: #fff; |
| 8 | - font-size: 16px; | ||
| 9 | text-align: center; | 7 | text-align: center; |
| 8 | + font-size: 16px; | ||
| 9 | + line-height: 45px; | ||
| 10 | } | 10 | } |
| 11 | + | ||
| 11 | .hide { | 12 | .hide { |
| 12 | display: none; | 13 | display: none; |
| 13 | } | 14 | } |
| 15 | + | ||
| 14 | .novisiable { | 16 | .novisiable { |
| 15 | visibility: hidden; | 17 | visibility: hidden; |
| 16 | } | 18 | } |
| 19 | + | ||
| 17 | .actlevel { | 20 | .actlevel { |
| 18 | - background-color: #f02200 !important; | 21 | + background-color: #f02200 !important; |
| 19 | color: white !important; | 22 | color: white !important; |
| 20 | } | 23 | } |
| 24 | + | ||
| 21 | .mask { | 25 | .mask { |
| 22 | position: fixed; | 26 | position: fixed; |
| 23 | top: 0; | 27 | top: 0; |
| @@ -32,268 +36,313 @@ | @@ -32,268 +36,313 @@ | ||
| 32 | 36 | ||
| 33 | .bindwrapper { | 37 | .bindwrapper { |
| 34 | margin: 0 auto; | 38 | margin: 0 auto; |
| 35 | - width: 980px; | ||
| 36 | - min-height: 450px; | ||
| 37 | padding-top: 122px; | 39 | padding-top: 122px; |
| 40 | + min-height: 450px; | ||
| 41 | + width: 980px; | ||
| 38 | } | 42 | } |
| 43 | + | ||
| 39 | .welcomeword { | 44 | .welcomeword { |
| 45 | + margin-bottom: 15px; | ||
| 40 | width: 100%; | 46 | width: 100%; |
| 47 | + color: #545454; | ||
| 41 | text-align: center; | 48 | text-align: center; |
| 42 | font-size: 22px; | 49 | font-size: 22px; |
| 43 | line-height: 22px; | 50 | line-height: 22px; |
| 44 | - color: #545454; | ||
| 45 | - margin-bottom: 15px; | 51 | + |
| 46 | .yoho { | 52 | .yoho { |
| 47 | color: #e12000; | 53 | color: #e12000; |
| 48 | } | 54 | } |
| 49 | } | 55 | } |
| 56 | + | ||
| 50 | .safeword { | 57 | .safeword { |
| 58 | + margin-bottom: 63px; | ||
| 51 | width: 100%; | 59 | width: 100%; |
| 60 | + color: #545454; | ||
| 52 | text-align: center; | 61 | text-align: center; |
| 53 | font-size: 16px; | 62 | font-size: 16px; |
| 54 | line-height: 16px; | 63 | line-height: 16px; |
| 55 | - color: #545454; | ||
| 56 | - margin-bottom: 63px; | ||
| 57 | } | 64 | } |
| 65 | + | ||
| 58 | .yohobindrow { | 66 | .yohobindrow { |
| 59 | - width: 485px; | ||
| 60 | margin: 0 auto 22px; | 67 | margin: 0 auto 22px; |
| 68 | + width: 485px; | ||
| 61 | height: 40px; | 69 | height: 40px; |
| 70 | + | ||
| 62 | .name { | 71 | .name { |
| 63 | float: left; | 72 | float: left; |
| 64 | - text-align: right; | ||
| 65 | margin-right: 14px; | 73 | margin-right: 14px; |
| 66 | width: 96px; | 74 | width: 96px; |
| 75 | + text-align: right; | ||
| 67 | } | 76 | } |
| 77 | + | ||
| 68 | .areatag { | 78 | .areatag { |
| 69 | height: 30px; | 79 | height: 30px; |
| 70 | line-height: 30px; | 80 | line-height: 30px; |
| 71 | } | 81 | } |
| 82 | + | ||
| 72 | .phonetag, | 83 | .phonetag, |
| 73 | .setpwdtag { | 84 | .setpwdtag { |
| 74 | height: 47px; | 85 | height: 47px; |
| 75 | line-height: 47px; | 86 | line-height: 47px; |
| 76 | } | 87 | } |
| 88 | + | ||
| 77 | .content { | 89 | .content { |
| 78 | float: left; | 90 | float: left; |
| 79 | - text-align: left; | ||
| 80 | margin-top: 0; | 91 | margin-top: 0; |
| 81 | padding-left: 0; | 92 | padding-left: 0; |
| 93 | + text-align: left; | ||
| 82 | } | 94 | } |
| 95 | + | ||
| 83 | .errinfo { | 96 | .errinfo { |
| 97 | + margin-left: 5px; | ||
| 84 | color: #f02200; | 98 | color: #f02200; |
| 85 | line-height: 49px; | 99 | line-height: 49px; |
| 86 | - margin-left: 5px; | ||
| 87 | } | 100 | } |
| 101 | + | ||
| 88 | &::after { | 102 | &::after { |
| 89 | display: block; | 103 | display: block; |
| 90 | - content: ''; | ||
| 91 | clear: both; | 104 | clear: both; |
| 105 | + content: ''; | ||
| 92 | } | 106 | } |
| 93 | } | 107 | } |
| 108 | + | ||
| 94 | .sendnotify { | 109 | .sendnotify { |
| 110 | + margin: 0 auto 18px; | ||
| 95 | width: 260px; | 111 | width: 260px; |
| 96 | text-align: left; | 112 | text-align: left; |
| 97 | - margin: 0 auto 18px; | ||
| 98 | } | 113 | } |
| 114 | + | ||
| 99 | .validaterow { | 115 | .validaterow { |
| 100 | margin: 0 auto 22px; | 116 | margin: 0 auto 22px; |
| 101 | padding-left: 248px; | 117 | padding-left: 248px; |
| 118 | + | ||
| 102 | .name { | 119 | .name { |
| 103 | float: left; | 120 | float: left; |
| 104 | - text-align: right; | ||
| 105 | margin-right: 14px; | 121 | margin-right: 14px; |
| 106 | width: 96px; | 122 | width: 96px; |
| 123 | + text-align: right; | ||
| 107 | } | 124 | } |
| 125 | + | ||
| 108 | .areatag { | 126 | .areatag { |
| 109 | height: 30px; | 127 | height: 30px; |
| 110 | line-height: 30px; | 128 | line-height: 30px; |
| 111 | } | 129 | } |
| 130 | + | ||
| 112 | .phonetag { | 131 | .phonetag { |
| 113 | height: 47px; | 132 | height: 47px; |
| 114 | line-height: 47px; | 133 | line-height: 47px; |
| 115 | } | 134 | } |
| 135 | + | ||
| 116 | .content { | 136 | .content { |
| 117 | float: left; | 137 | float: left; |
| 118 | text-align: left; | 138 | text-align: left; |
| 139 | + | ||
| 119 | .err-tip { | 140 | .err-tip { |
| 120 | left: 430px; | 141 | left: 430px; |
| 121 | } | 142 | } |
| 122 | } | 143 | } |
| 144 | + | ||
| 123 | &::after { | 145 | &::after { |
| 124 | display: block; | 146 | display: block; |
| 125 | - content: ''; | ||
| 126 | clear: both; | 147 | clear: both; |
| 148 | + content: ''; | ||
| 127 | } | 149 | } |
| 150 | + | ||
| 128 | .validatewrapper { | 151 | .validatewrapper { |
| 129 | float: left; | 152 | float: left; |
| 130 | - height: 45px; | 153 | + margin-left: 18px; |
| 131 | width: 133px; | 154 | width: 133px; |
| 132 | - text-align: center; | ||
| 133 | - line-height: 45px; | 155 | + height: 45px; |
| 134 | background-color: #d8d8d8; | 156 | background-color: #d8d8d8; |
| 135 | color: #000; | 157 | color: #000; |
| 158 | + text-align: center; | ||
| 136 | font-size: 13px; | 159 | font-size: 13px; |
| 137 | - margin-left: 18px; | ||
| 138 | - .yohobindbtn{ | 160 | + line-height: 45px; |
| 161 | + | ||
| 162 | + .yohobindbtn { | ||
| 139 | width: 133px; | 163 | width: 133px; |
| 140 | - font-size: 13px; | 164 | + font-size: 13px; |
| 141 | } | 165 | } |
| 142 | } | 166 | } |
| 143 | } | 167 | } |
| 168 | + | ||
| 144 | .validatepicrow { | 169 | .validatepicrow { |
| 145 | overflow: hidden; | 170 | overflow: hidden; |
| 146 | margin: 0 auto 22px; | 171 | margin: 0 auto 22px; |
| 147 | padding-left: 250px; | 172 | padding-left: 250px; |
| 173 | + | ||
| 148 | .name { | 174 | .name { |
| 149 | float: left; | 175 | float: left; |
| 150 | - text-align: right; | ||
| 151 | margin-right: 14px; | 176 | margin-right: 14px; |
| 152 | width: 96px; | 177 | width: 96px; |
| 178 | + text-align: right; | ||
| 153 | } | 179 | } |
| 180 | + | ||
| 154 | .areatag { | 181 | .areatag { |
| 155 | height: 30px; | 182 | height: 30px; |
| 156 | line-height: 30px; | 183 | line-height: 30px; |
| 157 | } | 184 | } |
| 185 | + | ||
| 158 | .phonetag { | 186 | .phonetag { |
| 159 | height: 47px; | 187 | height: 47px; |
| 160 | line-height: 47px; | 188 | line-height: 47px; |
| 161 | } | 189 | } |
| 190 | + | ||
| 162 | .content { | 191 | .content { |
| 163 | float: left; | 192 | float: left; |
| 164 | text-align: left; | 193 | text-align: left; |
| 165 | } | 194 | } |
| 195 | + | ||
| 166 | &::after { | 196 | &::after { |
| 167 | display: block; | 197 | display: block; |
| 168 | - content: ''; | ||
| 169 | clear: both; | 198 | clear: both; |
| 199 | + content: ''; | ||
| 170 | } | 200 | } |
| 201 | + | ||
| 171 | .validatewrapper { | 202 | .validatewrapper { |
| 172 | float: left; | 203 | float: left; |
| 204 | + margin-left: 18px; | ||
| 173 | height: 45px; | 205 | height: 45px; |
| 174 | - text-align: center; | ||
| 175 | - line-height: 45px; | ||
| 176 | color: #000; | 206 | color: #000; |
| 207 | + text-align: center; | ||
| 177 | font-size: 13px; | 208 | font-size: 13px; |
| 178 | - margin-left: 18px; | ||
| 179 | - .yohobindbtn{ | 209 | + line-height: 45px; |
| 210 | + | ||
| 211 | + .yohobindbtn { | ||
| 180 | width: 133px; | 212 | width: 133px; |
| 181 | - font-size: 13px; | 213 | + font-size: 13px; |
| 182 | } | 214 | } |
| 183 | } | 215 | } |
| 216 | + | ||
| 184 | .change-captcha { | 217 | .change-captcha { |
| 185 | - cursor: pointer; | ||
| 186 | color: #f02200; | 218 | color: #f02200; |
| 187 | text-decoration: underline; | 219 | text-decoration: underline; |
| 220 | + cursor: pointer; | ||
| 188 | } | 221 | } |
| 189 | } | 222 | } |
| 223 | + | ||
| 190 | .setpwdwrapper { | 224 | .setpwdwrapper { |
| 191 | margin-bottom: 10px; | 225 | margin-bottom: 10px; |
| 192 | height: 45px; | 226 | height: 45px; |
| 193 | } | 227 | } |
| 228 | + | ||
| 194 | .safelevel { | 229 | .safelevel { |
| 230 | + margin: 0 auto; | ||
| 195 | width: 291px; | 231 | width: 291px; |
| 196 | height: 15px; | 232 | height: 15px; |
| 197 | - margin: 0 auto; | 233 | + color: #000; |
| 198 | text-align: right; | 234 | text-align: right; |
| 199 | font-size: 10px; | 235 | font-size: 10px; |
| 200 | - color: #000; | 236 | + |
| 201 | span { | 237 | span { |
| 238 | + margin-right: 4px; | ||
| 239 | + padding: 1px 8px; | ||
| 202 | width: 28px; | 240 | width: 28px; |
| 203 | height: 15px; | 241 | height: 15px; |
| 204 | - line-height: 15px; | ||
| 205 | background-color: #e5e5e5; | 242 | background-color: #e5e5e5; |
| 206 | - font-size: 10px; | ||
| 207 | color: #000; | 243 | color: #000; |
| 208 | - margin-right: 4px; | ||
| 209 | - padding: 1px 8px; | 244 | + font-size: 10px; |
| 245 | + line-height: 15px; | ||
| 210 | } | 246 | } |
| 211 | } | 247 | } |
| 248 | + | ||
| 212 | .green .color { | 249 | .green .color { |
| 213 | background-color: #0f0; | 250 | background-color: #0f0; |
| 214 | color: #fff; | 251 | color: #fff; |
| 215 | } | 252 | } |
| 253 | + | ||
| 216 | .yellow .color { | 254 | .yellow .color { |
| 217 | background-color: #ff0; | 255 | background-color: #ff0; |
| 218 | color: #fff; | 256 | color: #fff; |
| 219 | } | 257 | } |
| 258 | + | ||
| 220 | .red .color { | 259 | .red .color { |
| 221 | background-color: #f00; | 260 | background-color: #f00; |
| 222 | color: #fff; | 261 | color: #fff; |
| 223 | } | 262 | } |
| 263 | + | ||
| 224 | .yohoselectarea { | 264 | .yohoselectarea { |
| 225 | position: relative; | 265 | position: relative; |
| 226 | box-sizing: border-box; | 266 | box-sizing: border-box; |
| 227 | width: 131px; | 267 | width: 131px; |
| 228 | height: 33px; | 268 | height: 33px; |
| 269 | + | ||
| 229 | .optionshow { | 270 | .optionshow { |
| 271 | + padding-left: 16px; | ||
| 230 | width: 100%; | 272 | width: 100%; |
| 231 | height: 100%; | 273 | height: 100%; |
| 232 | - padding-left: 16px; | ||
| 233 | border: 1px solid #d9d9d9; | 274 | border: 1px solid #d9d9d9; |
| 275 | + | ||
| 234 | .areaname { | 276 | .areaname { |
| 235 | display: block; | 277 | display: block; |
| 236 | float: left; | 278 | float: left; |
| 237 | width: 110px; | 279 | width: 110px; |
| 238 | height: 100%; | 280 | height: 100%; |
| 239 | - line-height: 33px; | ||
| 240 | - font-size: 13px; | ||
| 241 | color: #000; | 281 | color: #000; |
| 282 | + font-size: 13px; | ||
| 283 | + line-height: 33px; | ||
| 242 | } | 284 | } |
| 285 | + | ||
| 243 | .righttag { | 286 | .righttag { |
| 244 | display: block; | 287 | display: block; |
| 245 | - float: left; | 288 | + float: left; |
| 246 | width: 21px; | 289 | width: 21px; |
| 247 | height: 100%; | 290 | height: 100%; |
| 248 | - line-height: 33px; | ||
| 249 | background-color: #d8d8d8; | 291 | background-color: #d8d8d8; |
| 250 | background-image: resolve('passport/arrowbottom.png'); | 292 | background-image: resolve('passport/arrowbottom.png'); |
| 251 | - background-repeat: no-repeat; | ||
| 252 | background-position: center center; | 293 | background-position: center center; |
| 294 | + background-repeat: no-repeat; | ||
| 295 | + line-height: 33px; | ||
| 253 | } | 296 | } |
| 254 | } | 297 | } |
| 298 | + | ||
| 255 | .optionslist { | 299 | .optionslist { |
| 256 | - background-color: white; | ||
| 257 | position: absolute; | 300 | position: absolute; |
| 258 | top: 35px; | 301 | top: 35px; |
| 259 | left: 0; | 302 | left: 0; |
| 260 | - width: 149px; | ||
| 261 | z-index: 2; | 303 | z-index: 2; |
| 304 | + width: 149px; | ||
| 305 | + background-color: white; | ||
| 306 | + | ||
| 262 | .optionitem { | 307 | .optionitem { |
| 263 | - height: 33px; | ||
| 264 | - line-height: 33px; | ||
| 265 | padding-left: 16px; | 308 | padding-left: 16px; |
| 309 | + height: 33px; | ||
| 266 | font-size: 13px; | 310 | font-size: 13px; |
| 311 | + line-height: 33px; | ||
| 312 | + | ||
| 267 | &:hover { | 313 | &:hover { |
| 268 | background-color: #dfdfdf; | 314 | background-color: #dfdfdf; |
| 269 | } | 315 | } |
| 270 | } | 316 | } |
| 271 | } | 317 | } |
| 272 | } | 318 | } |
| 319 | + | ||
| 273 | .yohophonewrapper { | 320 | .yohophonewrapper { |
| 321 | + position: relative; | ||
| 274 | width: 271px; | 322 | width: 271px; |
| 275 | height: 47px; | 323 | height: 47px; |
| 276 | border: 1px solid #d9d9d9; | 324 | border: 1px solid #d9d9d9; |
| 277 | - position: relative; | 325 | + |
| 278 | .areanum { | 326 | .areanum { |
| 279 | float: left; | 327 | float: left; |
| 280 | - height: 100%; | ||
| 281 | width: 63px; | 328 | width: 63px; |
| 282 | - line-height: 47px; | ||
| 283 | - text-align: center; | ||
| 284 | - color: #000; | 329 | + height: 100%; |
| 285 | background-color: #d8d8d8; | 330 | background-color: #d8d8d8; |
| 331 | + color: #000; | ||
| 332 | + text-align: center; | ||
| 333 | + line-height: 47px; | ||
| 286 | } | 334 | } |
| 335 | + | ||
| 287 | .phonenum { | 336 | .phonenum { |
| 288 | - outline: none; | ||
| 289 | - box-sizing: border-box; | ||
| 290 | float: left; | 337 | float: left; |
| 291 | - height: 45px; | ||
| 292 | - width: 205px; | ||
| 293 | - line-height: 38px; | 338 | + box-sizing: border-box; |
| 294 | padding-left: 8px; | 339 | padding-left: 8px; |
| 340 | + width: 205px; | ||
| 341 | + height: 45px; | ||
| 342 | + outline: none; | ||
| 295 | border: none; | 343 | border: none; |
| 296 | color: #000; | 344 | color: #000; |
| 345 | + line-height: 38px; | ||
| 297 | } | 346 | } |
| 298 | 347 | ||
| 299 | .validatenum, | 348 | .validatenum, |
| @@ -301,296 +350,339 @@ | @@ -301,296 +350,339 @@ | ||
| 301 | width: 100%; | 350 | width: 100%; |
| 302 | } | 351 | } |
| 303 | } | 352 | } |
| 304 | -.protoctolwrapper{ | ||
| 305 | - width: 350px; | 353 | + |
| 354 | +.protoctolwrapper { | ||
| 355 | + overflow: hidden; | ||
| 306 | margin: 38px auto 0; | 356 | margin: 38px auto 0; |
| 307 | padding-left: 85px; | 357 | padding-left: 85px; |
| 308 | - overflow: hidden; | 358 | + width: 350px; |
| 359 | + | ||
| 309 | .choosewrapper { | 360 | .choosewrapper { |
| 310 | float: left; | 361 | float: left; |
| 362 | + margin-right: 14px; | ||
| 311 | width: 13px; | 363 | width: 13px; |
| 312 | height: 13px; | 364 | height: 13px; |
| 313 | background-color: #4c4c4c; | 365 | background-color: #4c4c4c; |
| 314 | background-image: resolve('passport/choosed.png'); | 366 | background-image: resolve('passport/choosed.png'); |
| 315 | background-position: center center; | 367 | background-position: center center; |
| 316 | background-repeat: no-repeat; | 368 | background-repeat: no-repeat; |
| 317 | - margin-right: 14px; | ||
| 318 | } | 369 | } |
| 370 | + | ||
| 319 | .choosetag { | 371 | .choosetag { |
| 372 | + display: block; | ||
| 373 | + margin: 0; | ||
| 320 | width: 110%; | 374 | width: 110%; |
| 321 | height: 110%; | 375 | height: 110%; |
| 322 | - display: block; | ||
| 323 | opacity: 0; | 376 | opacity: 0; |
| 324 | - margin: 0; | ||
| 325 | } | 377 | } |
| 378 | + | ||
| 326 | span { | 379 | span { |
| 327 | float: left; | 380 | float: left; |
| 328 | color: #666; | 381 | color: #666; |
| 329 | font-size: 13px; | 382 | font-size: 13px; |
| 330 | line-height: 14px; | 383 | line-height: 14px; |
| 331 | } | 384 | } |
| 385 | + | ||
| 332 | .protoctol { | 386 | .protoctol { |
| 333 | color: #f02200; | 387 | color: #f02200; |
| 334 | text-decoration: underline; | 388 | text-decoration: underline; |
| 335 | } | 389 | } |
| 390 | + | ||
| 336 | &::after { | 391 | &::after { |
| 337 | display: block; | 392 | display: block; |
| 338 | - content: ''; | ||
| 339 | clear: both; | 393 | clear: both; |
| 394 | + content: ''; | ||
| 340 | } | 395 | } |
| 341 | } | 396 | } |
| 397 | + | ||
| 342 | .confirmwrapper { | 398 | .confirmwrapper { |
| 343 | overflow: hidden; | 399 | overflow: hidden; |
| 344 | margin-top: 47px !important; | 400 | margin-top: 47px !important; |
| 345 | } | 401 | } |
| 346 | -.btnwrapper{ | ||
| 347 | - width: 350px; | 402 | + |
| 403 | +.btnwrapper { | ||
| 348 | margin: 20px auto 0; | 404 | margin: 20px auto 0; |
| 349 | padding-left: 85px; | 405 | padding-left: 85px; |
| 406 | + width: 350px; | ||
| 350 | } | 407 | } |
| 408 | + | ||
| 351 | .thirdloginwrapper { | 409 | .thirdloginwrapper { |
| 352 | margin: 0 auto; | 410 | margin: 0 auto; |
| 353 | - width: 1150px; | ||
| 354 | - min-height: 450px; | ||
| 355 | padding-top: 160px; | 411 | padding-top: 160px; |
| 412 | + min-height: 450px; | ||
| 413 | + width: 1150px; | ||
| 414 | + | ||
| 356 | .safeword { | 415 | .safeword { |
| 357 | margin-bottom: 30px; | 416 | margin-bottom: 30px; |
| 358 | } | 417 | } |
| 418 | + | ||
| 359 | .left { | 419 | .left { |
| 360 | - box-sizing: border-box; | ||
| 361 | float: left; | 420 | float: left; |
| 421 | + box-sizing: border-box; | ||
| 362 | width: 450px; | 422 | width: 450px; |
| 363 | height: 318px; | 423 | height: 318px; |
| 364 | border-right: 1px solid #e5e5e5; | 424 | border-right: 1px solid #e5e5e5; |
| 365 | } | 425 | } |
| 426 | + | ||
| 366 | .right { | 427 | .right { |
| 367 | - box-sizing: border-box; | ||
| 368 | float: right; | 428 | float: right; |
| 369 | - width: 696px; | 429 | + box-sizing: border-box; |
| 370 | padding-top: 64px; | 430 | padding-top: 64px; |
| 431 | + width: 696px; | ||
| 371 | height: 318px; | 432 | height: 318px; |
| 372 | } | 433 | } |
| 434 | + | ||
| 373 | .gobuy, | 435 | .gobuy, |
| 374 | .completeprofile { | 436 | .completeprofile { |
| 375 | - float: left; | ||
| 376 | display: inline-block; | 437 | display: inline-block; |
| 438 | + float: left; | ||
| 377 | width: 94px; | 439 | width: 94px; |
| 378 | height: 94px; | 440 | height: 94px; |
| 379 | - line-height: 94px; | ||
| 380 | - text-align: center; | ||
| 381 | border-radius: 50%; | 441 | border-radius: 50%; |
| 382 | background-color: #f02200; | 442 | background-color: #f02200; |
| 383 | color: white; | 443 | color: white; |
| 444 | + text-align: center; | ||
| 445 | + line-height: 94px; | ||
| 384 | } | 446 | } |
| 447 | + | ||
| 385 | .gobuy { | 448 | .gobuy { |
| 386 | - margin-left: 228px; | ||
| 387 | margin-right: 80px; | 449 | margin-right: 80px; |
| 450 | + margin-left: 228px; | ||
| 388 | } | 451 | } |
| 389 | } | 452 | } |
| 453 | + | ||
| 390 | .bindsuccesswrapper { | 454 | .bindsuccesswrapper { |
| 391 | margin: 0 auto; | 455 | margin: 0 auto; |
| 392 | - width: 1150px; | ||
| 393 | - min-height: 450px; | ||
| 394 | padding-top: 160px; | 456 | padding-top: 160px; |
| 457 | + min-height: 450px; | ||
| 458 | + width: 1150px; | ||
| 459 | + | ||
| 395 | .successwrapper { | 460 | .successwrapper { |
| 461 | + margin: 0 auto 16px; | ||
| 396 | width: 320px; | 462 | width: 320px; |
| 397 | height: 29px; | 463 | height: 29px; |
| 398 | - margin: 0 auto 16px; | 464 | + |
| 399 | .successtag { | 465 | .successtag { |
| 400 | display: inline-block; | 466 | display: inline-block; |
| 401 | - margin-right: 28px; | ||
| 402 | float: left; | 467 | float: left; |
| 468 | + margin-right: 28px; | ||
| 403 | width: 29px; | 469 | width: 29px; |
| 404 | height: 29px; | 470 | height: 29px; |
| 405 | background-image: resolve('passport/bindsuccess.png'); | 471 | background-image: resolve('passport/bindsuccess.png'); |
| 406 | background-repeat: no-repeat; | 472 | background-repeat: no-repeat; |
| 407 | } | 473 | } |
| 474 | + | ||
| 408 | .congratulation { | 475 | .congratulation { |
| 409 | display: inline-block; | 476 | display: inline-block; |
| 410 | height: 29px; | 477 | height: 29px; |
| 411 | - line-height: 29px; | ||
| 412 | font-size: 22px; | 478 | font-size: 22px; |
| 479 | + line-height: 29px; | ||
| 413 | } | 480 | } |
| 414 | } | 481 | } |
| 482 | + | ||
| 415 | .info { | 483 | .info { |
| 484 | + margin-bottom: 48px; | ||
| 416 | text-align: center; | 485 | text-align: center; |
| 417 | font-size: 16px; | 486 | font-size: 16px; |
| 418 | - margin-bottom: 48px; | ||
| 419 | } | 487 | } |
| 488 | + | ||
| 420 | .gobuynow { | 489 | .gobuynow { |
| 421 | margin: 0 auto; | 490 | margin: 0 auto; |
| 422 | } | 491 | } |
| 423 | } | 492 | } |
| 493 | + | ||
| 424 | .bindconfrimwrapper { | 494 | .bindconfrimwrapper { |
| 495 | + box-sizing: border-box; | ||
| 496 | + margin: -217px auto; | ||
| 497 | + padding-top: 37px; | ||
| 425 | width: 900px; | 498 | width: 900px; |
| 426 | height: 439px; | 499 | height: 439px; |
| 427 | - margin: -217px auto; | ||
| 428 | background-color: #fff; | 500 | background-color: #fff; |
| 429 | - box-sizing: border-box; | ||
| 430 | - padding-top: 37px; | 501 | + |
| 431 | .topwrapper { | 502 | .topwrapper { |
| 503 | + margin: 0 auto 32px; | ||
| 432 | width: 281px; | 504 | width: 281px; |
| 433 | height: 90px; | 505 | height: 90px; |
| 434 | - margin: 0 auto 32px; | 506 | + |
| 435 | .userphoto { | 507 | .userphoto { |
| 508 | + margin-right: 22px; | ||
| 436 | width: 90px; | 509 | width: 90px; |
| 437 | height: 90px; | 510 | height: 90px; |
| 438 | - vertical-align: middle; | ||
| 439 | border-radius: 50%; | 511 | border-radius: 50%; |
| 440 | - margin-right: 22px; | ||
| 441 | - } | ||
| 442 | - .username{ | ||
| 443 | vertical-align: middle; | 512 | vertical-align: middle; |
| 513 | + } | ||
| 514 | + | ||
| 515 | + .username { | ||
| 516 | + @mixin ellipsis ; | ||
| 444 | display: inline-block; | 517 | display: inline-block; |
| 445 | width: 160px; | 518 | width: 160px; |
| 446 | - @mixin ellipsis; | ||
| 447 | - font-weight: bold; | ||
| 448 | color: #545454; | 519 | color: #545454; |
| 520 | + vertical-align: middle; | ||
| 521 | + font-weight: bold; | ||
| 449 | } | 522 | } |
| 450 | } | 523 | } |
| 524 | + | ||
| 451 | .usertaginfo { | 525 | .usertaginfo { |
| 526 | + margin-bottom: 15px; | ||
| 527 | + color: #545454; | ||
| 452 | text-align: center; | 528 | text-align: center; |
| 453 | - font-size: 18px; | ||
| 454 | font-weight: bold; | 529 | font-weight: bold; |
| 455 | - color: #545454; | ||
| 456 | - margin-bottom: 15px; | 530 | + font-size: 18px; |
| 457 | } | 531 | } |
| 532 | + | ||
| 458 | .usertagremind { | 533 | .usertagremind { |
| 534 | + margin-bottom: 47px; | ||
| 535 | + color: #888888; | ||
| 459 | text-align: center; | 536 | text-align: center; |
| 460 | font-size: 16px; | 537 | font-size: 16px; |
| 461 | - color: #888888; | ||
| 462 | - margin-bottom: 47px; | ||
| 463 | } | 538 | } |
| 464 | - .otherphone{ | 539 | + |
| 540 | + .otherphone { | ||
| 465 | margin: 0 auto 64px; | 541 | margin: 0 auto 64px; |
| 466 | } | 542 | } |
| 543 | + | ||
| 467 | .logindirectly { | 544 | .logindirectly { |
| 468 | display: block; | 545 | display: block; |
| 546 | + color: #f02200; | ||
| 469 | text-align: center; | 547 | text-align: center; |
| 470 | text-decoration: underline; | 548 | text-decoration: underline; |
| 471 | - color: #f02200; | ||
| 472 | } | 549 | } |
| 473 | } | 550 | } |
| 551 | + | ||
| 474 | .yohobindbtn[disabled] { | 552 | .yohobindbtn[disabled] { |
| 475 | background-color: #e5e5e5; | 553 | background-color: #e5e5e5; |
| 476 | cursor: not-allowed; | 554 | cursor: not-allowed; |
| 477 | } | 555 | } |
| 556 | + | ||
| 478 | .gobindwrapper { | 557 | .gobindwrapper { |
| 558 | + margin-bottom: 70px; | ||
| 479 | width: 100%; | 559 | width: 100%; |
| 480 | height: 45px; | 560 | height: 45px; |
| 481 | - margin-bottom: 70px; | 561 | + |
| 482 | &::after { | 562 | &::after { |
| 483 | display: block; | 563 | display: block; |
| 484 | - content: ''; | ||
| 485 | clear: both; | 564 | clear: both; |
| 565 | + content: ''; | ||
| 486 | } | 566 | } |
| 567 | + | ||
| 487 | .myphone { | 568 | .myphone { |
| 488 | float: left; | 569 | float: left; |
| 489 | margin-left: 20px; | 570 | margin-left: 20px; |
| 490 | width: 193px; | 571 | width: 193px; |
| 491 | } | 572 | } |
| 573 | + | ||
| 492 | .logindirectly { | 574 | .logindirectly { |
| 493 | display: inline-block; | 575 | display: inline-block; |
| 494 | } | 576 | } |
| 577 | + | ||
| 495 | .validaterow { | 578 | .validaterow { |
| 579 | + float: left; | ||
| 496 | overflow: hidden; | 580 | overflow: hidden; |
| 497 | margin: 0 auto 22px; | 581 | margin: 0 auto 22px; |
| 498 | padding-left: 222px; | 582 | padding-left: 222px; |
| 499 | - float: left; | 583 | + |
| 500 | .name { | 584 | .name { |
| 501 | float: left; | 585 | float: left; |
| 502 | - text-align: right; | ||
| 503 | margin-right: 14px; | 586 | margin-right: 14px; |
| 504 | width: 96px; | 587 | width: 96px; |
| 588 | + text-align: right; | ||
| 505 | } | 589 | } |
| 590 | + | ||
| 506 | .areatag { | 591 | .areatag { |
| 507 | height: 30px; | 592 | height: 30px; |
| 508 | line-height: 30px; | 593 | line-height: 30px; |
| 509 | } | 594 | } |
| 595 | + | ||
| 510 | .phonetag { | 596 | .phonetag { |
| 511 | height: 47px; | 597 | height: 47px; |
| 512 | line-height: 47px; | 598 | line-height: 47px; |
| 513 | } | 599 | } |
| 600 | + | ||
| 514 | .content { | 601 | .content { |
| 515 | float: left; | 602 | float: left; |
| 516 | text-align: left; | 603 | text-align: left; |
| 604 | + | ||
| 517 | .validatacode { | 605 | .validatacode { |
| 518 | - outline: none; | ||
| 519 | - box-sizing: border-box; | ||
| 520 | float: left; | 606 | float: left; |
| 521 | - height: 45px; | ||
| 522 | - width: 113px; | ||
| 523 | - line-height: 38px; | 607 | + box-sizing: border-box; |
| 524 | padding-left: 8px; | 608 | padding-left: 8px; |
| 609 | + width: 113px; | ||
| 610 | + height: 45px; | ||
| 611 | + outline: none; | ||
| 525 | border: 1px solid #d9d9d9; | 612 | border: 1px solid #d9d9d9; |
| 526 | color: #000; | 613 | color: #000; |
| 614 | + line-height: 38px; | ||
| 527 | } | 615 | } |
| 528 | } | 616 | } |
| 617 | + | ||
| 529 | .validatewrapper { | 618 | .validatewrapper { |
| 530 | float: left; | 619 | float: left; |
| 531 | - height: 45px; | 620 | + margin-left: 18px; |
| 532 | width: 133px; | 621 | width: 133px; |
| 533 | - text-align: center; | ||
| 534 | - line-height: 45px; | 622 | + height: 45px; |
| 535 | background-color: #d8d8d8; | 623 | background-color: #d8d8d8; |
| 536 | color: #000; | 624 | color: #000; |
| 625 | + text-align: center; | ||
| 537 | font-size: 13px; | 626 | font-size: 13px; |
| 538 | - margin-left: 18px; | ||
| 539 | - .yohobindbtn{ | 627 | + line-height: 45px; |
| 628 | + | ||
| 629 | + .yohobindbtn { | ||
| 540 | width: 133px; | 630 | width: 133px; |
| 541 | - font-size: 13px; | 631 | + font-size: 13px; |
| 542 | } | 632 | } |
| 543 | } | 633 | } |
| 544 | } | 634 | } |
| 545 | - | ||
| 546 | } | 635 | } |
| 636 | + | ||
| 547 | .gobindbottomwrapper { | 637 | .gobindbottomwrapper { |
| 548 | - width: 100%; | ||
| 549 | padding-left: 341px; | 638 | padding-left: 341px; |
| 639 | + width: 100%; | ||
| 640 | + | ||
| 550 | .logindirectly { | 641 | .logindirectly { |
| 551 | display: inline-block; | 642 | display: inline-block; |
| 552 | float: left; | 643 | float: left; |
| 553 | margin-right: 36px; | 644 | margin-right: 36px; |
| 554 | - text-decoration: underline; | ||
| 555 | color: #f02200; | 645 | color: #f02200; |
| 646 | + text-decoration: underline; | ||
| 556 | } | 647 | } |
| 557 | } | 648 | } |
| 649 | + | ||
| 558 | .pwd-tips { | 650 | .pwd-tips { |
| 559 | position: absolute; | 651 | position: absolute; |
| 560 | - z-index: 1000; | ||
| 561 | top: -10px; | 652 | top: -10px; |
| 562 | left: 285px; | 653 | left: 285px; |
| 654 | + z-index: 1000; | ||
| 655 | + padding-top: 7px; | ||
| 563 | width: 160px !important; | 656 | width: 160px !important; |
| 564 | height: 72px; | 657 | height: 72px; |
| 565 | - padding-top: 7px; | 658 | + background: #ffffff url(/passport/tip/block.png) no-repeat; |
| 566 | font-size: 12px; | 659 | font-size: 12px; |
| 567 | - background: #FFFFFF url(/passport/tip/block.png) no-repeat; | ||
| 568 | 660 | ||
| 569 | - >div { | 661 | + > div { |
| 570 | position: relative; | 662 | position: relative; |
| 571 | - height: 22px; | ||
| 572 | - line-height: 22px; | ||
| 573 | margin-left: 15px; | 663 | margin-left: 15px; |
| 574 | padding-left: 15px; | 664 | padding-left: 15px; |
| 575 | - font-size: 12px; | 665 | + height: 22px; |
| 576 | color: #b9b9b9; | 666 | color: #b9b9b9; |
| 667 | + font-size: 12px; | ||
| 668 | + line-height: 22px; | ||
| 577 | 669 | ||
| 578 | i { | 670 | i { |
| 579 | position: absolute; | 671 | position: absolute; |
| 580 | - width: 14px; | ||
| 581 | - height: 14px; | ||
| 582 | - left: -2px; | ||
| 583 | top: 50%; | 672 | top: 50%; |
| 673 | + left: -2px; | ||
| 584 | margin: -7px 0 0; | 674 | margin: -7px 0 0; |
| 675 | + width: 14px; | ||
| 676 | + height: 14px; | ||
| 585 | background: url(/passport/tip/info.png) no-repeat; | 677 | background: url(/passport/tip/info.png) no-repeat; |
| 586 | } | 678 | } |
| 587 | 679 | ||
| 588 | &.no { | 680 | &.no { |
| 589 | color: red; | 681 | color: red; |
| 682 | + | ||
| 590 | i { | 683 | i { |
| 591 | background: url(/passport/tip/error.png) no-repeat; | 684 | background: url(/passport/tip/error.png) no-repeat; |
| 592 | } | 685 | } |
| 593 | - | ||
| 594 | } | 686 | } |
| 595 | 687 | ||
| 596 | &.yes { | 688 | &.yes { |
| @@ -603,74 +695,78 @@ | @@ -603,74 +695,78 @@ | ||
| 603 | 695 | ||
| 604 | .tip-panel { | 696 | .tip-panel { |
| 605 | position: absolute; | 697 | position: absolute; |
| 698 | + z-index: 100; | ||
| 606 | display: none; | 699 | display: none; |
| 607 | - width: 248px; | 700 | + margin-top: 5px; |
| 608 | padding: 0 10px; | 701 | padding: 0 10px; |
| 609 | - z-index: 100; | ||
| 610 | - background-color: #161616; | 702 | + width: 248px; |
| 611 | border: 1px solid rgba(255, 255, 255, 0.7); | 703 | border: 1px solid rgba(255, 255, 255, 0.7); |
| 612 | - margin-top: 5px; | ||
| 613 | - cursor: pointer; | ||
| 614 | border-radius: 5px; | 704 | border-radius: 5px; |
| 705 | + background-color: #161616; | ||
| 706 | + cursor: pointer; | ||
| 615 | 707 | ||
| 616 | li { | 708 | li { |
| 617 | height: 20px; | 709 | height: 20px; |
| 618 | - line-height: 20px; | ||
| 619 | color: #b9b9b9; | 710 | color: #b9b9b9; |
| 711 | + line-height: 20px; | ||
| 620 | } | 712 | } |
| 621 | } | 713 | } |
| 714 | + | ||
| 622 | .err-tip { | 715 | .err-tip { |
| 623 | position: absolute; | 716 | position: absolute; |
| 624 | - font-size: 14px; | ||
| 625 | - white-space: nowrap; | ||
| 626 | top: 8px; | 717 | top: 8px; |
| 627 | left: 285px; | 718 | left: 285px; |
| 628 | padding: 6px 0; | 719 | padding: 6px 0; |
| 629 | color: #f00; | 720 | color: #f00; |
| 721 | + white-space: nowrap; | ||
| 722 | + font-size: 14px; | ||
| 630 | 723 | ||
| 631 | i { | 724 | i { |
| 632 | display: block; | 725 | display: block; |
| 633 | float: left; | 726 | float: left; |
| 634 | - height: 14px; | 727 | + margin-right: 5px; |
| 635 | width: 14px; | 728 | width: 14px; |
| 729 | + height: 14px; | ||
| 636 | background: url(/passport/tip/error.png) no-repeat; | 730 | background: url(/passport/tip/error.png) no-repeat; |
| 637 | - margin-right: 5px; | ||
| 638 | } | 731 | } |
| 639 | 732 | ||
| 640 | a { | 733 | a { |
| 641 | - text-decoration: underline; | ||
| 642 | color: #f00; | 734 | color: #f00; |
| 735 | + text-decoration: underline; | ||
| 643 | } | 736 | } |
| 644 | } | 737 | } |
| 738 | + | ||
| 645 | .backdrop { | 739 | .backdrop { |
| 646 | position: fixed; | 740 | position: fixed; |
| 647 | - background: #000; | 741 | + top: 0; |
| 742 | + right: 0; | ||
| 743 | + bottom: 0; | ||
| 744 | + left: 0; | ||
| 648 | width: 100%; | 745 | width: 100%; |
| 649 | height: 100%; | 746 | height: 100%; |
| 650 | - left: 0 ; | ||
| 651 | - top: 0 ; | ||
| 652 | - bottom: 0; | ||
| 653 | - right: 0; | 747 | + background: #000; |
| 654 | opacity: .5; | 748 | opacity: .5; |
| 655 | } | 749 | } |
| 750 | + | ||
| 656 | .err-info { | 751 | .err-info { |
| 657 | - display: none; | ||
| 658 | - z-index: 1000; | ||
| 659 | position: absolute; | 752 | position: absolute; |
| 660 | top: -41px; | 753 | top: -41px; |
| 661 | left: 0px; | 754 | left: 0px; |
| 755 | + z-index: 1000; | ||
| 756 | + display: none; | ||
| 757 | + padding: 0 10px; | ||
| 662 | height: 30px; | 758 | height: 30px; |
| 663 | - line-height: 30px; | ||
| 664 | - color: red; | ||
| 665 | - background-color: #ffebeb; | ||
| 666 | border: 1px solid #ffbdbe; | 759 | border: 1px solid #ffbdbe; |
| 667 | - padding: 0 10px; | 760 | + background-color: #ffebeb; |
| 761 | + color: red; | ||
| 762 | + line-height: 30px; | ||
| 763 | + | ||
| 668 | b { | 764 | b { |
| 669 | - background: resolve('passport/angle.png'); | ||
| 670 | position: absolute; | 765 | position: absolute; |
| 671 | - height: 9px; | ||
| 672 | - width: 17px; | ||
| 673 | top: 30px; | 766 | top: 30px; |
| 674 | left: 10px; | 767 | left: 10px; |
| 768 | + width: 17px; | ||
| 769 | + height: 9px; | ||
| 770 | + background: resolve('passport/angle.png'); | ||
| 675 | } | 771 | } |
| 676 | -} | ||
| 772 | +} |
| 1 | .welcome-page { | 1 | .welcome-page { |
| 2 | - text-align: center; | ||
| 3 | color: #7f7f7f; | 2 | color: #7f7f7f; |
| 3 | + text-align: center; | ||
| 4 | 4 | ||
| 5 | .content { | 5 | .content { |
| 6 | padding-top: 82px; | 6 | padding-top: 82px; |
| 7 | } | 7 | } |
| 8 | 8 | ||
| 9 | .wel-title { | 9 | .wel-title { |
| 10 | - font-size: 30px; | ||
| 11 | margin-bottom: 30px; | 10 | margin-bottom: 30px; |
| 11 | + font-size: 30px; | ||
| 12 | 12 | ||
| 13 | em { | 13 | em { |
| 14 | - font-style: normal; | ||
| 15 | color: #ff1901; | 14 | color: #ff1901; |
| 15 | + font-style: normal; | ||
| 16 | } | 16 | } |
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | .wel-sub-title { | 19 | .wel-sub-title { |
| 20 | - font-size: 16px; | ||
| 21 | margin-bottom: 60px; | 20 | margin-bottom: 60px; |
| 21 | + font-size: 16px; | ||
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .link { | 24 | .link { |
| @@ -30,10 +30,10 @@ | @@ -30,10 +30,10 @@ | ||
| 30 | } | 30 | } |
| 31 | 31 | ||
| 32 | .link-img { | 32 | .link-img { |
| 33 | - height: 91px; | 33 | + margin-bottom: 10px; |
| 34 | width: 91px; | 34 | width: 91px; |
| 35 | + height: 91px; | ||
| 35 | background-size: 100% 100%; | 36 | background-size: 100% 100%; |
| 36 | - margin-bottom: 10px; | ||
| 37 | } | 37 | } |
| 38 | 38 | ||
| 39 | .go-shopping { | 39 | .go-shopping { |
| @@ -1021,13 +1021,7 @@ | @@ -1021,13 +1021,7 @@ | ||
| 1021 | 1021 | ||
| 1022 | .hot-point { | 1022 | .hot-point { |
| 1023 | position: absolute; | 1023 | position: absolute; |
| 1024 | - /*background: #fff;*/ | ||
| 1025 | - | ||
| 1026 | - /* | ||
| 1027 | - IE8 Hack | ||
| 1028 | - */ | ||
| 1029 | - | ||
| 1030 | - filter: progid:dximagetransform.microsoft.alpha(Opacity=0); | 1024 | + filter: progid:dximagetransform.microsoft.alpha(Opacity=0); /* IE8 Hack */ |
| 1031 | 1025 | ||
| 1032 | &.hover .pointer { | 1026 | &.hover .pointer { |
| 1033 | background-position: 0 -25px; | 1027 | background-position: 0 -25px; |
-
Please register or login to post a comment