样式调整

src/main/resources/static/css/account/bind.css

@@ -1,70 +1,71 @@
-@charset "utf-8";
-li{list-style:none}
-/**
- * PC端
- */
-@media screen and (min-width:768px){
-    footer .footTop{display:none;}
-    .signAccount.bind {width: 968px;margin: 40px auto;background: #FFFFFF;}
-    .signAccount.bind .title {height: 42px;font-size: 24px;line-height: 42px;font-weight: normal;color: #22272e;padding: 10px 0;text-align: left;}
-    .signAccount.bind .title.center {text-align: center;padding: 20px 0;font-size:32px;}
-    .signAccount.bind .title-tips{margin-bottom: 32px;width: 968px;height: 60px;box-sizing: border-box;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
-    .signAccount.bind .title-tips p{width: 968px;height: 60px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 60px;letter-spacing: 1px;color: #FF5B00;text-align: center;}
-    .signAccount.bind .registerClub{width:400px;margin:0 auto;}
-    .form-step{width: 160px;height: 1px;background: #E2E2E2;margin: 60px auto;position: relative;}
-    .form-step .step{display: block;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;background: #E2E2E2;font-size: 18px;color: #FFFFFF;text-align: center;position: absolute;}
-    .form-step .step.one{top: -15px;left: -37px;}
-    .form-step .step.two{top: -15px;right:-37px;}
-    .form-step .step.active{background: #E15621;}
-    .formLine-tabs{ width: 100%;height: 66px;box-sizing: border-box;padding: 21px 0;float: left;margin-bottom: 10px;}
-    .formLine-tabs .tabs-item{ width: 50%;height: 24px;box-sizing: border-box;float: left;display: block;line-height: 24px;font-size: 18px;color: #22272E;position: relative;text-align: center;}
-    .formLine-tabs .tabs-item:before{content: '';width: 24px;height: 4px;background: #FFFFFF;position: absolute;bottom: -5px;left: 50%;margin-left: -12px;}
-    .formLine-tabs .tabs-item.current{font-weight: bold;color: #E15621;}
-    .formLine-tabs .tabs-item.current:before{background: #E15621;}
-    .formLine{width: 100%;float: left;}
-    .formLine.smscode{width: 280px;}
-    .formLine .code-btn{width: 120px;height: 44px;line-height: 44px;text-align: center;background: #E15621;font-size: 14px;color: #FFFFFF;position: absolute;right: -119px;top: 31px;}
-    .formLine .code-btn.disabled{background: rgba(225,86,33,0.7);}
-    .formLine input{height:44px;line-height:44px;}
-    .formLine input.smscode{box-sizing: border-box;}
-    .subLine{width: 100%;float: left;margin: 40px 0;}
-    .subLine .btn.disabled{background: #E2E2E2;}
-
-    .foot{width:100%;height:96px;background:#262626;margin-top:0px;}
-    .footer{width:1185px;margin:0 auto;text-align:center;height: 96px;box-sizing: border-box;padding: 20px 0;}
-    .footer p{line-height: 30px;color: #FFFFFF;}
-    .footer p span{margin:0 5px}
-    .footer p span a{color: #FFFFFF;}
-    .footer p span a:hover{color: #E15621;}
-    .footer p span img.icp{width: 18px;height: 18px;display: inline-block;}
-}
-
-/**
-* 移动端
-*/
-@media screen and (max-width:768px){
-    body{background-color: #FFFFFF;}
-    footer{display:none}
-    .signAccount.bind {width:100%;box-sizing: border-box;padding: 0 4vw;}
-    .signAccount.bind .title {height:4vw;font-size: 4.2vw;line-height: 4vw;font-weight: normal;color: #22272e;padding: 1vw 0;text-align: center;font-weight: bold;}
-    .signAccount.bind .title.center {text-align: center;padding: 4vw 0;font-size:4vw;}
-    .signAccount.bind .title-tips{margin-bottom: 4vw;width:100%;height: 12vw;box-sizing: border-box;padding: 2vw 0;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
-    .signAccount.bind .title-tips p{width:100%;height:4vw;font-family: Microsoft YaHei;font-size: 3vw;font-weight: normal;font-stretch: normal;line-height:4vw;color: #FF5B00;text-align: center;}
-    .form-step{width: 160px;height: 1px;background: #E2E2E2;margin: 60px auto;position: relative;}
-    .form-step .step{display: block;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;background: #E2E2E2;font-size: 18px;color: #FFFFFF;text-align: center;position: absolute;}
-    .form-step .step.one{top: -15px;left: -37px;}
-    .form-step .step.two{top: -15px;right:-37px;}
-    .form-step .step.active{background: #E15621;}
-    .formLine-tabs{ width: 100%;height: 66px;box-sizing: border-box;padding: 21px 0;float: left;margin-bottom: 10px;}
-    .formLine-tabs .tabs-item{ width: 50%;height: 24px;box-sizing: border-box;float: left;display: block;line-height: 24px;font-size: 18px;color: #22272E;position: relative;text-align: center;}
-    .formLine-tabs .tabs-item:before{content: '';width: 24px;height: 4px;background: #FFFFFF;position: absolute;bottom: -5px;left: 50%;margin-left: -12px;}
-    .formLine-tabs .tabs-item.current{font-weight: bold;color: #E15621;}
-    .formLine-tabs .tabs-item.current:before{background: #E15621;}
-    .formLine{float: left;}
-    .formLine.smscode{width: 68vw;}
-    .formLine input{height:11.2vw;line-height:6vw;padding: 2.6vw 0;box-sizing: border-box;}
-    .formLine .code-btn{width: 24.8vw;height:11.2vw;line-height: 11.2vw;text-align: center;background: #E15621;font-size:3.4vw;color: #FFFFFF;position: absolute;right: -23.8vw;top: 10.1vw;}
-    .formLine .code-btn.disabled{background: rgba(225,86,33,0.7);}
-    .subLine{ width: 100%;float: left; }
-    .foot{display: none;}
-}
+@charset "utf-8";
+li{list-style:none}
+/**
+ * PC端
+ */
+@media screen and (min-width:768px){
+    footer .footTop{display:none;}
+    .signAccount.bind {width: 968px;margin: 40px auto;background: #FFFFFF;}
+    .signAccount.bind .title {height: 42px;font-size: 24px;line-height: 42px;font-weight: normal;color: #22272e;padding: 10px 0;text-align: left;}
+    .signAccount.bind .title.center {text-align: center;padding: 20px 0;font-size:32px;}
+    .signAccount.bind .title-tips{margin-bottom: 32px;width: 968px;height: 60px;box-sizing: border-box;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
+    .signAccount.bind .title-tips p{width: 968px;height: 60px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 60px;letter-spacing: 1px;color: #FF5B00;text-align: center;}
+    .signAccount.bind .registerClub{width:400px;margin:0 auto;}
+    .form-step{width: 160px;height: 1px;background: #E2E2E2;margin: 60px auto;position: relative;}
+    .form-step .step{display: block;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;background: #E2E2E2;font-size: 18px;color: #FFFFFF;text-align: center;position: absolute;}
+    .form-step .step.one{top: -15px;left: -37px;}
+    .form-step .step.two{top: -15px;right:-37px;}
+    .form-step .step.active{background: #FF5B00;}
+    .formLine-tabs{ width: 100%;height: 66px;box-sizing: border-box;padding: 21px 0;float: left;margin-bottom: 10px;}
+    .formLine-tabs .tabs-item{ width: 50%;height: 24px;box-sizing: border-box;float: left;display: block;line-height: 24px;font-size: 18px;color: #22272E;position: relative;text-align: center;}
+    .formLine-tabs .tabs-item:before{content: '';width: 24px;height: 4px;background: #FFFFFF;position: absolute;bottom: -5px;left: 50%;margin-left: -12px;}
+    .formLine-tabs .tabs-item.current{font-weight: bold;color: #FF5B00;}
+    .formLine-tabs .tabs-item.current:before{background: #FF5B00;}
+    .formLine{width: 100%;float: left;}
+    .formLine.smscode{width: 100%;}
+    .formLine .code-btn{width: 160px;height: 44px;border-radius:0 22px 22px 0;line-height: 44px;text-align: center;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);font-size: 14px;color: #FFFFFF;position: absolute;right: 0;top: 32px;}
+    .formLine .code-btn.disabled{background: rgba(225,86,33,0.7);}
+    .formLine input{height:44px;line-height:44px;}
+    .formLine input.smscode{box-sizing: border-box;}
+    .subLine{width: 100%;float: left;margin: 40px 0;}
+    .subLine .btn.disabled{background: #E2E2E2;}
+
+    .foot{width:100%;height:auto;background:#262626;margin-top:0px;}
+    .footer{width:100%;margin:0 auto;text-align:center;height: auto;box-sizing: border-box;padding: 20px 0;}
+    .footer .back-link a {color: #FFF;}
+    .footer p{line-height: 30px;color: #FFFFFF;}
+    .footer p span{margin:0 5px}
+    .footer p span a{color: #FFFFFF;}
+    .footer p span a:hover{color: #FF5B00;}
+    .footer p span img.icp{width: 18px;height: 18px;display: inline-block;}
+}
+
+/**
+* 移动端
+*/
+@media screen and (max-width:768px){
+    body{background-color: #FFFFFF;}
+    footer{display:none}
+    .signAccount.bind {width:100%;box-sizing: border-box;padding: 0 4vw;}
+    .signAccount.bind .title {height:4vw;font-size: 4.2vw;line-height: 4vw;font-weight: normal;color: #22272e;padding: 1vw 0;text-align: center;font-weight: bold;}
+    .signAccount.bind .title.center {text-align: center;padding: 4vw 0;font-size:4vw;}
+    .signAccount.bind .title-tips{margin-bottom: 4vw;width:100%;height: 12vw;box-sizing: border-box;padding: 2vw 0;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
+    .signAccount.bind .title-tips p{width:100%;height:4vw;font-family: Microsoft YaHei;font-size: 3vw;font-weight: normal;font-stretch: normal;line-height:4vw;color: #FF5B00;text-align: center;}
+    .form-step{width: 160px;height: 1px;background: #E2E2E2;margin: 60px auto;position: relative;}
+    .form-step .step{display: block;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;background: #E2E2E2;font-size: 18px;color: #FFFFFF;text-align: center;position: absolute;}
+    .form-step .step.one{top: -15px;left: -37px;}
+    .form-step .step.two{top: -15px;right:-37px;}
+    .form-step .step.active{background: #FF5B00;}
+    .formLine-tabs{ width: 100%;height: 66px;box-sizing: border-box;padding: 21px 0;float: left;margin-bottom: 10px;}
+    .formLine-tabs .tabs-item{ width: 50%;height: 24px;box-sizing: border-box;float: left;display: block;line-height: 24px;font-size: 18px;color: #22272E;position: relative;text-align: center;}
+    .formLine-tabs .tabs-item:before{content: '';width: 24px;height: 4px;background: #FFFFFF;position: absolute;bottom: -5px;left: 50%;margin-left: -12px;}
+    .formLine-tabs .tabs-item.current{font-weight: bold;color: #FF5B00;}
+    .formLine-tabs .tabs-item.current:before{background: #FF5B00;}
+    .formLine{float: left;}
+    .formLine.smscode{width: 100%;}
+    .formLine input{height:11.2vw;line-height:6vw;padding: 2.6vw 0;box-sizing: border-box;}
+    .formLine .code-btn{width: 40vw;height:11.2vw;border-radius: 0 5.6vw 5.6vw 0; line-height: 11.2vw;text-align: center;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);font-size:3.4vw;color: #FFFFFF;position: absolute;right: 0;top: 10.1vw;}
+    .formLine .code-btn.disabled{background: rgba(225,86,33,0.7);}
+    .subLine{ width: 100%;float: left; }
+    .foot{display: none;}
+}