|
@@ -1,126 +1,124 @@
|
|
|
-* {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- list-style-type: none;
|
|
|
- box-sizing: border-box;
|
|
|
- text-decoration: none;
|
|
|
+.w {
|
|
|
+ width: 1200px;
|
|
|
+ margin: auto;
|
|
|
}
|
|
|
-
|
|
|
-div {}
|
|
|
-
|
|
|
-.biggestBox {
|
|
|
- height: 100vh;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.reg-Page {
|
|
|
- border: 1px solid rgb(218, 220, 224);
|
|
|
- min-width: 448px;
|
|
|
- height: auto;
|
|
|
- padding: 48px 40px 36px 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.reg-Page>h1 {
|
|
|
- padding-top: 16px;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: 400;
|
|
|
- color: #202124;
|
|
|
-}
|
|
|
-
|
|
|
-.reg-Page>h1>p {
|
|
|
- color: rgb(254, 152, 2);
|
|
|
- display: inline;
|
|
|
-}
|
|
|
-
|
|
|
-.keepOn {
|
|
|
- padding-top: 8px;
|
|
|
- color: #202124;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 400;
|
|
|
- letter-spacing: 0.1px;
|
|
|
- line-height: 1.5;
|
|
|
+.header {
|
|
|
+ height: 82px;
|
|
|
+ border-bottom: 2px solid #b1191a;
|
|
|
}
|
|
|
-
|
|
|
-.inputStuff {}
|
|
|
-
|
|
|
-.inputStuff input {
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- padding: 7px 9px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- border-radius: 4px;
|
|
|
-}
|
|
|
-
|
|
|
.logo {
|
|
|
- color: rgb(254, 152, 2);
|
|
|
- font-size: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.firBox {
|
|
|
- padding: 24px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.secBox {
|
|
|
- padding: 24px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.warning {
|
|
|
- margin-left: 10px;
|
|
|
- padding-top: 4px;
|
|
|
- font-size: 13px;
|
|
|
- color: #5f6368;
|
|
|
-}
|
|
|
-
|
|
|
-.checkPassword {
|
|
|
- position: relative;
|
|
|
- padding-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.checkPassword input {
|
|
|
- position: relative;
|
|
|
- top: 3.5px;
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.checkPassword p {
|
|
|
- display: inline-block;
|
|
|
-}
|
|
|
-
|
|
|
-.lastBox {
|
|
|
- font-size: 14px;
|
|
|
- display: flex;
|
|
|
- margin-top: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.sign-in {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: calc(50% - 1px);
|
|
|
-}
|
|
|
-
|
|
|
-.sign-in>div {
|
|
|
- height: 14px;
|
|
|
- color: rgb(254, 152, 2);
|
|
|
- padding: 0 8px;
|
|
|
-}
|
|
|
-
|
|
|
-.sign-in>div>span {}
|
|
|
-
|
|
|
-.regConfirm {
|
|
|
- width: calc(50% - 1px);
|
|
|
-}
|
|
|
-
|
|
|
-.regConfirm>div {
|
|
|
- width: 90px;
|
|
|
- height: 48px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- float: right;
|
|
|
- background-color: rgb(254, 152, 2);
|
|
|
- border-radius: 4px;
|
|
|
- color: white;
|
|
|
+ padding-top: 15px;
|
|
|
+}
|
|
|
+.registerarea {
|
|
|
+ height: 520px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+.registerarea h3 {
|
|
|
+ height: 40px;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ background-color: #ececec;
|
|
|
+ padding: 0 10px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.registerarea h3 em {
|
|
|
+ float: right;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.registerarea a {
|
|
|
+ color: #c81623;
|
|
|
+}
|
|
|
+.reg_form {
|
|
|
+ width: 600px;
|
|
|
+ height: 400px;
|
|
|
+ margin: 40px auto 0;
|
|
|
+}
|
|
|
+.reg_form li {
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+.reg_form label {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.inp {
|
|
|
+ width: 238px;
|
|
|
+ height: 34px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+.error {
|
|
|
+ color: #df3033;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+.error_icon,
|
|
|
+.success_icon {
|
|
|
+ display: inline-block;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ background: url(../img/error.png) no-repeat;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-top: -2px;
|
|
|
+}
|
|
|
+.success {
|
|
|
+ color: #40b83f;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+.success_icon {
|
|
|
+ background-image: url(../img/success.png);
|
|
|
+}
|
|
|
+.safe {
|
|
|
+ padding-left: 187px;
|
|
|
+ color: #b2b2b2;
|
|
|
+}
|
|
|
+.safe em {
|
|
|
+ padding: 0 12px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.ruo {
|
|
|
+ background-color: #de1111;
|
|
|
+}
|
|
|
+
|
|
|
+.zhong {
|
|
|
+ background-color: #40b83f;
|
|
|
+}
|
|
|
+
|
|
|
+.qiang {
|
|
|
+ background-color: #f79100;
|
|
|
+}
|
|
|
+.agree {
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-left: 100px;
|
|
|
+}
|
|
|
+.agree input {
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+.agree a {
|
|
|
+ color: #1ba1e6;
|
|
|
+}
|
|
|
+.over {
|
|
|
+ width: 200px;
|
|
|
+ height: 34px;
|
|
|
+ background-color: #c81623;
|
|
|
+ margin: 30px 0 0 130px;
|
|
|
+ border: none;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+}
|
|
|
+.footer {
|
|
|
+ height: 120px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.links {
|
|
|
+ margin-top: 20px;
|
|
|
+ height: 30px;
|
|
|
+}
|
|
|
+.copyright {
|
|
|
+ line-height: 20px;
|
|
|
}
|