body {
    font-variant: tabular-nums;
    font-feature-settings: 'tnum';
    margin: 0;
}
button {
    cursor: pointer;
}
* {
    outline: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}
table tbody {
    display:block;
    /*    height:480px;
        overflow: hidden;*/
    -webkit-overflow-scrolling: touch;
}


table thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

/*table thead {
    width: calc( 100% - 1.2em )
}*/
table thead th{ background:#ccc;}
.bg-white {
    background-color: #fff!important;
}
.align-items-center {
    align-items: center!important;
}
.d-flex {
    display: flex!important;
}
.login-page {
    position: relative;
}
.login-page::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #041e37;
    background-size: cover;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
}
.page {
    overflow-x: hidden;
}
.login-page .container {
    min-height: 100vh;
    max-width: 100%;
    z-index: 999;
    padding: 20px;
    position: relative;
    margin: 0 auto;
}
.login-page .form-holder {
    width: 100%;
    margin-bottom: 50px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.login-page .form-holder div[class*='col-'] {
    padding: 0;
}
@media (min-width: 992px){
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.login-page .form-holder .info {
    color: #fff;position: relative;
}
.login-page .form-holder .info, .login-page .form-holder .form {
    padding: 15px;
}
.login-page .form-holder .info h1 {
    font-size: 2.5em;
    font-weight: 600;
    color: #fff;
    line-height: 1.1;
    margin:0;
    display: inline-block;
}
.login-page .form-holder .info h1 img{width:195px;margin:7px 25px 0 0}
.login-page .sso440 .info h1 img{width:298px;margin: auto}
.login-page .form-holder .info p {
    font-weight: 300;
    font-family: "Poppins", sans-serif;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
.login-page .form-holder .form .content{
    width: 100%;
}
.login-page .form-holder .form small {
    color: #aaa;
}
small, .small {
    font-size: 80%;
    font-weight: 400;
}
.login-page .form-holder .form a.forgot-pass, .login-page .form-holder .form a.signup {
    font-size: 15px;
    color: #85b4f2;
}
input.input-material {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 16px;
    background-color: #fff;
    border-radius: 5px;
}
input.input-material ~ label {
    color: #aaa;
    position: absolute;
    top: 14px;
    left: 0;
    cursor: text;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: 300;
}
.login-page .form-holder .form form {
    width: 100%;
    /*max-width: 400px;*/
}
.login-page .form-holder .form .form-group {
    position: relative;
    margin-bottom: 30px;
}
form input[type='radio'], form input[type='checkbox'] {
    width: 14px;
    height: 14px;
    /*appearance: none;*/
    margin: -2px 5px;
    vertical-align: inherit;
    background: #dae2e7;
}
input[type='radio'], input[type='checkbox'] {
    box-sizing: border-box;
    padding: 0;
}
.login-page .form-holder .form .terms-conditions label {
    cursor: pointer;
    color: #aaa;
    font-size: 15px;
}
.regidter{
    background: #435c70;
    border-color: #435c70;
    font-size: 15px;
    height: 38px;
    line-height: 24px;
    font-family: "Poppins", sans-serif;
}
small{
    font-size: 15px;
}
.ant-btn-primary {
    color: #fff;
    border-radius: 3px;
    min-width: 100px;
    border: 0px;
}
/*.input-material-child{
   width: 60% !important;
}*/
.ant-table {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: 'tnum';
    position: relative;
    clear: both;
    font-size: 13px;
}
.ant-table-body {
    transition: opacity .3s;
}
nz-table .ant-table table {
    border-collapse: separate;
    border-spacing: 0;
}
.ant-table table {
    width: 100%;
    text-align: left;
    border-radius: 4px 4px 0 0;
    border-collapse: collapse;
}
.ant-table-tbody>tr, .ant-table-thead>tr {
    transition: all .3s,height 0s;
}
.ant-table-thead>tr:first-child>th:first-child {
    border-top-left-radius: 4px;
}
.ant-table-tbody>tr>td, .ant-table-thead>tr>th {
    padding: 16px;
}
.ant-table-thead>tr>th {
    font-size:13px;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
    transition: background .3s ease;
}
.ant-table-tbody>tr, .ant-table-thead>tr {
    transition: all .3s,height 0s;
}
.ant-table-row{
    border-bottom: 1px solid #e8e8e8;
    line-height: 45px;
}
.ant-table-tbody>tr>td {
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s,border 0s;
}
a {
    color: #1890ff;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects;
    margin:5px;
}
.ant-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.selectpicker{ width: 200px; display: inline-block; overflow-x: hidden; line-height: 28px; font-size:16px;
//    background:#fff url(images/selectbg.png) right center no-repeat;
    border: 1px solid #dcdbdb; vertical-align: middle;font-family: "Poppins", sans-serif;
    padding: 8px;
    color: #8E8E8E;
    border-radius: 4px;
}
.selectpicker select{cursor: pointer; padding: 0 8px; height: 28px; line-height: 28px; font-size: 12px; width:118%; padding-right: 18%; background:none; border: none;}
.selectpicker select option{ padding:5px;}

/* logo */
.logo{margin:auto}

/* 登录页 */
.login-page .sso440{width:440px;margin:auto}
.login-page input.input-material.code{border-radius: 5px 0 0 5px;width:60%}
.login-page button.codeBtn{border-radius: 0 5px 5px 0;width:40%;height:45px;}
.login-page button.loginBtn{width:100%;height:45px;margin-top:20px}
.mainMenu button{width:100%;height:50px;margin:0 0 35px;border-radius:50px;}
.mainMenu span{display: inline-block;margin-right:8px;font-size:25px;}
.mainMenu em{ display: inline-block;height:37px;line-height: 37px;font-style: normal;vertical-align: top}
.mainMenu .ssoIcon-prev,.mainMenu .ssoIcon-arrow{transform: rotateY(180deg);}
.label-material{font-size:13px;color:#c30; display: block;text-align: center;margin-top:10px}
.label-smsType{font-size:13px;color:#fff; display: block;text-align: center;margin-top:10px}

@media (max-width:414px) {
    .login-page .sso440{width:280px;}
    .login-page .sso440 .info h1 img{width:270px;}
}

/* 内容页 */
.sso-content{background-color: #fff;border-radius:10px;padding:50px 60px !important;margin-top:23px;position:relative}
.tableList form,.tableList .form-group{margin:0}
.tableList th{text-align:center !important;padding:0 !important;line-height:45px;font-weight: bold !important;}
.tableList td{text-align:center;width:auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:13px;}
.tableList th:nth-of-type(1),.tableList td:nth-of-type(1){width:7%}
.tableList th:nth-of-type(2),.tableList td:nth-of-type(2){width:18%;text-align:left !important;padding-left:20px !important}
.tableList th:nth-of-type(3),.tableList td:nth-of-type(3){width:17%}
.tableList th:nth-of-type(4),.tableList td:nth-of-type(4){width:23%}
.tableList th:nth-of-type(5),.tableList td:nth-of-type(5){width:28%}
.tableList th:nth-of-type(6),.tableList td:nth-of-type(6){width:15%}
.tableList th:nth-of-type(7),.tableList td:nth-of-type(7){width:15%}
.tableList th:nth-of-type(8),.tableList td:nth-of-type(8){width:30%}
.login-page .form-holder .info span{font-size:24px;display: inline-block;}
.addBtn{background-color: #2a8ff7;color:#fff;width:90px;height:32px;line-height:32px;display: inline-block;text-align: center;border-radius:3px;position:absolute;right:40px;top:17px;margin:0;font-size:12px}
.addBtn:hover{color:#fff;text-decoration:none}
.blockBtn{color:#fff;position:absolute;left:10px;top:-30px;margin:0;font-size:14px}
.setPW{/*position:absolute;right:-80px;top:7px*/;display: block;margin:5px 0 0 -5px}
.setPW input{vertical-align: middle !important;margin-top:-5px !important;}
.setPW label{ position: static !important;cursor: pointer}
.login-page .form-holder .form .accountForm{width:516px;margin:40px auto;font-size:12px}
.login-page .form-holder .form .accountForm .form-group{padding-left:90px;margin-bottom:15px}
.login-page .form-holder .form .accountForm .form-group label{position: absolute;left:0;top:9px;color:#666}
.login-page .form-holder .form .accountForm .form-group input.input-material{border:1px solid #d7d7d7;padding:3.5px}
.login-page .form-holder .form .accountForm .form-group .selectpicker{padding:4px}
.login-page .form-holder .form .accountForm .form-group button{width:100%;margin-top:40px;height:45px;font-size:12px}
.login-page .form-holder .form .accountForm .form-group .productList{padding:9px 0 0}
.login-page .form-holder .form .accountForm .form-group .productList input{vertical-align:middle;margin:-2px 0 0 0}
.login-page .form-holder .form .accountForm .form-group .productList label{margin:0 15px 0 0 ;position: static;}
.login-page .form-holder .form .passwordPage .form-group{padding-left:70px}

/* 页码 */
.pageNumber{margin-top:40px;text-align: right}
.pageNumber .aBtn{background-color:#2a8ff7;border-radius: 3px;color:#fff;padding:3px 5px}
.pageNumber ul{padding:0 3px;font-size:12px;margin:0;}
.pageNumber ul,.pageNumber li{display:inline-block;}
.pageNumber li a,.pageNumber em{margin:0;display:block;padding:1px 8px;font-style: normal}
.pageNumber li:nth-of-type(1) a{border:1px solid #e7e7e7;border-right:none;border-radius:3px 0 0 3px;}
.pageNumber li:nth-of-type(2) a,.pageNumber em{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.pageNumber li:nth-of-type(2),.pageNumber li:nth-of-type(3){margin-left:-4px}
.pageNumber li:nth-of-type(3) a{border:1px solid #e7e7e7;border-left:none;border-radius:0 3px 3px 0;}
.pageNumber a{font-size:12px;padding:0 6px}
.pageNumber a:hover{text-decoration: none}
.pageNumber span{color:#999;font-size:12px !important;}
.pageNumber .act{background-color:#e8e8e8;color:#666}

/* 权限管理 */
.form .formPermission{margin:0}
.form .formPermission .ztree,div.content_wrap{width:350px;height:380px;margin:auto}
.form .formPermission .form-group:nth-of-type(2){width:350px;margin:0 auto}
.form .formPermission .form-group:nth-of-type(2) button{width:100%;margin-top:30px;font-size:12px}
.form .formPermission .content_wrap div.left{width:auto;height:auto;float:none}

/* 帐号管理 */
.accountFilter{margin-bottom:30px;overflow: hidden}
.accountFilter label{color:#666;position: absolute;top:5px;left:0;font-size:12px}
.accountFilter input{border: 1px solid #d7d7d7;border-radius: 5px;padding: 3.5px}
.accountFilter .form-group{ padding-left:120px;position: relative;float:left;}
.accountFilter .form-group .selectpicker{padding:6px 4px;width:100%;font-size:13px}
.accountFilter .errorMessageLabel{font-size:13px;color:#c30;margin-top:5px;text-align: left}
.accountFilter .errorMessageLabel span{font-size:13px !important;}
.accountFilter .form-group .btn-primary{height:33px;padding:0;}

/* 404 */
.e404{padding:0 15px;color:#eee}

/* 角色管理 */
.role .product{width:100%}
.role .product label,.role .product .productList label:first-child{position: static}
.role .product label:first-child{position: absolute}
.role .product label span{font-size:12px !important;vertical-align:middle}
.role .product label input{vertical-align: middle;margin-right:0}

@media (max-width: 1200px) {
    .accountFilter .form-group,.role .form-group{width:100%;}
}