@font-face {
    font-family: 'Tahoma';
    src: url('../font/TAHOMA.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tahoma-Bold';
    src: url('../font/TAHOMABD.TTF');
    font-weight: normal;
    font-style: normal;
}
html {
    margin: 0;
    padding: 0;
    font-size: 625%;
    font-family: Tahoma;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-size: 0.14rem;
    background-color: #F5F8FB;
    height: 100%;
    min-width: 1120px;
    overflow: auto;
}
.bg-A {
    background-image: url('../img/banner/login.jpeg');
    background-position: center 0.4rem;
    background-repeat: no-repeat;
    /*background-size: auto, 100% 100%;*/
}
a {
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
input, button, select, textarea{
    outline:none
}
h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
}
.d-flex {
    display: flex;
}
.justify-content-between {
    justify-content: space-between;
}
.justify-content-center {
    justify-content: center;
}
.flex-column {
    flex-direction: column;
}
.align-items-center {
    align-items: center;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.col {
    flex: 1;
}
.col-2 {
    flex: 0 0 17%;
    max-width: 17%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-danger {
    color: #FF0000;
}
.message {
    display: none;
}
.message p {
    margin: 0;
}
.message p:before {
    float: left;
    content: " ";
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem;
    background-image: url('../img/icon/danger_2x.png');
    background-repeat: no-repeat;
}
.message p:after {
    clear: both;
}
.show {
    display: block !important;
}
.hidden {
    display: none !important;
}
.cursor-default {
    cursor: default;
}

/* ==================================================================== */
/*按钮样式*/
.btn {
    display: flex;
    border: 1px solid transparent;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    padding: 0 0.16rem;
    text-align: center;
    cursor: pointer;
    height: 0.4rem;
    /* line-height: 0.38rem; */
    /* vertical-align: middle; */
    /* justify-content: center; */
    align-items: center;
    box-sizing: border-box;
}
button.btn {
    justify-content: center;
}
.btn-default {
    border-color: #D9D9D9;
    background-color: #FFFFFF;
    color: #646464;
}
.btn-primary {
    border-color: #1890FF;
    background-color: #1890FF;
    color: #FFFFFF;
}
.btn-primary:hover {
    background-color: #22A9FF;
    border-color: #22A9FF;
}
.btn-default:hover {
    background-color: #1890FF;
    border: 1px solid #1890FF;
    color: #ffffff;
}
.btn-icon {
    padding: 0;
}
.btn-block {
    width: 100%;
}
.btn img {
    padding-top: 0.1rem;
}
.btn-sm {
    font-size: 0.14rem !important;
    height: 0.34rem;
    line-height: 0.34rem;
}
.btn-danger-out {
    background-color: #FFFFFF;
    border-color: #FF4D4D;
    color: #FF4D4D;
    font-size: 0.16rem;
}
/* 按钮组样式 */
.btn-group {
    display: flex;
}
.btn-group > .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.btn-group > .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* ==================================================================== */

/* ==================================================================== */
/* label标签 */
.label {
    display: block;
    text-align: center;
    padding-top: 0.04rem;
    padding-bottom: 0.04rem;
    border-radius: 0.04rem;
    background-color: #FFFFFF;
    font-size: 0.11rem;
    color:rgba(71,71,71,0.8);
    min-width: 0.56rem;
}
.label-success {
    border: 1px solid #16A741;
}
.label-warning {
    border: 1px solid #FF8809;
}
.label-danger {
    border: 1px solid #FF3636;
}
/* ==================================================================== */

/*表单输入框样式*/
.form-group {
    margin-bottom: 0.16rem;
}
.form-control {
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 0.04rem;
    font-size: 0.14rem;
    color: #495057;
    padding: 0 0.12rem;
    height: 0.4rem;
    width: 100%;
    box-sizing: border-box;
}
.form-control-error {
    border: 1px solid #FF0000 !important;
}
.form-label {
    text-align: right;
    padding-right: 0.1rem;
    min-width: 1rem;
    line-height: 0.4rem;
    color: #646464;
    font-family: "Tahoma-Bold";
}
.form-control:focus {
    border: 1px solid #1890FF;
}
.input-group-in .form-control:focus .input-group-in.btn  {
    border: 1px solid #1890FF;
}
.input-group {
    display: flex;
    height: 0.4rem;
}
.input-group-in {
    position: relative;
    display: flex;
}
.input-group-in .input-group-prepend {
    position: absolute;
    left: 0.11rem;
    top: 0.1rem;
}
.input-group-in .input-group-after-in {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    padding-left: 0.09rem;
    border-left: 1px solid #D9D9D9;
}
.input-group-in .input-group-after .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-in .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-in .form-control {
    padding-left: 0.4rem;
}
.input-group >:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group >:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

/*列表样式*/
dl {
    margin: 0;
    padding: 0;
    line-height: 0.2rem;
}
dl dt {
    font-weight: bold;
    font-family: 'Tahoma-Bold';
}
dl dd {
    margin-left: 0;
    margin-bottom: 0.08rem;
    text-indent: 0.1rem;
}

/*分页样式*/
.pagination {
    display: flex;
    justify-content: center;
    position: relative;
    color: #7C7C7C;
    padding: 0.2rem 0;
}
.page-link {
    display: block;
    padding: 0.08rem 0.12rem;
    border: 1px solid #D9D9D9;
    border-radius: 0.04rem;
    cursor: pointer;
    color: #7C7C7C;
}
.page-link:hover {
    border: 1px solid #1890FF;
    color: #1890FF;
}
.page-link.active {
    border: 1px solid #1890FF;
    color: #1890FF;
}
.pagination li {
    margin: 0 0.04rem;
}

/*链接样式*/
.a-link {
    padding: 0 0.1rem;
    cursor: pointer;
}
.a-link:first-child {
    padding-left: 0;
}
.a-link-default {
    color: #A6A6A6;
}
.a-link-primary {
    color: #1890FF;
}
.a-link-danger {
    color: #DA000B;
}
.a-link-primary:hover {
    color: #1EB2FF;
}
.a-link-danger:hover {
    color: #ff5d5d;
}

/*图片样式*/
.img-fluid {
    width: 100%;
}
.table-danger {
    background-color: #FFB8B8 !important;
}


/* ==================================================================== */
/* 标签页样式 */
.tabs {
    width: 100%;
    display: flex;
    height: 0.5rem;
    background-color: #DAE7F3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.tabs li {
    display: block;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    line-height: 0.5rem;
    height: 0.5rem;
    font-family: 'Tahoma-Bold';
    font-weight: bold;
    font-size: 0.16rem;
}
.tabs li.active {
    height: 0.56rem;
    background-color: #FFFFFF;
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    top: -0.06rem;
}
.tabs li:not(:first-child):not(.active) {
    /* border-left: 1px solid #AFC1D6; */
    /* border-bottom-left-radius: 8px; */
    /* border-bottom-right-radius: 8px; */
}
.tabs li a {
    display: block;
    color: #516A86;
    cursor: pointer;
}
.tabs li.active a {
    color: #1890FF;
}
.tab-content {
    /* position: relative; */
}
.tab-content .tab-pane {
    display: none;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow:0px 0px 0px rgba(193,203,214,0.35);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
}
.tab-content .active {
    display: block;
}
/* ==================================================================== */

/* ==================================================================== */
/* 弹出框样式 */
.popover {
    position: relative;
    display: flex;
    align-items: center;
}
.popover .popover-btn {
    cursor: pointer;
}
/* ==================================================================== */

/* ==================================================================== */
/* 三角形样式 */
.caret {
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent transparent;
}
.dropdown {
    position: relative;
}
.dropdown-toggle {
    display: flex;
    align-items: center;
}
.dropdown-toggle:after {
    /* display: inline-block; */
    content: "";
    vertical-align: middle;
    border-top: 0.06rem solid;
    border-right: 0.04rem solid transparent;
    border-bottom: 0;
    border-left: 0.04rem solid transparent;
    margin-left: 0.09rem;
    margin-top: 2px;
}
.dropdown-menu {
    position: absolute;
    display: none;
    background-color: #FFFFFF;
    min-width: 2.25rem;
    box-shadow:0px 3px 7px 0px rgba(193, 214, 203, 0.35);
    border-radius: 4px;
    /* box-shadow:0px 0px 0px rgba(193,203,214,1); */
    z-index: 1;
    padding: 8px 0;
}
.dropdown-divider {
    border-top: 1px solid #EEEEEE;
    margin: 0.08rem 0;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
/* ==================================================================== */

/* ==================================================================== */
/* 进度条 */
.progress {
    display: flex;
    height: 0.12rem;
    overflow: hidden;
    font-size: 0.14rem;
    background-color: #e9ecef;
    border-radius: 0.05rem;
}
.progress .progress-bar {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    text-align: center;
}
/* ==================================================================== */

/* ==================================================================== */
/* 背景色 */
.bg-danger {
    background-color: #dc3545!important;
}
.bg-primary {
    background-color: #1890FF!important;
}
/* ==================================================================== */

/* ==================================================================== */
/* icon小效果 */
/* 1. close */
.close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    width: 0.2rem;
    height: 0.2rem;
    background-image: url('../img/icon/close-disable.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
}
.close:hover {
    background-image: url('../img/icon/close.png');
}
/* 2. search */
.search {
    background-image: url('../img/icon/search.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 0.18rem;
    height: 0.38rem;
    box-sizing: content-box;
}
.search:hover {
    background-image: url('../img/icon/search-white.png');
}
/* ==================================================================== */

/* ==================================================================== */
/*弹出框*/
.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    z-index: 1050;
    background-color: rgba(42,42,42,0.7);
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    max-width: 550px;
    margin: 0.8rem auto;
}
.modal-A {
    max-width: 8rem;
}
.modal-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 0.04rem;
}
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0.3rem;
}
.modal-title {
    margin: 0;
    font-size: 0.16rem;
    font-family: 'Tahoma-Bold';
    color: #333333;
}
.modal-body {
    padding: 0 0.3rem;
}
.modal-h {
    font-size: 0.14rem;
    font-family: "Tahoma-Bold";
    font-weight: bold;
    margin: 0.2rem 0 0.15rem;
}
.modal-footer {
    display: flex;
    justify-content: center;
    padding: 0.15rem 0.3rem 0.3rem;
}
.modal-footer >:not(:last-child) {
    margin-right: 0.18rem;
}
/* ==================================================================== */

/* ==================================================================== */
/*表单样式*/
.table, .table-none {
    width: 100%;
    border-collapse: collapse;
}
.table thead, .table-none thead {
    color: #585858;
    text-align: left;
}
.table tbody, .table-none tbody {
    color: #646464;
}
.table tbody tr:nth-child(odd) {
    background-color: #FAFBFC;
}
.table tbody tr:nth-child(even) {
    background-color: #FFFFFF;
}
.table tbody tr:hover {
    background-color: #EFF5FB;
}
.table th, .table-none th {
    font-family: 'Tahoma-Bold';
}
.table tr, .table-none tr {
    height: 0.52rem;
}
.table-normal td:first-child {
    padding-left: 0.37rem;
    color: #585858;
    font-weight: bold;
    font-family: 'Tahoma-Bold';
}
.table-normal th:first-child {
    padding-left: 0.37rem;
}
.table-normal th + th {
    padding-left: 0.20rem;
}
.table-normal td + td {
    padding-left: 0.20rem;
}
.table-border {
    border-collapse: collapse;
}
.table-border td, .table-border th {
    border: 1px solid #9ED0FF;
}
/*.table-review td:first-child {
    padding-left: 0.37rem;
    color: #585858;
    font-weight: bold;
    font-family: 'Tahoma-Bold';
}*/
.table-a {
    border-collapse: collapse;
}
.table-a td:first-child {
    padding-left: 0.41rem;
    color: #585858;
}
.table-a th:first-child {
    padding-left: 0.41rem;
}
.table-a td:not(:first-child) {
    padding-right: 0.4rem;
}
.table-a th:last-child {
    padding-right: 0.4rem;
}
.table-a th + th {
    padding-left: 0.10rem;
}
.table-a td + td {
    padding-left: 0.10rem;
}
.table-a thead tr {
    background-color: #FAFBFC !important;
}
.table-a tbody tr:nth-child(even) {
    background-color: #FAFBFC !important;
}
.table-a tbody tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}
.table-a tbody tr:hover {
    background-color: #EFF5FB !important;
}
/* .table-b th {
    color: #333333;
    font-family: "Tahoma-Bold";
    font-weight: bold;
} */
/* .table-b thead th {
    border-top: 1px solid #E0DEE2;
} */
/* .table-b tbody tr:last-child td:not(:first-child) {
    border-bottom: 1px solid #E0DEE2;
}
.table-b th:nth-child(1), .table-b td:nth-child(1) {
    border: none;
    display: flex;
    justify-content: flex-end;
    padding-right: 0.08rem;
}
.table-b th:nth-child(2), .table-b td:nth-child(2) {
    border-left: 1px solid #E0DEE2;
}
.table-b th:last-child, .table-b td:last-child {
    border-right: 1px solid #E0DEE2;
} */

/* ==================================================================== */

/* ==================================================================== */
/* 颜色 */
.color-green {
    color: #16A741;
}
.color-orange {
    color: #FF8809;
}
.color-red {
    color: #FF3636;
}
.bg-green {
    background-color: #16A741;
}
.bg-orange {
    background-color: #FF8809;
}
.bg-red {
    background-color: #FF3636;
}
/* ==================================================================== */