|
|
@@ -46,9 +46,25 @@ li{list-style:none}
|
|
|
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: 3.4vw;line-height: 4vw;font-weight: normal;color: #22272e;padding: 1vw 0;text-align: left;font-weight: bold;}
|
|
|
+ .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: #e15616;text-align: center;}
|
|
|
- .foot{display: block;}
|
|
|
+ .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;}
|
|
|
}
|
