.wrap { width: 960px; margin: 0 auto; .header { .login-logo { float: left; height: 60px; width: 540px; margin: 16px 0 0 8px; .logo { width: 100px; background: #eee; padding-top: 60px; float: left; margin-right: 10px; position: relative; overflow: hidden; img { position: absolute; top: 0; left: 0; height: 60px; width: 100px; } } .logo-text { float: left; border-left: 1px solid #eee; line-height: 60px; font-size: 22px; span { margin-left: 10px; } } } .back { float: right; line-height: 20px; margin-top: 88px; } .text { float: left; width: 80%; margin-left: 8px; line-height: 40px; } } .content { margin: 16px 10px; .login-left { float: left; width: 560px; } .login-right { float: right; width: 340px; border-left: 1px solid #eee; padding-left: 20px; } .login-form { .ant-checkbox-wrapper { width: 50%; margin-right: 0; } button { width: 100%; margin: 10px 0; } .reg { text-align: center; .login-form-forgot { border-right: 1px solid #aaa; padding-right: 8px; margin-right: 8px; } } } .login-other { ul { width: 100%; li { cursor: pointer; width: 33%; float: left; padding: 4px 10px; img { height: 24px; vertical-align: middle; float: left; } p { font-size: 14px; line-height: 24px; float: left; margin-left: 4px; } } } } } .footer { text-align: center; p { margin: 10px 0; } } //antd样式更改 .ant-tabs-nav { width: 100%; .ant-tabs-tab { width: 50%; text-align: center; margin-right: 0; } } .ant-input { width: 81%; margin-left: 10px; } .ant-form-item-control { span { font-size: 14px; } } .ant-form-item { margin-top:26px; margin-bottom:0px; } }