@charset "UTF-8";

:root {
    --gray-10: #fff;
    --gray-70: #f7f7f7;
    --gray-80: #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #eee;
    --gray-300: #ddd;
    --gray-400: #cacaca;
    --gray-500: #aaa;
    --gray-600: #999;
    --gray-700: #666;
    --gray-800: #333;
    --bg-color-default: #fff;
    --bg-color-panel: #fff;
    --bg-color-float: #fff;
    --text-color: #333;
    --image-preview-bg-color: #333;
    --image-preview-backdrop-bg-color: rgba(51, 51, 51, .95);
    --image-preview-text-color: #fff;
    --image-preview-action-bg-color: rgba(255, 255, 255, .2);
    --image-preview-action-icon-color: #fff;
    --image-preview-switch-bg-color: #666;
    --image-preview-switch-hover-bg-color: #aaa;
    --image-preview-switch-icon-color: #aaa;
    --image-preview-switch-icon-hover-color: #666;
    --menu-theme-dark-text-color: #ddd;
    --menu-theme-dark-icon-color: #ddd;
    --menu-theme-dark-divider-color: #666;
    --menu-theme-dark-hover-color: #ddd;
    --carousel-control-bg-color: #f7f7f74d;
    --carousel-control-hover-bg-color: #f7f7f799;
    --carousel-dot-bg-color: #ffffff80;
    --layout-header-box-shadow: 0 4px 8px 0px rgba(0 0 0 / 3%);
    --layout-sidebar-light-bg-color: #fbfbfb;
    --table-fixed-column-left-box-shadow: 6px 0 6px 0 rgba(0, 0, 0, .05);
    --table-fixed-column-right-box-shadow: -6px 0 6px 0 rgba(0, 0, 0, .05);
    --segment-active-bg-color: #fff;
    --tooltip-bg-color: #000000bf;
    --calendar-active-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .12);
    --checkbox-disabled-bg-color: rgba(0, 0, 0, .03);
    --avatar-disabled-color: #f5f5f5;
    --float-btn-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    --float-btn-hover-box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}


*,*:before,*:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}


body {
    width: 100%;
    height: 100%;
    font-family: PingFangSC-Regular;
    background-color: var(--gray-80);
    color: var(--gray-800);
	overflow-x: hidden; /* 隐藏横向滚动条 */
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Noto Sans,Noto Sans CJK SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5715;
    color: var(--gray-800);
    text-align: left;
    background-color: var(--bg-color-default)
}

input{
	margin-top: 10px;
}

.login-root {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    min-height: 100vh
}

.login-body {
	min-height: 600px;
	padding: 40px 0;
	width: 1000px;
	display: flex;
	margin: 0 auto;
	flex-direction: row;
	background: #fff;
	box-shadow: 0 2px 30px #5f6f7c17
}

.login-body .login-body-info {
	/*display: login-*/
	width: 500px;
	padding: 0 42px;
	flex: 1;
	flex-direction: column;
	border-right: 1px solid #eee
}

.login-body .login-body-info .info-logo {
	height: 40px
}

.login-body .login-body-info .info-image {
	display: flex;
	width: 100%;
	flex: 1;
	justify-content: center;
	align-items: center
}

.login-body .login-body-info .info-image img {
	width: 415px;
	max-height: 350px;
	object-fit: contain
}

.login-body .login-body-content {
	width: 500px;
	padding: 0 42px
}


 .form-container-header {
    position: relative;
    box-sizing: border-box
}

 .form-container-header .form-container-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

 .form-container-header .form-container-header-title>span {
    font-size: 28px;
    color: var(--gray-800);
    line-height: 38px;
    margin-bottom: 8px
}

 .form-container-header .form-container-header-description {
    color: var(--gray-600)
}

 .form-container-body {
    font-size: 14px;
    padding-top: 40px;
    box-sizing: border-box;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.form-label {
    font-size: 16px;
    line-height: 22px;
}
.form-control {
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control {
    display: block;
    width: 100%;
    padding: .657rem .75rem;
    font-size: 16px;
    line-height: 1.5715;
    color: var(--gray-800);
    background-color: var(--bg-color-default);
    background-clip: padding-box;
    border: 1px solid var(--gray-200);
    border-radius: .25rem;
}
.thy-input {
    position: relative;
    width: 100%;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
}

.thy-input>.input-prepend+.form-control {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.form-group-footer .form-footer-actions>* {
    margin-top:10px;
    flex: 1;
}
.form-group-footer .form-footer-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form-group {
    margin-bottom: 24px;
}

.btn-square {
    border-radius: .25rem;
}

.btn-primary, .btn-group-primary>.btn {
    color: #fff;
    background-color: #6698ff;
    border-color: #6698ff;
}

.btn {
    padding: .657rem 1.25rem;
    font-size: 16px;
    line-height: 1.5715;
    width: 100%!important;
    border-radius: 4px;
    margin-left: 0px!important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid transparent;
}

.btn:hover, .btn:active, .btn:focus, .btn:active:focus, .btn:hover:active {
      padding: .657rem 1.25rem;
     background-color: #6698ff;
}