|
|
@@ -120,6 +120,24 @@
|
|
|
margin-top: -285px;
|
|
|
margin-left: -225px;
|
|
|
}
|
|
|
+ .login-content .login-tab .tab-item{
|
|
|
+ float: left;
|
|
|
+ color: #bbb;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .login-content .login-tab .active{
|
|
|
+ color: rgba(0, 0, 0, 0.8);
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ .login-content .login-tab .active::after{
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ height: 4px;
|
|
|
+ background-color: #ff5c00;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
/* 登录框 end */
|
|
|
/* 登录内容区域 end */
|
|
|
</style>
|
|
|
@@ -153,7 +171,19 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="login-box"></div>
|
|
|
+ <div class="login-box">
|
|
|
+ <div class="login-tab">
|
|
|
+ <div class="tab-content clearfix">
|
|
|
+ <div class="tab-item active">登录</div>
|
|
|
+ <div class="tab-item ">注册</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="login-inp"></div>
|
|
|
+ <div class="login-info"></div>
|
|
|
+ <div class="login-btn"></div>
|
|
|
+ <div class="login-ctr"></div>
|
|
|
+ <div class="login-other"></div>
|
|
|
+ </div>
|
|
|
<div class="footer"></div>
|
|
|
</div>
|
|
|
</div>
|