@import '~antd/es/style/themes/default.less'; /* 0.5px */ .borderSlender(@color) { position: absolute; bottom: 0; width: 100%; height: 1px; background-color: @color; -webkit-transform: scaleY(0.5); -moz-transform: scaleY(0.5); transform: scaleY(0.5); content: ''; } .quota { position: relative; width: 100%; height: 100%; background: url('@/assets/images/login/能源-定额/背景.png') no-repeat; background-size: cover; .head { position: absolute; top: 0; width: 100%; height: 66px; display: flex; justify-content: space-between; z-index: 10; .title { padding-left: 20px; font-size: 24px; font-weight: bold; color: #FFFFFF; text-shadow: 0px 0px 2px rgba(2, 49, 21, 0.51); line-height: 66px; } .time_and_date { padding-right: 50px; display: flex; align-items: center; .time { padding: 5px; font-size: 34px; font-weight: 400; color: #FFFFFF; text-shadow: 0px 0px 2px rgba(2, 49, 21, 0.8); } .date { padding: 5px; font-size: 16px; font-weight: 500; color: #FFFFFF; text-shadow: 0px 0px 2px rgba(2, 49, 21, 0.51); display: flex; flex-direction: column; line-height: 1.1; } } } .head::after { .borderSlender(@color: rgb(255, 255, 255, 0.32)); } .wrap_content { position: relative; width: 100%; height: 100%; .from { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; width: 620px; height: 429px; margin: auto; overflow: hidden; // background: rgba(255, 255, 255, 0.8); background: #FFFFFF; border-radius: 15px; .slogan { height: 118px; background: linear-gradient(0deg, #00712f 0%, #0dae50 100%); .slogan_back{ width: 100%; height: 100%; background: url('@/assets/images/login/能源-定额/宣传语.png') no-repeat; background-position: center; } } .login { // flex: 1; height: calc(100% - 118px); padding: 50px 60px; } } } } .form_login { width: 100%; height: 100%; .checkbox_wrap { margin-bottom: @margin-md; color: #376149; a { float: right; } } :global { .panda-console-base-input-affix-wrapper:focus, .panda-console-base-input-affix-wrapper-focused { box-shadow: none; } .panda-console-base-input-affix-wrapper { color: #037633; background: none; } .panda-console-base-input { background: none; } .panda-console-base-input-affix-wrapper-status-error:not(.panda-console-base-input-affix-wrapper-disabled):not(.panda-console-base-input-affix-wrapper-borderless).panda-console-base-input-affix-wrapper:focus, .panda-console-base-input-affix-wrapper-status-error:not(.panda-console-base-input-affix-wrapper-disabled):not(.panda-console-base-input-affix-wrapper-borderless).panda-console-base-input-affix-wrapper-focused { box-shadow: none; } .panda-console-base-input-affix-wrapper:focus .panda-console-base-input-affix-wrapper-lg { border-color: #00a854 !important; } .panda-console-base-input-affix-wrapper:not(.panda-console-base-input-affix-wrapper-disabled):hover { z-index: 1; border-color: #00a854; border-right-width: 1px; } .panda-console-base-input-affix-wrapper-status-error:not(.panda-console-base-input-affix-wrapper-disabled):not(.panda-console-base-input-affix-wrapper-borderless).panda-console-base-input-affix-wrapper, .panda-console-base-input-affix-wrapper-status-error:not(.panda-console-base-input-affix-wrapper-disabled):not(.panda-console-base-input-affix-wrapper-borderless).panda-console-base-input-affix-wrapper:hover { border-color: #ff4d4f; } .panda-console-base-input-affix-wrapper-focused, .panda-console-base-input-affix-wrapper:focus { z-index: 0; } .panda-console-base-input-affix-wrapper-lg { background-color: none; border: none; border-bottom-color: #376149; border-bottom-width: 1px; border-bottom-style: solid; } .panda-console-base-input-affix-wrapper > input.panda-console-base-input { background-color: none; } .panda-console-base-form { width: 100%; height: 100%; } .panda-console-base-checkbox-wrapper { color: #376149; } .panda-console-base-checkbox-wrapper:hover .panda-console-base-checkbox::after { border-color: #00a854; } .panda-console-base-checkbox-wrapper:hover .panda-console-base-checkbox-inner, .panda-console-base-checkbox:hover .panda-console-base-checkbox-inner, .panda-console-base-checkbox-input:focus + .panda-console-base-checkbox-inner { border-color: #037633; } .panda-console-base-checkbox-wrapper { .panda-console-base-checkbox-checked .panda-console-base-checkbox-inner { background-color: #037633; border-color: #037633; } .panda-console-base-checkbox-inner { border-color: #037633; border-radius: 50%; } } .panda-console-base-btn-lg { width: 100%; } .panda-console-base-btn-primary { background: #037633; border-color: #037633; border-radius: 23px; } } }