@charset "utf-8";
@import url("base.css");
@import url("../../../assets/libs/fastadmin-layer/dist/theme/default/layer.css");



/**登录**/
.login-main{ background-image: url(../../img/login-bg.jpg);}
.login-form{ padding: 6.51vw 2.86vw 0 2.86vw;}
.login-form .filed{ margin-top: 5.729vw;}
.login-form .public-input{ background: #F9F9F9; padding-left:1.5625rem; height: 3.125vw; border-color: var(--color-green); border-radius:1.5625vw; }
.login-form .public-input-account {border-radius: 1.5625vw 0 0 1.5625vw}
.login-form .public-btn{ font-size: 0.9375vw; height: 3.125vw; border-radius:1.5625vw;}
.login-form .btn-copy {border-radius: 0 1.5625vw 1.5625vw 0; height: 3.125vw; margin: 0}


/**index**/
.kjbHead{ background-color: #E1F5EC;}
.kjbHead .search{ width: 20.833vw;}
.kjbHead .search .public-input { height: 2.708vw; padding-left: 1.302vw; border-color: var(--color-green); border-radius: 1.5625vw;}
.kjbHead .search .btn{ background: none; width: 2.708vw; height: 2.708vw; position: absolute;}

@media screen and (max-width: 769px) {

    body{ font-size: 15px;}

    .login-form{ padding: 40px 20px;}
    .login-form .filed{  margin-top: 40px;}
    .login-form .public-input{ height: 40px; padding-left: 15px; margin-top: 15px; border-radius: 20px;}
    .login-form .public-btn{ height: 45px; font-size: 16px; margin-top: 20px; border-radius: 30px;}
    .login-form .public-input-account {border-radius: 20px 0 0 20px}
    .login-form .btn-copy {border-radius: 0 20px 20px 0; height: 40px;  margin: 15px 0 0 0 ;}

    .kjbHead .search{ width: 200px;}
    .kjbHead .search .public-input{ height: 32px; font-size: 14px; padding-left: 10px; border-radius: 20px;}
    .kjbHead .search .btn{ width: 32px; height: 32px;}
}

.msg-box { display: none !important; }
/**分页样式**/
.pagination { padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
.pagination li { margin: 0; padding: 0; color: gray; border: 1px #e5e5e5 solid; font-size: 16px; border-radius: 4px; transition: all 0.3s ease; list-style: none; background-color: white; }
.pagination li.active { background-color: #e5e5e5; color: gray; border: 1px #e5e5e5 solid; font-weight: bold; }
.pagination li:hover:not(.active) { background-color: #f5f5f5; color: gray; border-color: #ddd; }
.pagination li:hover, .pagination li.active { cursor: pointer; }
.pagination a, .pagination span { display: block; padding: 8px 15px; line-height: 24px; text-decoration: none; color: inherit; transition: all 0.3s ease; }
.pagination li.disabled { opacity: 0.5; cursor: not-allowed; }
.pagination-wrapper { width: 100%; text-align: center; margin: 20px 0; }